skir-codemirror-plugin 1.0.1 → 1.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Tyler Fibonacci
+
+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.

package/dist/codemirror/create_editor_state.js

@@ -51,7 +51,7 @@ export function createEditorState({ schema, readOnly, json, theme, }) {
         doc: JSON.stringify(content, null, 2),
         extensions: [
             EditorState.readOnly.of(!!readOnly),
-            enterKeyHandler(schema),
+            readOnly ? [] : enterKeyHandler(schema),
             basicSetup,
             EditorState.languageData.of(() => [
                 {

package/dist/codemirror/create_editor_state.js.map

@@ -1 +1 @@
-{"version":3,"file":"create_editor_state.js","sourceRoot":"","sources":["../../src/codemirror/create_editor_state.ts"],"names":[],"mappings":"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","sourcesContent":["import { autocompletion, closeBrackets } from \"@codemirror/autocomplete\";\nimport { json as jsonExtension } from \"@codemirror/lang-json\";\nimport { linter, lintGutter } from \"@codemirror/lint\";\nimport { EditorState, Extension } from \"@codemirror/state\";\nimport { EditorView } from \"@codemirror/view\";\nimport { tokyoNight } from \"@uiw/codemirror-theme-tokyo-night\";\nimport { tokyoNightDay } from \"@uiw/codemirror-theme-tokyo-night-day\";\nimport { basicSetup } from \"codemirror\";\nimport { makeJsonTemplate } from \"../json/to_json\";\nimport type { Json, RecordDefinition, TypeDefinition } from \"../json/types\";\nimport { enterKeyHandler } from \"./enter_key_handler\";\nimport { jsonCompletion } from \"./json_completion\";\nimport { jsonLinter } from \"./json_linter\";\nimport { debouncedJsonParser } from \"./json_state\";\nimport { statusBar } from \"./status_bar\";\n\nexport type CreateEditorStateParams = {\n  schema: TypeDefinition;\n  readOnly?: true;\n  json?: Json;\n  theme?: \"tokyo-night\" | \"tokyo-night-day\" | CustomTheme;\n};\n\nexport function createEditorState({\n  schema,\n  readOnly,\n  json,\n  theme,\n}: CreateEditorStateParams): EditorState {\n  const idToRecordDef: { [id: string]: RecordDefinition } = {};\n  for (const record of schema.records) {\n    idToRecordDef[record.id] = record;\n  }\n  const content = json ?? makeJsonTemplate(schema.type, idToRecordDef);\n\n  switch (theme) {\n    case undefined:\n    case \"tokyo-night\": {\n      theme = {\n        backgroundColor: \"#1a1b26\",\n        lighterBgColor: \"#1f2335\",\n        borderColor: \"#414868\",\n        foregroundColor: \"#c0caf5\",\n        accentColor: \"#7aa2f7\",\n        errorColor: \"#f7768e\",\n        selectionColor: \"#515c7e40\",\n        themeExtension: tokyoNight,\n      };\n      break;\n    }\n    case \"tokyo-night-day\": {\n      theme = {\n        backgroundColor: \"#d5d6db\",\n        lighterBgColor: \"#e1e2e7\",\n        borderColor: \"#adb0bb\",\n        foregroundColor: \"#3760bf\",\n        accentColor: \"#2e7de9\",\n        errorColor: \"#f52a65\",\n        selectionColor: \"#3760bf33\",\n        themeExtension: tokyoNightDay,\n      };\n      break;\n    }\n  }\n\n  return EditorState.create({\n    doc: JSON.stringify(content, null, 2),\n    extensions: [\n      EditorState.readOnly.of(!!readOnly),\n      enterKeyHandler(schema),\n      basicSetup,\n      EditorState.languageData.of(() => [\n        {\n          closeBrackets: { before: \",]}\" },\n        },\n      ]),\n      closeBrackets(),\n      theme.themeExtension ?? [],\n      jsonExtension(),\n      debouncedJsonParser(schema),\n      linter(jsonLinter(readOnly ? \"read-only\" : \"editable\")),\n      autocompletion({\n        override: [jsonCompletion(schema)],\n      }),\n      lintGutter(),\n      statusBar(),\n      EditorView.theme({\n        \"&\": {\n          fontSize: \"14px\",\n          height: \"100%\",\n        },\n        \".cm-scroller\": {\n          fontFamily: \"'JetBrains Mono', monospace\",\n          overflow: \"auto\",\n        },\n        \".cm-lintRange-info\": {\n          backgroundImage: \"none\",\n        },\n        \".cm-lintRange-info:hover\": {\n          backgroundColor: theme.selectionColor,\n        },\n        \".cm-lintRange-error\": {\n          backgroundImage: \"none\",\n          borderBottom: `3px solid ${theme.errorColor}`,\n        },\n        \".cm-tooltip-hover\": {\n          backgroundColor: theme.lighterBgColor,\n          border: `1px solid ${theme.borderColor}`,\n          borderRadius: \"4px\",\n          padding: \"8px 12px\",\n          boxShadow: \"0 4px 12px rgba(0, 0, 0, 0.5)\",\n          fontSize: \"14px\",\n          lineHeight: \"1.4\",\n          color: theme.foregroundColor,\n        },\n        \".cm-tooltip.cm-tooltip-lint\": {\n          backgroundColor: theme.lighterBgColor,\n          border: `1px solid ${theme.borderColor}`,\n          borderRadius: \"4px\",\n          padding: \"8px 12px\",\n          boxShadow: \"0 4px 12px rgba(0, 0, 0, 0.5)\",\n          fontSize: \"14px\", // Ensure consistency\n          color: theme.foregroundColor,\n        },\n        \".cm-tooltip-lint .cm-diagnostic-error\": {\n          fontWeight: \"bold\",\n          color: theme.errorColor,\n        },\n        \".cm-status-bar\": {\n          backgroundColor: theme.lighterBgColor,\n          borderTopColor: theme.borderColor,\n          color: theme.accentColor,\n        },\n        \".cm-diagnostic-textarea\": {\n          backgroundColor: theme.lighterBgColor,\n          borderColor: theme.borderColor,\n          color: theme.foregroundColor,\n        },\n        \".cm-diagnostic-textarea[readonly]\": {\n          backgroundColor: theme.backgroundColor,\n        },\n        \".cm-diagnostic-input\": {\n          backgroundColor: theme.lighterBgColor,\n          borderColor: theme.borderColor,\n          color: theme.foregroundColor,\n        },\n        \".cm-diagnostic-button\": {\n          backgroundColor: theme.lighterBgColor,\n          borderColor: theme.borderColor,\n          color: theme.foregroundColor,\n        },\n        \".cm-diagnostic-button:hover\": {\n          backgroundColor: theme.borderColor,\n        },\n        \".cm-diagnostic-error-message\": {\n          color: theme.errorColor,\n        },\n        \".diagnostic-row + .diagnostic-row\": {\n          borderTopColor: theme.borderColor,\n        },\n      }),\n      EditorView.baseTheme({\n        \".cm-lint-marker-info\": {\n          display: \"none\",\n        },\n        \".cm-status-bar\": {\n          display: \"flex\",\n          flexDirection: \"row-reverse\",\n          justifyContent: \"flex-end\",\n          padding: \"4px 12px\",\n          borderTop: \"1px solid\",\n          fontSize: \"12px\",\n          height: \"16px\",\n        },\n        \".cm-status-bar-link\": {\n          textDecoration: \"none\",\n          cursor: \"pointer\",\n        },\n        \".cm-status-bar-link:hover\": {\n          textDecoration: \"underline\",\n        },\n        \".cm-status-bar-link:hover ~ .cm-status-bar-link\": {\n          textDecoration: \"underline\",\n        },\n        \".cm-diagnostic-wrapper\": {\n          fontSize: \"12px\",\n          lineHeight: \"1.3\",\n          padding: \"2px\",\n        },\n        \".cm-diagnostic-controls\": {\n          marginTop: \"4px\",\n          display: \"flex\",\n          gap: \"6px\",\n          alignItems: \"center\",\n        },\n        \".cm-diagnostic-label\": {\n          whiteSpace: \"nowrap\",\n          fontWeight: \"500\",\n          minWidth: \"64px\",\n        },\n        \".cm-diagnostic-textarea\": {\n          flex: \"1\",\n          padding: \"3px 6px\",\n          border: \"1px solid\",\n          borderRadius: \"3px\",\n          fontSize: \"12px\",\n          fontFamily: \"'JetBrains Mono', monospace\",\n          resize: \"none\",\n          overflow: \"auto\",\n          boxSizing: \"border-box\",\n        },\n        \".cm-diagnostic-textarea[readonly]\": {\n          cursor: \"default\",\n        },\n        \".cm-diagnostic-input\": {\n          padding: \"3px 6px\",\n          border: \"1px solid\",\n          borderRadius: \"3px\",\n          fontSize: \"12px\",\n          fontFamily: \"'JetBrains Mono', monospace\",\n          boxSizing: \"border-box\",\n          width: \"100%\",\n        },\n        \".cm-diagnostic-button\": {\n          padding: \"3px 12px\",\n          border: \"1px solid\",\n          borderRadius: \"3px\",\n          fontSize: \"12px\",\n          fontFamily: \"'JetBrains Mono', monospace\",\n          cursor: \"pointer\",\n          boxSizing: \"border-box\",\n        },\n        \".cm-diagnostic-button:active\": {\n          transform: \"translateY(1px)\",\n        },\n        \".cm-diagnostic-error-message\": {\n          fontSize: \"11px\",\n          marginTop: \"2px\",\n          fontWeight: \"500\",\n        },\n        \".cm-timestamp-field\": {\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"2px\",\n          flex: \"1\",\n        },\n        \".cm-tooltip-lint .cm-diagnostic\": {\n          padding: \"0\",\n          borderTop: \"none\",\n          borderLeft: \"none\",\n        },\n        \".cm-tooltip-lint .cm-diagnostic-error\": {\n          borderLeft: \"none\",\n          fontWeight: \"bold\",\n        },\n        \".cm-tooltip-lint .cm-diagnostic-info\": {\n          borderLeft: \"none\",\n        },\n        \".diagnostic-row + .diagnostic-row\": {\n          marginTop: \"8px\",\n          paddingTop: \"8px\",\n          borderTop: \"1px solid\",\n        },\n      }),\n    ],\n  });\n}\n\nexport interface CustomTheme {\n  backgroundColor: string;\n  lighterBgColor: string;\n  borderColor: string;\n  foregroundColor: string;\n  accentColor: string;\n  errorColor: string;\n  selectionColor: string;\n  themeExtension?: Extension;\n}\n"]}
+{"version":3,"file":"create_editor_state.js","sourceRoot":"","sources":["../../src/codemirror/create_editor_state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AASzC,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,KAAK,GACmB;IACxB,MAAM,aAAa,GAAuC,EAAE,CAAC;IAC7D,KAAK,MAAM,MAAM,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACpC,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;IACpC,CAAC;IACD,MAAM,OAAO,GAAG,IAAI,IAAI,gBAAgB,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IAErE,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,SAAS,CAAC;QACf,KAAK,aAAa,CAAC,CAAC,CAAC;YACnB,KAAK,GAAG;gBACN,eAAe,EAAE,SAAS;gBAC1B,cAAc,EAAE,SAAS;gBACzB,WAAW,EAAE,SAAS;gBACtB,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,UAAU,EAAE,SAAS;gBACrB,cAAc,EAAE,WAAW;gBAC3B,cAAc,EAAE,UAAU;aAC3B,CAAC;YACF,MAAM;QACR,CAAC;QACD,KAAK,iBAAiB,CAAC,CAAC,CAAC;YACvB,KAAK,GAAG;gBACN,eAAe,EAAE,SAAS;gBAC1B,cAAc,EAAE,SAAS;gBACzB,WAAW,EAAE,SAAS;gBACtB,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,UAAU,EAAE,SAAS;gBACrB,cAAc,EAAE,WAAW;gBAC3B,cAAc,EAAE,aAAa;aAC9B,CAAC;YACF,MAAM;QACR,CAAC;IACH,CAAC;IAED,OAAO,WAAW,CAAC,MAAM,CAAC;QACxB,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACrC,UAAU,EAAE;YACV,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YACnC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC;YACvC,UAAU;YACV,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;gBAChC;oBACE,aAAa,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;iBACjC;aACF,CAAC;YACF,aAAa,EAAE;YACf,KAAK,CAAC,cAAc,IAAI,EAAE;YAC1B,aAAa,EAAE;YACf,mBAAmB,CAAC,MAAM,CAAC;YAC3B,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;YACvD,cAAc,CAAC;gBACb,QAAQ,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;aACnC,CAAC;YACF,UAAU,EAAE;YACZ,SAAS,EAAE;YACX,UAAU,CAAC,KAAK,CAAC;gBACf,GAAG,EAAE;oBACH,QAAQ,EAAE,MAAM;oBAChB,MAAM,EAAE,MAAM;iBACf;gBACD,cAAc,EAAE;oBACd,UAAU,EAAE,6BAA6B;oBACzC,QAAQ,EAAE,MAAM;iBACjB;gBACD,oBAAoB,EAAE;oBACpB,eAAe,EAAE,MAAM;iBACxB;gBACD,0BAA0B,EAAE;oBAC1B,eAAe,EAAE,KAAK,CAAC,cAAc;iBACtC;gBACD,qBAAqB,EAAE;oBACrB,eAAe,EAAE,MAAM;oBACvB,YAAY,EAAE,aAAa,KAAK,CAAC,UAAU,EAAE;iBAC9C;gBACD,mBAAmB,EAAE;oBACnB,eAAe,EAAE,KAAK,CAAC,cAAc;oBACrC,MAAM,EAAE,aAAa,KAAK,CAAC,WAAW,EAAE;oBACxC,YAAY,EAAE,KAAK;oBACnB,OAAO,EAAE,UAAU;oBACnB,SAAS,EAAE,+BAA+B;oBAC1C,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,KAAK;oBACjB,KAAK,EAAE,KAAK,CAAC,eAAe;iBAC7B;gBACD,6BAA6B,EAAE;oBAC7B,eAAe,EAAE,KAAK,CAAC,cAAc;oBACrC,MAAM,EAAE,aAAa,KAAK,CAAC,WAAW,EAAE;oBACxC,YAAY,EAAE,KAAK;oBACnB,OAAO,EAAE,UAAU;oBACnB,SAAS,EAAE,+BAA+B;oBAC1C,QAAQ,EAAE,MAAM,EAAE,qBAAqB;oBACvC,KAAK,EAAE,KAAK,CAAC,eAAe;iBAC7B;gBACD,uCAAuC,EAAE;oBACvC,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,KAAK,CAAC,UAAU;iBACxB;gBACD,gBAAgB,EAAE;oBAChB,eAAe,EAAE,KAAK,CAAC,cAAc;oBACrC,cAAc,EAAE,KAAK,CAAC,WAAW;oBACjC,KAAK,EAAE,KAAK,CAAC,WAAW;iBACzB;gBACD,yBAAyB,EAAE;oBACzB,eAAe,EAAE,KAAK,CAAC,cAAc;oBACrC,WAAW,EAAE,KAAK,CAAC,WAAW;oBAC9B,KAAK,EAAE,KAAK,CAAC,eAAe;iBAC7B;gBACD,mCAAmC,EAAE;oBACnC,eAAe,EAAE,KAAK,CAAC,eAAe;iBACvC;gBACD,sBAAsB,EAAE;oBACtB,eAAe,EAAE,KAAK,CAAC,cAAc;oBACrC,WAAW,EAAE,KAAK,CAAC,WAAW;oBAC9B,KAAK,EAAE,KAAK,CAAC,eAAe;iBAC7B;gBACD,uBAAuB,EAAE;oBACvB,eAAe,EAAE,KAAK,CAAC,cAAc;oBACrC,WAAW,EAAE,KAAK,CAAC,WAAW;oBAC9B,KAAK,EAAE,KAAK,CAAC,eAAe;iBAC7B;gBACD,6BAA6B,EAAE;oBAC7B,eAAe,EAAE,KAAK,CAAC,WAAW;iBACnC;gBACD,8BAA8B,EAAE;oBAC9B,KAAK,EAAE,KAAK,CAAC,UAAU;iBACxB;gBACD,mCAAmC,EAAE;oBACnC,cAAc,EAAE,KAAK,CAAC,WAAW;iBAClC;aACF,CAAC;YACF,UAAU,CAAC,SAAS,CAAC;gBACnB,sBAAsB,EAAE;oBACtB,OAAO,EAAE,MAAM;iBAChB;gBACD,gBAAgB,EAAE;oBAChB,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,aAAa;oBAC5B,cAAc,EAAE,UAAU;oBAC1B,OAAO,EAAE,UAAU;oBACnB,SAAS,EAAE,WAAW;oBACtB,QAAQ,EAAE,MAAM;oBAChB,MAAM,EAAE,MAAM;iBACf;gBACD,qBAAqB,EAAE;oBACrB,cAAc,EAAE,MAAM;oBACtB,MAAM,EAAE,SAAS;iBAClB;gBACD,2BAA2B,EAAE;oBAC3B,cAAc,EAAE,WAAW;iBAC5B;gBACD,iDAAiD,EAAE;oBACjD,cAAc,EAAE,WAAW;iBAC5B;gBACD,wBAAwB,EAAE;oBACxB,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,KAAK;oBACjB,OAAO,EAAE,KAAK;iBACf;gBACD,yBAAyB,EAAE;oBACzB,SAAS,EAAE,KAAK;oBAChB,OAAO,EAAE,MAAM;oBACf,GAAG,EAAE,KAAK;oBACV,UAAU,EAAE,QAAQ;iBACrB;gBACD,sBAAsB,EAAE;oBACtB,UAAU,EAAE,QAAQ;oBACpB,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE,MAAM;iBACjB;gBACD,yBAAyB,EAAE;oBACzB,IAAI,EAAE,GAAG;oBACT,OAAO,EAAE,SAAS;oBAClB,MAAM,EAAE,WAAW;oBACnB,YAAY,EAAE,KAAK;oBACnB,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,6BAA6B;oBACzC,MAAM,EAAE,MAAM;oBACd,QAAQ,EAAE,MAAM;oBAChB,SAAS,EAAE,YAAY;iBACxB;gBACD,mCAAmC,EAAE;oBACnC,MAAM,EAAE,SAAS;iBAClB;gBACD,sBAAsB,EAAE;oBACtB,OAAO,EAAE,SAAS;oBAClB,MAAM,EAAE,WAAW;oBACnB,YAAY,EAAE,KAAK;oBACnB,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,6BAA6B;oBACzC,SAAS,EAAE,YAAY;oBACvB,KAAK,EAAE,MAAM;iBACd;gBACD,uBAAuB,EAAE;oBACvB,OAAO,EAAE,UAAU;oBACnB,MAAM,EAAE,WAAW;oBACnB,YAAY,EAAE,KAAK;oBACnB,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,6BAA6B;oBACzC,MAAM,EAAE,SAAS;oBACjB,SAAS,EAAE,YAAY;iBACxB;gBACD,8BAA8B,EAAE;oBAC9B,SAAS,EAAE,iBAAiB;iBAC7B;gBACD,8BAA8B,EAAE;oBAC9B,QAAQ,EAAE,MAAM;oBAChB,SAAS,EAAE,KAAK;oBAChB,UAAU,EAAE,KAAK;iBAClB;gBACD,qBAAqB,EAAE;oBACrB,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;oBACvB,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,GAAG;iBACV;gBACD,iCAAiC,EAAE;oBACjC,OAAO,EAAE,GAAG;oBACZ,SAAS,EAAE,MAAM;oBACjB,UAAU,EAAE,MAAM;iBACnB;gBACD,uCAAuC,EAAE;oBACvC,UAAU,EAAE,MAAM;oBAClB,UAAU,EAAE,MAAM;iBACnB;gBACD,sCAAsC,EAAE;oBACtC,UAAU,EAAE,MAAM;iBACnB;gBACD,mCAAmC,EAAE;oBACnC,SAAS,EAAE,KAAK;oBAChB,UAAU,EAAE,KAAK;oBACjB,SAAS,EAAE,WAAW;iBACvB;aACF,CAAC;SACH;KACF,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { autocompletion, closeBrackets } from \"@codemirror/autocomplete\";\nimport { json as jsonExtension } from \"@codemirror/lang-json\";\nimport { linter, lintGutter } from \"@codemirror/lint\";\nimport { EditorState, Extension } from \"@codemirror/state\";\nimport { EditorView } from \"@codemirror/view\";\nimport { tokyoNight } from \"@uiw/codemirror-theme-tokyo-night\";\nimport { tokyoNightDay } from \"@uiw/codemirror-theme-tokyo-night-day\";\nimport { basicSetup } from \"codemirror\";\nimport { makeJsonTemplate } from \"../json/to_json\";\nimport type { Json, RecordDefinition, TypeDefinition } from \"../json/types\";\nimport { enterKeyHandler } from \"./enter_key_handler\";\nimport { jsonCompletion } from \"./json_completion\";\nimport { jsonLinter } from \"./json_linter\";\nimport { debouncedJsonParser } from \"./json_state\";\nimport { statusBar } from \"./status_bar\";\n\nexport type CreateEditorStateParams = {\n  schema: TypeDefinition;\n  readOnly?: true;\n  json?: Json;\n  theme?: \"tokyo-night\" | \"tokyo-night-day\" | CustomTheme;\n};\n\nexport function createEditorState({\n  schema,\n  readOnly,\n  json,\n  theme,\n}: CreateEditorStateParams): EditorState {\n  const idToRecordDef: { [id: string]: RecordDefinition } = {};\n  for (const record of schema.records) {\n    idToRecordDef[record.id] = record;\n  }\n  const content = json ?? makeJsonTemplate(schema.type, idToRecordDef);\n\n  switch (theme) {\n    case undefined:\n    case \"tokyo-night\": {\n      theme = {\n        backgroundColor: \"#1a1b26\",\n        lighterBgColor: \"#1f2335\",\n        borderColor: \"#414868\",\n        foregroundColor: \"#c0caf5\",\n        accentColor: \"#7aa2f7\",\n        errorColor: \"#f7768e\",\n        selectionColor: \"#515c7e40\",\n        themeExtension: tokyoNight,\n      };\n      break;\n    }\n    case \"tokyo-night-day\": {\n      theme = {\n        backgroundColor: \"#d5d6db\",\n        lighterBgColor: \"#e1e2e7\",\n        borderColor: \"#adb0bb\",\n        foregroundColor: \"#3760bf\",\n        accentColor: \"#2e7de9\",\n        errorColor: \"#f52a65\",\n        selectionColor: \"#3760bf33\",\n        themeExtension: tokyoNightDay,\n      };\n      break;\n    }\n  }\n\n  return EditorState.create({\n    doc: JSON.stringify(content, null, 2),\n    extensions: [\n      EditorState.readOnly.of(!!readOnly),\n      readOnly ? [] : enterKeyHandler(schema),\n      basicSetup,\n      EditorState.languageData.of(() => [\n        {\n          closeBrackets: { before: \",]}\" },\n        },\n      ]),\n      closeBrackets(),\n      theme.themeExtension ?? [],\n      jsonExtension(),\n      debouncedJsonParser(schema),\n      linter(jsonLinter(readOnly ? \"read-only\" : \"editable\")),\n      autocompletion({\n        override: [jsonCompletion(schema)],\n      }),\n      lintGutter(),\n      statusBar(),\n      EditorView.theme({\n        \"&\": {\n          fontSize: \"14px\",\n          height: \"100%\",\n        },\n        \".cm-scroller\": {\n          fontFamily: \"'JetBrains Mono', monospace\",\n          overflow: \"auto\",\n        },\n        \".cm-lintRange-info\": {\n          backgroundImage: \"none\",\n        },\n        \".cm-lintRange-info:hover\": {\n          backgroundColor: theme.selectionColor,\n        },\n        \".cm-lintRange-error\": {\n          backgroundImage: \"none\",\n          borderBottom: `3px solid ${theme.errorColor}`,\n        },\n        \".cm-tooltip-hover\": {\n          backgroundColor: theme.lighterBgColor,\n          border: `1px solid ${theme.borderColor}`,\n          borderRadius: \"4px\",\n          padding: \"8px 12px\",\n          boxShadow: \"0 4px 12px rgba(0, 0, 0, 0.5)\",\n          fontSize: \"14px\",\n          lineHeight: \"1.4\",\n          color: theme.foregroundColor,\n        },\n        \".cm-tooltip.cm-tooltip-lint\": {\n          backgroundColor: theme.lighterBgColor,\n          border: `1px solid ${theme.borderColor}`,\n          borderRadius: \"4px\",\n          padding: \"8px 12px\",\n          boxShadow: \"0 4px 12px rgba(0, 0, 0, 0.5)\",\n          fontSize: \"14px\", // Ensure consistency\n          color: theme.foregroundColor,\n        },\n        \".cm-tooltip-lint .cm-diagnostic-error\": {\n          fontWeight: \"bold\",\n          color: theme.errorColor,\n        },\n        \".cm-status-bar\": {\n          backgroundColor: theme.lighterBgColor,\n          borderTopColor: theme.borderColor,\n          color: theme.accentColor,\n        },\n        \".cm-diagnostic-textarea\": {\n          backgroundColor: theme.lighterBgColor,\n          borderColor: theme.borderColor,\n          color: theme.foregroundColor,\n        },\n        \".cm-diagnostic-textarea[readonly]\": {\n          backgroundColor: theme.backgroundColor,\n        },\n        \".cm-diagnostic-input\": {\n          backgroundColor: theme.lighterBgColor,\n          borderColor: theme.borderColor,\n          color: theme.foregroundColor,\n        },\n        \".cm-diagnostic-button\": {\n          backgroundColor: theme.lighterBgColor,\n          borderColor: theme.borderColor,\n          color: theme.foregroundColor,\n        },\n        \".cm-diagnostic-button:hover\": {\n          backgroundColor: theme.borderColor,\n        },\n        \".cm-diagnostic-error-message\": {\n          color: theme.errorColor,\n        },\n        \".diagnostic-row + .diagnostic-row\": {\n          borderTopColor: theme.borderColor,\n        },\n      }),\n      EditorView.baseTheme({\n        \".cm-lint-marker-info\": {\n          display: \"none\",\n        },\n        \".cm-status-bar\": {\n          display: \"flex\",\n          flexDirection: \"row-reverse\",\n          justifyContent: \"flex-end\",\n          padding: \"4px 12px\",\n          borderTop: \"1px solid\",\n          fontSize: \"12px\",\n          height: \"16px\",\n        },\n        \".cm-status-bar-link\": {\n          textDecoration: \"none\",\n          cursor: \"pointer\",\n        },\n        \".cm-status-bar-link:hover\": {\n          textDecoration: \"underline\",\n        },\n        \".cm-status-bar-link:hover ~ .cm-status-bar-link\": {\n          textDecoration: \"underline\",\n        },\n        \".cm-diagnostic-wrapper\": {\n          fontSize: \"12px\",\n          lineHeight: \"1.3\",\n          padding: \"2px\",\n        },\n        \".cm-diagnostic-controls\": {\n          marginTop: \"4px\",\n          display: \"flex\",\n          gap: \"6px\",\n          alignItems: \"center\",\n        },\n        \".cm-diagnostic-label\": {\n          whiteSpace: \"nowrap\",\n          fontWeight: \"500\",\n          minWidth: \"64px\",\n        },\n        \".cm-diagnostic-textarea\": {\n          flex: \"1\",\n          padding: \"3px 6px\",\n          border: \"1px solid\",\n          borderRadius: \"3px\",\n          fontSize: \"12px\",\n          fontFamily: \"'JetBrains Mono', monospace\",\n          resize: \"none\",\n          overflow: \"auto\",\n          boxSizing: \"border-box\",\n        },\n        \".cm-diagnostic-textarea[readonly]\": {\n          cursor: \"default\",\n        },\n        \".cm-diagnostic-input\": {\n          padding: \"3px 6px\",\n          border: \"1px solid\",\n          borderRadius: \"3px\",\n          fontSize: \"12px\",\n          fontFamily: \"'JetBrains Mono', monospace\",\n          boxSizing: \"border-box\",\n          width: \"100%\",\n        },\n        \".cm-diagnostic-button\": {\n          padding: \"3px 12px\",\n          border: \"1px solid\",\n          borderRadius: \"3px\",\n          fontSize: \"12px\",\n          fontFamily: \"'JetBrains Mono', monospace\",\n          cursor: \"pointer\",\n          boxSizing: \"border-box\",\n        },\n        \".cm-diagnostic-button:active\": {\n          transform: \"translateY(1px)\",\n        },\n        \".cm-diagnostic-error-message\": {\n          fontSize: \"11px\",\n          marginTop: \"2px\",\n          fontWeight: \"500\",\n        },\n        \".cm-timestamp-field\": {\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"2px\",\n          flex: \"1\",\n        },\n        \".cm-tooltip-lint .cm-diagnostic\": {\n          padding: \"0\",\n          borderTop: \"none\",\n          borderLeft: \"none\",\n        },\n        \".cm-tooltip-lint .cm-diagnostic-error\": {\n          borderLeft: \"none\",\n          fontWeight: \"bold\",\n        },\n        \".cm-tooltip-lint .cm-diagnostic-info\": {\n          borderLeft: \"none\",\n        },\n        \".diagnostic-row + .diagnostic-row\": {\n          marginTop: \"8px\",\n          paddingTop: \"8px\",\n          borderTop: \"1px solid\",\n        },\n      }),\n    ],\n  });\n}\n\nexport interface CustomTheme {\n  backgroundColor: string;\n  lighterBgColor: string;\n  borderColor: string;\n  foregroundColor: string;\n  accentColor: string;\n  errorColor: string;\n  selectionColor: string;\n  themeExtension?: Extension;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skir-codemirror-plugin",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "",
   "homepage": "https://github.com/gepheum/skir-codemirror-plugin#readme",
   "bugs": {
@@ -15,7 +15,7 @@
     "src/",
     "README.md"
   ],
-  "license": "ISC",
+  "license": "MIT",
   "author": "Tyler Fibonacci <gepheum@gmail.com>",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/codemirror/create_editor_state.ts

@@ -67,7 +67,7 @@ export function createEditorState({
     doc: JSON.stringify(content, null, 2),
     extensions: [
       EditorState.readOnly.of(!!readOnly),
-      enterKeyHandler(schema),
+      readOnly ? [] : enterKeyHandler(schema),
       basicSetup,
       EditorState.languageData.of(() => [
         {