Add new @flok/lang-punctual package; Do not autoclose on < and >

packages/lang-punctual/.gitignore

@@ -0,0 +1,3 @@
+/node_modules
+package-lock.json
+/dist

packages/lang-punctual/.npmignore

@@ -0,0 +1,5 @@
+/src
+/test
+/node_modules
+rollup.config.js
+tsconfig.json

packages/lang-punctual/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Damián Silvani and contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/lang-punctual/README.md

@@ -0,0 +1,26 @@
+# CodeMirror 6 language package template
+
+This is an example repository containing a minimal
+[CodeMirror](https://codemirror.net/6/) language support package. The idea is to
+clone it, rename it, and edit it to create support for a new language.
+
+Things you'll need to do (see the [language support example](https://codemirror.net/6/examples/lang-package/)
+for a more detailed tutorial):
+
+- `git grep EXAMPLE` and replace all instances with your language name.
+
+- Rewrite the grammar in `src/syntax.grammar` to cover your language. See the
+  [Lezer system guide](https://lezer.codemirror.net/docs/guide/#writing-a-grammar)
+  for information on this file format.
+
+- Adjust the metadata in `src/index.ts` to work with your new grammar.
+
+- Adjust the grammar tests in `test/cases.txt`.
+
+- Build (`npm run prepare`) and test (`npm test`).
+
+- Rewrite this readme file.
+
+- Optionally add a license.
+
+- Publish. Put your package on npm under a name like `codemirror-lang-EXAMPLE`.

packages/lang-punctual/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@flok-editor/lang-punctual",
+  "version": "1.3.0",
+  "description": "Punctual language support for CodeMirror",
+  "scripts": {
+    "build": "rollup -c"
+  },
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "exports": {
+    "import": "./dist/index.js",
+    "require": "./dist/index.cjs"
+  },
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
+  "dependencies": {
+    "@codemirror/language": "^6.0.0",
+    "@codemirror/legacy-modes": "^6.3.2",
+    "@lezer/highlight": "^1.0.0",
+    "@lezer/lr": "^1.0.0"
+  },
+  "devDependencies": {
+    "@lezer/generator": "^1.0.0",
+    "mocha": "^9.0.1",
+    "prettier": "^3.4.2",
+    "rollup": "^2.60.2",
+    "rollup-plugin-dts": "^4.0.1",
+    "rollup-plugin-ts": "^3.0.2",
+    "typescript": "^4.3.4"
+  },
+  "license": "MIT"
+}

packages/lang-punctual/rollup.config.js

@@ -0,0 +1,12 @@
+import typescript from "rollup-plugin-ts";
+import { lezer } from "@lezer/generator/rollup";
+
+export default {
+  input: "src/index.ts",
+  external: (id) => id != "tslib" && !/^(\.?\/|\w:)/.test(id),
+  output: [
+    { file: "dist/index.cjs", format: "cjs" },
+    { dir: "./dist", format: "es" },
+  ],
+  plugins: [lezer(), typescript()],
+};

packages/lang-punctual/src/indentation.ts

@@ -0,0 +1,14 @@
+import { indentService } from "@codemirror/language";
+
+export function indentation() {
+  return indentService.of((context, pos) => {
+    let { text, from } = context.lineAt(pos, -1);
+    let parse = text.slice(0, pos - from).match(/^([^$#]+)\$.*/);
+
+    if (parse) {
+      return Math.min(parse[1].length, 8);
+    } else {
+      return 0;
+    }
+  });
+}

packages/lang-punctual/src/index.ts

@@ -0,0 +1,7 @@
+import { StreamLanguage } from "@codemirror/language";
+import { punctualLanguage } from "./punctual";
+import { indentation } from "./indentation";
+
+export function punctual() {
+  return [indentation(), StreamLanguage.define(punctualLanguage)];
+}

packages/lang-punctual/src/punctual.ts

@@ -0,0 +1,10 @@
+import { haskell } from "@codemirror/legacy-modes/mode/haskell";
+
+export const punctualLanguage = {
+  ...haskell,
+  name: "punctual",
+  languageData: {
+    ...haskell.languageData,
+    closeBrackets: { brackets: ["(", "[", "{", '"'], before: ')]}"' },
+  },
+};

packages/lang-punctual/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "target": "es6",
+    "module": "es2020",
+    "newLine": "lf",
+    "declaration": true,
+    "moduleResolution": "node"
+  },
+  "include": ["src/*.ts"]
+}

packages/web/package.json

@@ -45,6 +45,7 @@
     "@codemirror/view": "^6.23.0",
     "@flok-editor/cm-eval": "^1.3.0",
     "@flok-editor/lang-tidal": "^1.3.0",
+    "@flok-editor/lang-punctual": "^1.3.0",
     "@flok-editor/session": "^1.3.0",
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-dropdown-menu": "^2.1.4",

packages/web/src/components/editor.tsx

@@ -29,6 +29,7 @@ import {
 } from "@codemirror/view";
 import { evalKeymap, flashField, remoteEvalFlash } from "@flok-editor/cm-eval";
 import { tidal } from "@flok-editor/lang-tidal";
+import { punctual } from "@flok-editor/lang-punctual";
 import type { Document } from "@flok-editor/session";
 import { highlightExtension } from "@strudel/codemirror";
 import CodeMirror, {
@@ -48,6 +49,7 @@ const langExtensionsByLanguage: { [lang: string]: any } = {
   javascript: javascript,
   python: python,
   tidal: tidal,
+  punctual: punctual,
 };
 const panicCodes = panicCodesUntyped as { [target: string]: string };
 

packages/web/src/settings.json

@@ -18,7 +18,7 @@
     "hydra": "javascript",
     "mercury-web": "javascript",
     "mercury": "javascript",
-    "punctual": "tidal",
+    "punctual": "punctual",
     "renardo": "python",
     "sardine": "python",
     "sclang": "javascript",