@slidejs/editor 0.1.3

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("monaco-editor");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=y(w),c={keywords:["present","rule","start","content","end","for","in","slide","dynamic","text","name","attrs","behavior","transition"],typeKeywords:["quiz","survey","form","assessment"],operators:[":","{","}","+","."],symbols:/[=><!~?:&|+\-*\/\^%]+/,escapes:/\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,digits:/\d+(_+\d+)*/,tokenizer:{root:[[/[a-z_$][\w$]*/,{cases:{"@keywords":"keyword","@typeKeywords":"type","@default":"identifier"}}],[/[A-Z][\w\$]*/,"type.identifier"],{include:"@whitespace"},[/@digits/,"number"],[/"([^"\\]|\\.)*$/,"string.invalid"],[/"/,{token:"string.quote",bracket:"@open",next:"@string_double"}],[/'([^'\\]|\\.)*$/,"string.invalid"],[/'/,{token:"string.quote",bracket:"@open",next:"@string_single"}],[/[{}()\[\]]/,"@brackets"],[/[;,.]/,"delimiter"],[/@symbols/,{cases:{"@operators":"operator","@default":""}}]],string_double:[[/[^\\"]+/,"string"],[/@escapes/,"string.escape"],[/\\./,"string.escape.invalid"],[/"/,{token:"string.quote",bracket:"@close",next:"@pop"}]],string_single:[[/[^\\']+/,"string"],[/@escapes/,"string.escape"],[/\\./,"string.escape.invalid"],[/'/,{token:"string.quote",bracket:"@close",next:"@pop"}]],whitespace:[[/[ \t\r\n]+/,"white"],[/\/\*/,"comment","@comment"],[/\/\/.*$/,"comment"]],comment:[[/[^/*]+/,"comment"],[/\/\*/,"comment","@push"],[/\*\//,"comment","@pop"],[/[/*]/,"comment"]]}};function u(){n.languages.register({id:"slide-dsl"}),n.languages.setMonarchTokensProvider("slide-dsl",c)}function b(e){return new Worker("/assets/editor.worker-CTc8sTc-.js",{name:e?.name})}function W(e){return new Worker("/assets/json.worker-7a93y_WU.js",{name:e?.name})}function h(e){return new Worker("/assets/css.worker-DkZpTr4B.js",{name:e?.name})}function S(e){return new Worker("/assets/html.worker-DV998UIK.js",{name:e?.name})}function j(e){return new Worker("/assets/ts.worker-CMaZf52j.js",{name:e?.name})}function v(e,t){switch(t){case"json":return new W;case"css":case"scss":case"less":return new h;case"html":case"handlebars":case"razor":return new S;case"typescript":case"javascript":return new j;default:return new b}}function l(){self.MonacoEnvironment||(self.MonacoEnvironment={getWorker:function(e,t){return v(e,t)}})}function D(e,t={}){l(),n.languages.getLanguages().find(a=>a.id==="slide-dsl")||u();const{value:r="",theme:s="vs-dark",fontSize:d=14,lineNumbers:m="on",minimap:g={enabled:!0},wordWrap:p="on",readOnly:f=!1,automaticLayout:k=!0,onChange:i}=t,o=n.editor.create(e,{value:r,language:"slide-dsl",theme:s,fontSize:d,lineNumbers:m,minimap:g,wordWrap:p,readOnly:f,automaticLayout:k,scrollBeyondLastLine:!1,renderWhitespace:"selection",formatOnPaste:!1,formatOnType:!1});return i&&o.onDidChangeModelContent(()=>{const a=o.getValue();i(a)}),o}function L(e,t){e.getValue()!==t&&e.setValue(t)}function M(e,t){n.editor.setTheme(t)}exports.configureMonacoWorkers=l;exports.createSlideDSLEditor=D;exports.registerSlideDSLLanguage=u;exports.setEditorTheme=M;exports.slideDSLMonarchDefinition=c;exports.updateEditorValue=L;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/monarch.ts","../src/workers.ts","../src/editor.ts"],"sourcesContent":["/**\n * Monaco Editor Monarch 语法定义 - Slide DSL\n *\n * 提供 Slide DSL 的语法高亮支持\n */\n\nimport * as monaco from 'monaco-editor';\n\n/**\n * Slide DSL 的 Monarch 语法定义\n */\nexport const slideDSLMonarchDefinition = {\n  // 关键字\n  keywords: [\n    'present',\n    'rule',\n    'start',\n    'content',\n    'end',\n    'for',\n    'in',\n    'slide',\n    'dynamic',\n    'text',\n    'name',\n    'attrs',\n    'behavior',\n    'transition',\n  ],\n\n  // 类型关键字\n  typeKeywords: ['quiz', 'survey', 'form', 'assessment'],\n\n  // 操作符\n  operators: [':', '{', '}', '+', '.'],\n\n  // 符号\n  symbols: /[=><!~?:&|+\\-*\\/\\^%]+/,\n\n  // 转义序列\n  escapes: /\\\\(?:[abfnrtv\\\\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,\n\n  // 数字\n  digits: /\\d+(_+\\d+)*/,\n\n  // 空白字符\n  tokenizer: {\n    root: [\n      // 标识符和关键字\n      [\n        /[a-z_$][\\w$]*/,\n        {\n          cases: {\n            '@keywords': 'keyword',\n            '@typeKeywords': 'type',\n            '@default': 'identifier',\n          },\n        },\n      ],\n\n      // 大写标识符（通常用于常量）\n      [/[A-Z][\\w\\$]*/, 'type.identifier'],\n\n      // 空白字符\n      { include: '@whitespace' },\n\n      // 数字\n      [/@digits/, 'number'],\n\n      // 字符串：双引号\n      [/\"([^\"\\\\]|\\\\.)*$/, 'string.invalid'], // 未闭合的字符串\n      [/\"/, { token: 'string.quote', bracket: '@open', next: '@string_double' }],\n\n      // 字符串：单引号\n      [/'([^'\\\\]|\\\\.)*$/, 'string.invalid'], // 未闭合的字符串\n      [/'/, { token: 'string.quote', bracket: '@open', next: '@string_single' }],\n\n      // 分隔符和括号\n      [/[{}()\\[\\]]/, '@brackets'],\n      [/[;,.]/, 'delimiter'],\n\n      // 操作符\n      [\n        /@symbols/,\n        {\n          cases: {\n            '@operators': 'operator',\n            '@default': '',\n          },\n        },\n      ],\n    ],\n\n    // 双引号字符串\n    string_double: [\n      [/[^\\\\\"]+/, 'string'],\n      [/@escapes/, 'string.escape'],\n      [/\\\\./, 'string.escape.invalid'],\n      [/\"/, { token: 'string.quote', bracket: '@close', next: '@pop' }],\n    ],\n\n    // 单引号字符串\n    string_single: [\n      [/[^\\\\']+/, 'string'],\n      [/@escapes/, 'string.escape'],\n      [/\\\\./, 'string.escape.invalid'],\n      [/'/, { token: 'string.quote', bracket: '@close', next: '@pop' }],\n    ],\n\n    // 空白字符和注释\n    whitespace: [\n      [/[ \\t\\r\\n]+/, 'white'],\n      [/\\/\\*/, 'comment', '@comment'],\n      [/\\/\\/.*$/, 'comment'],\n    ],\n\n    // 多行注释\n    comment: [\n      [/[^/*]+/, 'comment'],\n      [/\\/\\*/, 'comment', '@push'],\n      [/\\*\\//, 'comment', '@pop'],\n      [/[/*]/, 'comment'],\n    ],\n  },\n};\n\n/**\n * 注册 Slide DSL 语言到 Monaco Editor\n */\nexport function registerSlideDSLLanguage(): void {\n  monaco.languages.register({ id: 'slide-dsl' });\n  monaco.languages.setMonarchTokensProvider('slide-dsl', slideDSLMonarchDefinition);\n}\n","/**\n * Monaco Editor Worker 导入\n * 使用 Vite 的 ?worker 后缀来正确导入 Worker 文件\n */\n\n// 导入所有需要的 Worker\nimport EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';\nimport JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';\nimport CssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';\nimport HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';\nimport TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';\n\n/**\n * 获取 Worker 实例\n */\nexport function getWorker(_workerId: string, label: string): Worker {\n  switch (label) {\n    case 'json':\n      return new JsonWorker();\n    case 'css':\n    case 'scss':\n    case 'less':\n      return new CssWorker();\n    case 'html':\n    case 'handlebars':\n    case 'razor':\n      return new HtmlWorker();\n    case 'typescript':\n    case 'javascript':\n      return new TsWorker();\n    default:\n      return new EditorWorker();\n  }\n}\n","/**\n * Slide DSL Monaco Editor 组件\n */\n\nimport * as monaco from 'monaco-editor';\nimport { registerSlideDSLLanguage } from './monarch';\nimport { getWorker } from './workers';\n\n/**\n * 配置 Monaco Editor Worker\n * 必须在创建编辑器之前调用\n *\n * 使用 Vite 的 ?worker 导入方式，这是官方推荐的最佳实践\n * Vite 会自动处理 Worker 的打包和路径，无需手动配置\n */\nexport function configureMonacoWorkers(): void {\n  // 如果已经配置过，直接返回\n  if ((self as any).MonacoEnvironment) {\n    return;\n  }\n\n  // 配置 MonacoEnvironment\n  // 使用 getWorker 函数，直接返回 Worker 实例\n  // Vite 的 ?worker 导入会自动处理路径和打包\n  (self as any).MonacoEnvironment = {\n    getWorker: function (_workerId: string, label: string) {\n      return getWorker(_workerId, label);\n    },\n  };\n}\n\n/**\n * 编辑器配置选项\n */\nexport interface SlideDSLEditorOptions {\n  /** 初始内容 */\n  value?: string;\n  /** 主题 */\n  theme?: 'vs' | 'vs-dark' | 'hc-black';\n  /** 字体大小 */\n  fontSize?: number;\n  /** 是否显示行号 */\n  lineNumbers?: 'on' | 'off' | 'relative' | 'interval';\n  /** 是否显示小地图 */\n  minimap?: { enabled: boolean };\n  /** 是否自动换行 */\n  wordWrap?: 'on' | 'off' | 'wordWrapColumn' | 'bounded';\n  /** 是否只读 */\n  readOnly?: boolean;\n  /** 是否自动布局 */\n  automaticLayout?: boolean;\n  /** 内容变化回调 */\n  onChange?: (value: string) => void;\n}\n\n/**\n * 创建 Slide DSL 编辑器实例\n *\n * @param container - 容器元素\n * @param options - 编辑器选项\n * @returns Monaco Editor 实例\n */\nexport function createSlideDSLEditor(\n  container: HTMLElement,\n  options: SlideDSLEditorOptions = {}\n): monaco.editor.IStandaloneCodeEditor {\n  // 配置 Worker（必须在创建编辑器之前）\n  configureMonacoWorkers();\n\n  // 确保语言已注册\n  if (!monaco.languages.getLanguages().find(lang => lang.id === 'slide-dsl')) {\n    registerSlideDSLLanguage();\n  }\n\n  const {\n    value = '',\n    theme = 'vs-dark',\n    fontSize = 14,\n    lineNumbers = 'on',\n    minimap = { enabled: true },\n    wordWrap = 'on',\n    readOnly = false,\n    automaticLayout = true,\n    onChange,\n  } = options;\n\n  // 创建编辑器实例\n  const editor = monaco.editor.create(container, {\n    value,\n    language: 'slide-dsl',\n    theme,\n    fontSize,\n    lineNumbers,\n    minimap,\n    wordWrap,\n    readOnly,\n    automaticLayout,\n    scrollBeyondLastLine: false,\n    renderWhitespace: 'selection',\n    formatOnPaste: false,\n    formatOnType: false,\n  });\n\n  // 监听内容变化\n  if (onChange) {\n    editor.onDidChangeModelContent(() => {\n      const content = editor.getValue();\n      onChange(content);\n    });\n  }\n\n  return editor;\n}\n\n/**\n * 更新编辑器内容\n *\n * @param editor - 编辑器实例\n * @param value - 新内容\n */\nexport function updateEditorValue(\n  editor: monaco.editor.IStandaloneCodeEditor,\n  value: string\n): void {\n  const currentValue = editor.getValue();\n  if (currentValue !== value) {\n    editor.setValue(value);\n  }\n}\n\n/**\n * 设置编辑器主题\n *\n * @param editor - 编辑器实例\n * @param theme - 主题名称\n */\nexport function setEditorTheme(\n  editor: monaco.editor.IStandaloneCodeEditor,\n  theme: 'vs' | 'vs-dark' | 'hc-black'\n): void {\n  monaco.editor.setTheme(theme);\n}\n"],"names":["slideDSLMonarchDefinition","registerSlideDSLLanguage","monaco","getWorker","_workerId","label","JsonWorker","CssWorker","HtmlWorker","TsWorker","EditorWorker","configureMonacoWorkers","createSlideDSLEditor","container","options","lang","value","theme","fontSize","lineNumbers","minimap","wordWrap","readOnly","automaticLayout","onChange","editor","content","updateEditorValue","setEditorTheme"],"mappings":"2YAWaA,EAA4B,CAEvC,SAAU,CACR,UACA,OACA,QACA,UACA,MACA,MACA,KACA,QACA,UACA,OACA,OACA,QACA,WACA,YAAA,EAIF,aAAc,CAAC,OAAQ,SAAU,OAAQ,YAAY,EAGrD,UAAW,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAGnC,QAAS,wBAGT,QAAS,wEAGT,OAAQ,cAGR,UAAW,CACT,KAAM,CAEJ,CACE,gBACA,CACE,MAAO,CACL,YAAa,UACb,gBAAiB,OACjB,WAAY,YAAA,CACd,CACF,EAIF,CAAC,eAAgB,iBAAiB,EAGlC,CAAE,QAAS,aAAA,EAGX,CAAC,UAAW,QAAQ,EAGpB,CAAC,kBAAmB,gBAAgB,EACpC,CAAC,IAAK,CAAE,MAAO,eAAgB,QAAS,QAAS,KAAM,iBAAkB,EAGzE,CAAC,kBAAmB,gBAAgB,EACpC,CAAC,IAAK,CAAE,MAAO,eAAgB,QAAS,QAAS,KAAM,iBAAkB,EAGzE,CAAC,aAAc,WAAW,EAC1B,CAAC,QAAS,WAAW,EAGrB,CACE,WACA,CACE,MAAO,CACL,aAAc,WACd,WAAY,EAAA,CACd,CACF,CACF,EAIF,cAAe,CACb,CAAC,UAAW,QAAQ,EACpB,CAAC,WAAY,eAAe,EAC5B,CAAC,MAAO,uBAAuB,EAC/B,CAAC,IAAK,CAAE,MAAO,eAAgB,QAAS,SAAU,KAAM,MAAA,CAAQ,CAAA,EAIlE,cAAe,CACb,CAAC,UAAW,QAAQ,EACpB,CAAC,WAAY,eAAe,EAC5B,CAAC,MAAO,uBAAuB,EAC/B,CAAC,IAAK,CAAE,MAAO,eAAgB,QAAS,SAAU,KAAM,MAAA,CAAQ,CAAA,EAIlE,WAAY,CACV,CAAC,aAAc,OAAO,EACtB,CAAC,OAAQ,UAAW,UAAU,EAC9B,CAAC,UAAW,SAAS,CAAA,EAIvB,QAAS,CACP,CAAC,SAAU,SAAS,EACpB,CAAC,OAAQ,UAAW,OAAO,EAC3B,CAAC,OAAQ,UAAW,MAAM,EAC1B,CAAC,OAAQ,SAAS,CAAA,CACpB,CAEJ,EAKO,SAASC,GAAiC,CAC/CC,EAAO,UAAU,SAAS,CAAE,GAAI,YAAa,EAC7CA,EAAO,UAAU,yBAAyB,YAAaF,CAAyB,CAClF,0ZCrHO,SAASG,EAAUC,EAAmBC,EAAuB,CAClE,OAAQA,EAAA,CACN,IAAK,OACH,OAAO,IAAIC,EACb,IAAK,MACL,IAAK,OACL,IAAK,OACH,OAAO,IAAIC,EACb,IAAK,OACL,IAAK,aACL,IAAK,QACH,OAAO,IAAIC,EACb,IAAK,aACL,IAAK,aACH,OAAO,IAAIC,EACb,QACE,OAAO,IAAIC,CAAa,CAE9B,CClBO,SAASC,GAA+B,CAExC,KAAa,oBAOjB,KAAa,kBAAoB,CAChC,UAAW,SAAUP,EAAmBC,EAAe,CACrD,OAAOF,EAAUC,EAAWC,CAAK,CACnC,CAAA,EAEJ,CAiCO,SAASO,EACdC,EACAC,EAAiC,GACI,CAErCH,EAAA,EAGKT,EAAO,UAAU,eAAe,KAAKa,GAAQA,EAAK,KAAO,WAAW,GACvEd,EAAA,EAGF,KAAM,CACJ,MAAAe,EAAQ,GACR,MAAAC,EAAQ,UACR,SAAAC,EAAW,GACX,YAAAC,EAAc,KACd,QAAAC,EAAU,CAAE,QAAS,EAAA,EACrB,SAAAC,EAAW,KACX,SAAAC,EAAW,GACX,gBAAAC,EAAkB,GAClB,SAAAC,CAAA,EACEV,EAGEW,EAASvB,EAAO,OAAO,OAAOW,EAAW,CAC7C,MAAAG,EACA,SAAU,YACV,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,qBAAsB,GACtB,iBAAkB,YAClB,cAAe,GACf,aAAc,EAAA,CACf,EAGD,OAAIC,GACFC,EAAO,wBAAwB,IAAM,CACnC,MAAMC,EAAUD,EAAO,SAAA,EACvBD,EAASE,CAAO,CAClB,CAAC,EAGID,CACT,CAQO,SAASE,EACdF,EACAT,EACM,CACeS,EAAO,SAAA,IACPT,GACnBS,EAAO,SAAST,CAAK,CAEzB,CAQO,SAASY,EACdH,EACAR,EACM,CACNf,EAAO,OAAO,SAASe,CAAK,CAC9B"}

package/dist/index.d.ts

@@ -0,0 +1,112 @@
+import * as monaco from 'monaco-editor';
+
+/**
+ * 配置 Monaco Editor Worker
+ * 必须在创建编辑器之前调用
+ *
+ * 使用 Vite 的 ?worker 导入方式，这是官方推荐的最佳实践
+ * Vite 会自动处理 Worker 的打包和路径，无需手动配置
+ */
+export declare function configureMonacoWorkers(): void;
+
+/**
+ * 创建 Slide DSL 编辑器实例
+ *
+ * @param container - 容器元素
+ * @param options - 编辑器选项
+ * @returns Monaco Editor 实例
+ */
+export declare function createSlideDSLEditor(container: HTMLElement, options?: SlideDSLEditorOptions): monaco.editor.IStandaloneCodeEditor;
+
+/**
+ * 注册 Slide DSL 语言到 Monaco Editor
+ */
+export declare function registerSlideDSLLanguage(): void;
+
+/**
+ * 设置编辑器主题
+ *
+ * @param editor - 编辑器实例
+ * @param theme - 主题名称
+ */
+export declare function setEditorTheme(editor: monaco.editor.IStandaloneCodeEditor, theme: 'vs' | 'vs-dark' | 'hc-black'): void;
+
+/**
+ * 编辑器配置选项
+ */
+export declare interface SlideDSLEditorOptions {
+    /** 初始内容 */
+    value?: string;
+    /** 主题 */
+    theme?: 'vs' | 'vs-dark' | 'hc-black';
+    /** 字体大小 */
+    fontSize?: number;
+    /** 是否显示行号 */
+    lineNumbers?: 'on' | 'off' | 'relative' | 'interval';
+    /** 是否显示小地图 */
+    minimap?: {
+        enabled: boolean;
+    };
+    /** 是否自动换行 */
+    wordWrap?: 'on' | 'off' | 'wordWrapColumn' | 'bounded';
+    /** 是否只读 */
+    readOnly?: boolean;
+    /** 是否自动布局 */
+    automaticLayout?: boolean;
+    /** 内容变化回调 */
+    onChange?: (value: string) => void;
+}
+
+/**
+ * Slide DSL 的 Monarch 语法定义
+ */
+export declare const slideDSLMonarchDefinition: {
+    keywords: string[];
+    typeKeywords: string[];
+    operators: string[];
+    symbols: RegExp;
+    escapes: RegExp;
+    digits: RegExp;
+    tokenizer: {
+        root: ((string | RegExp)[] | (RegExp | {
+            cases: {
+                '@keywords': string;
+                '@typeKeywords': string;
+                '@default': string;
+            };
+        })[] | {
+            include: string;
+        } | (RegExp | {
+            token: string;
+            bracket: string;
+            next: string;
+        })[] | (RegExp | {
+            cases: {
+                '@operators': string;
+                '@default': string;
+            };
+        })[])[];
+        string_double: ((string | RegExp)[] | (RegExp | {
+            token: string;
+            bracket: string;
+            next: string;
+        })[])[];
+        string_single: ((string | RegExp)[] | (RegExp | {
+            token: string;
+            bracket: string;
+            next: string;
+        })[])[];
+        whitespace: (string | RegExp)[][];
+        comment: (string | RegExp)[][];
+    };
+};
+
+/**
+ * 更新编辑器内容
+ *
+ * @param editor - 编辑器实例
+ * @param value - 新内容
+ */
+export declare function updateEditorValue(editor: monaco.editor.IStandaloneCodeEditor, value: string): void;
+
+export { }

package/dist/index.mjs

@@ -0,0 +1,216 @@
+import * as r from "monaco-editor";
+const g = {
+  // 关键字
+  keywords: [
+    "present",
+    "rule",
+    "start",
+    "content",
+    "end",
+    "for",
+    "in",
+    "slide",
+    "dynamic",
+    "text",
+    "name",
+    "attrs",
+    "behavior",
+    "transition"
+  ],
+  // 类型关键字
+  typeKeywords: ["quiz", "survey", "form", "assessment"],
+  // 操作符
+  operators: [":", "{", "}", "+", "."],
+  // 符号
+  symbols: /[=><!~?:&|+\-*\/\^%]+/,
+  // 转义序列
+  escapes: /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
+  // 数字
+  digits: /\d+(_+\d+)*/,
+  // 空白字符
+  tokenizer: {
+    root: [
+      // 标识符和关键字
+      [
+        /[a-z_$][\w$]*/,
+        {
+          cases: {
+            "@keywords": "keyword",
+            "@typeKeywords": "type",
+            "@default": "identifier"
+          }
+        }
+      ],
+      // 大写标识符（通常用于常量）
+      [/[A-Z][\w\$]*/, "type.identifier"],
+      // 空白字符
+      { include: "@whitespace" },
+      // 数字
+      [/@digits/, "number"],
+      // 字符串：双引号
+      [/"([^"\\]|\\.)*$/, "string.invalid"],
+      // 未闭合的字符串
+      [/"/, { token: "string.quote", bracket: "@open", next: "@string_double" }],
+      // 字符串：单引号
+      [/'([^'\\]|\\.)*$/, "string.invalid"],
+      // 未闭合的字符串
+      [/'/, { token: "string.quote", bracket: "@open", next: "@string_single" }],
+      // 分隔符和括号
+      [/[{}()\[\]]/, "@brackets"],
+      [/[;,.]/, "delimiter"],
+      // 操作符
+      [
+        /@symbols/,
+        {
+          cases: {
+            "@operators": "operator",
+            "@default": ""
+          }
+        }
+      ]
+    ],
+    // 双引号字符串
+    string_double: [
+      [/[^\\"]+/, "string"],
+      [/@escapes/, "string.escape"],
+      [/\\./, "string.escape.invalid"],
+      [/"/, { token: "string.quote", bracket: "@close", next: "@pop" }]
+    ],
+    // 单引号字符串
+    string_single: [
+      [/[^\\']+/, "string"],
+      [/@escapes/, "string.escape"],
+      [/\\./, "string.escape.invalid"],
+      [/'/, { token: "string.quote", bracket: "@close", next: "@pop" }]
+    ],
+    // 空白字符和注释
+    whitespace: [
+      [/[ \t\r\n]+/, "white"],
+      [/\/\*/, "comment", "@comment"],
+      [/\/\/.*$/, "comment"]
+    ],
+    // 多行注释
+    comment: [
+      [/[^/*]+/, "comment"],
+      [/\/\*/, "comment", "@push"],
+      [/\*\//, "comment", "@pop"],
+      [/[/*]/, "comment"]
+    ]
+  }
+};
+function f() {
+  r.languages.register({ id: "slide-dsl" }), r.languages.setMonarchTokensProvider("slide-dsl", g);
+}
+function k(e) {
+  return new Worker(
+    "/assets/editor.worker-CTc8sTc-.js",
+    {
+      name: e?.name
+    }
+  );
+}
+function w(e) {
+  return new Worker(
+    "/assets/json.worker-7a93y_WU.js",
+    {
+      name: e?.name
+    }
+  );
+}
+function W(e) {
+  return new Worker(
+    "/assets/css.worker-DkZpTr4B.js",
+    {
+      name: e?.name
+    }
+  );
+}
+function y(e) {
+  return new Worker(
+    "/assets/html.worker-DV998UIK.js",
+    {
+      name: e?.name
+    }
+  );
+}
+function h(e) {
+  return new Worker(
+    "/assets/ts.worker-CMaZf52j.js",
+    {
+      name: e?.name
+    }
+  );
+}
+function b(e, n) {
+  switch (n) {
+    case "json":
+      return new w();
+    case "css":
+    case "scss":
+    case "less":
+      return new W();
+    case "html":
+    case "handlebars":
+    case "razor":
+      return new y();
+    case "typescript":
+    case "javascript":
+      return new h();
+    default:
+      return new k();
+  }
+}
+function v() {
+  self.MonacoEnvironment || (self.MonacoEnvironment = {
+    getWorker: function(e, n) {
+      return b(e, n);
+    }
+  });
+}
+function $(e, n = {}) {
+  v(), r.languages.getLanguages().find((s) => s.id === "slide-dsl") || f();
+  const {
+    value: o = "",
+    theme: i = "vs-dark",
+    fontSize: c = 14,
+    lineNumbers: u = "on",
+    minimap: d = { enabled: !0 },
+    wordWrap: l = "on",
+    readOnly: m = !1,
+    automaticLayout: p = !0,
+    onChange: a
+  } = n, t = r.editor.create(e, {
+    value: o,
+    language: "slide-dsl",
+    theme: i,
+    fontSize: c,
+    lineNumbers: u,
+    minimap: d,
+    wordWrap: l,
+    readOnly: m,
+    automaticLayout: p,
+    scrollBeyondLastLine: !1,
+    renderWhitespace: "selection",
+    formatOnPaste: !1,
+    formatOnType: !1
+  });
+  return a && t.onDidChangeModelContent(() => {
+    const s = t.getValue();
+    a(s);
+  }), t;
+}
+function j(e, n) {
+  e.getValue() !== n && e.setValue(n);
+}
+function L(e, n) {
+  r.editor.setTheme(n);
+}
+export {
+  v as configureMonacoWorkers,
+  $ as createSlideDSLEditor,
+  f as registerSlideDSLLanguage,
+  L as setEditorTheme,
+  g as slideDSLMonarchDefinition,
+  j as updateEditorValue
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../src/monarch.ts","../src/workers.ts","../src/editor.ts"],"sourcesContent":["/**\n * Monaco Editor Monarch 语法定义 - Slide DSL\n *\n * 提供 Slide DSL 的语法高亮支持\n */\n\nimport * as monaco from 'monaco-editor';\n\n/**\n * Slide DSL 的 Monarch 语法定义\n */\nexport const slideDSLMonarchDefinition = {\n  // 关键字\n  keywords: [\n    'present',\n    'rule',\n    'start',\n    'content',\n    'end',\n    'for',\n    'in',\n    'slide',\n    'dynamic',\n    'text',\n    'name',\n    'attrs',\n    'behavior',\n    'transition',\n  ],\n\n  // 类型关键字\n  typeKeywords: ['quiz', 'survey', 'form', 'assessment'],\n\n  // 操作符\n  operators: [':', '{', '}', '+', '.'],\n\n  // 符号\n  symbols: /[=><!~?:&|+\\-*\\/\\^%]+/,\n\n  // 转义序列\n  escapes: /\\\\(?:[abfnrtv\\\\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,\n\n  // 数字\n  digits: /\\d+(_+\\d+)*/,\n\n  // 空白字符\n  tokenizer: {\n    root: [\n      // 标识符和关键字\n      [\n        /[a-z_$][\\w$]*/,\n        {\n          cases: {\n            '@keywords': 'keyword',\n            '@typeKeywords': 'type',\n            '@default': 'identifier',\n          },\n        },\n      ],\n\n      // 大写标识符（通常用于常量）\n      [/[A-Z][\\w\\$]*/, 'type.identifier'],\n\n      // 空白字符\n      { include: '@whitespace' },\n\n      // 数字\n      [/@digits/, 'number'],\n\n      // 字符串：双引号\n      [/\"([^\"\\\\]|\\\\.)*$/, 'string.invalid'], // 未闭合的字符串\n      [/\"/, { token: 'string.quote', bracket: '@open', next: '@string_double' }],\n\n      // 字符串：单引号\n      [/'([^'\\\\]|\\\\.)*$/, 'string.invalid'], // 未闭合的字符串\n      [/'/, { token: 'string.quote', bracket: '@open', next: '@string_single' }],\n\n      // 分隔符和括号\n      [/[{}()\\[\\]]/, '@brackets'],\n      [/[;,.]/, 'delimiter'],\n\n      // 操作符\n      [\n        /@symbols/,\n        {\n          cases: {\n            '@operators': 'operator',\n            '@default': '',\n          },\n        },\n      ],\n    ],\n\n    // 双引号字符串\n    string_double: [\n      [/[^\\\\\"]+/, 'string'],\n      [/@escapes/, 'string.escape'],\n      [/\\\\./, 'string.escape.invalid'],\n      [/\"/, { token: 'string.quote', bracket: '@close', next: '@pop' }],\n    ],\n\n    // 单引号字符串\n    string_single: [\n      [/[^\\\\']+/, 'string'],\n      [/@escapes/, 'string.escape'],\n      [/\\\\./, 'string.escape.invalid'],\n      [/'/, { token: 'string.quote', bracket: '@close', next: '@pop' }],\n    ],\n\n    // 空白字符和注释\n    whitespace: [\n      [/[ \\t\\r\\n]+/, 'white'],\n      [/\\/\\*/, 'comment', '@comment'],\n      [/\\/\\/.*$/, 'comment'],\n    ],\n\n    // 多行注释\n    comment: [\n      [/[^/*]+/, 'comment'],\n      [/\\/\\*/, 'comment', '@push'],\n      [/\\*\\//, 'comment', '@pop'],\n      [/[/*]/, 'comment'],\n    ],\n  },\n};\n\n/**\n * 注册 Slide DSL 语言到 Monaco Editor\n */\nexport function registerSlideDSLLanguage(): void {\n  monaco.languages.register({ id: 'slide-dsl' });\n  monaco.languages.setMonarchTokensProvider('slide-dsl', slideDSLMonarchDefinition);\n}\n","/**\n * Monaco Editor Worker 导入\n * 使用 Vite 的 ?worker 后缀来正确导入 Worker 文件\n */\n\n// 导入所有需要的 Worker\nimport EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';\nimport JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';\nimport CssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';\nimport HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';\nimport TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';\n\n/**\n * 获取 Worker 实例\n */\nexport function getWorker(_workerId: string, label: string): Worker {\n  switch (label) {\n    case 'json':\n      return new JsonWorker();\n    case 'css':\n    case 'scss':\n    case 'less':\n      return new CssWorker();\n    case 'html':\n    case 'handlebars':\n    case 'razor':\n      return new HtmlWorker();\n    case 'typescript':\n    case 'javascript':\n      return new TsWorker();\n    default:\n      return new EditorWorker();\n  }\n}\n","/**\n * Slide DSL Monaco Editor 组件\n */\n\nimport * as monaco from 'monaco-editor';\nimport { registerSlideDSLLanguage } from './monarch';\nimport { getWorker } from './workers';\n\n/**\n * 配置 Monaco Editor Worker\n * 必须在创建编辑器之前调用\n *\n * 使用 Vite 的 ?worker 导入方式，这是官方推荐的最佳实践\n * Vite 会自动处理 Worker 的打包和路径，无需手动配置\n */\nexport function configureMonacoWorkers(): void {\n  // 如果已经配置过，直接返回\n  if ((self as any).MonacoEnvironment) {\n    return;\n  }\n\n  // 配置 MonacoEnvironment\n  // 使用 getWorker 函数，直接返回 Worker 实例\n  // Vite 的 ?worker 导入会自动处理路径和打包\n  (self as any).MonacoEnvironment = {\n    getWorker: function (_workerId: string, label: string) {\n      return getWorker(_workerId, label);\n    },\n  };\n}\n\n/**\n * 编辑器配置选项\n */\nexport interface SlideDSLEditorOptions {\n  /** 初始内容 */\n  value?: string;\n  /** 主题 */\n  theme?: 'vs' | 'vs-dark' | 'hc-black';\n  /** 字体大小 */\n  fontSize?: number;\n  /** 是否显示行号 */\n  lineNumbers?: 'on' | 'off' | 'relative' | 'interval';\n  /** 是否显示小地图 */\n  minimap?: { enabled: boolean };\n  /** 是否自动换行 */\n  wordWrap?: 'on' | 'off' | 'wordWrapColumn' | 'bounded';\n  /** 是否只读 */\n  readOnly?: boolean;\n  /** 是否自动布局 */\n  automaticLayout?: boolean;\n  /** 内容变化回调 */\n  onChange?: (value: string) => void;\n}\n\n/**\n * 创建 Slide DSL 编辑器实例\n *\n * @param container - 容器元素\n * @param options - 编辑器选项\n * @returns Monaco Editor 实例\n */\nexport function createSlideDSLEditor(\n  container: HTMLElement,\n  options: SlideDSLEditorOptions = {}\n): monaco.editor.IStandaloneCodeEditor {\n  // 配置 Worker（必须在创建编辑器之前）\n  configureMonacoWorkers();\n\n  // 确保语言已注册\n  if (!monaco.languages.getLanguages().find(lang => lang.id === 'slide-dsl')) {\n    registerSlideDSLLanguage();\n  }\n\n  const {\n    value = '',\n    theme = 'vs-dark',\n    fontSize = 14,\n    lineNumbers = 'on',\n    minimap = { enabled: true },\n    wordWrap = 'on',\n    readOnly = false,\n    automaticLayout = true,\n    onChange,\n  } = options;\n\n  // 创建编辑器实例\n  const editor = monaco.editor.create(container, {\n    value,\n    language: 'slide-dsl',\n    theme,\n    fontSize,\n    lineNumbers,\n    minimap,\n    wordWrap,\n    readOnly,\n    automaticLayout,\n    scrollBeyondLastLine: false,\n    renderWhitespace: 'selection',\n    formatOnPaste: false,\n    formatOnType: false,\n  });\n\n  // 监听内容变化\n  if (onChange) {\n    editor.onDidChangeModelContent(() => {\n      const content = editor.getValue();\n      onChange(content);\n    });\n  }\n\n  return editor;\n}\n\n/**\n * 更新编辑器内容\n *\n * @param editor - 编辑器实例\n * @param value - 新内容\n */\nexport function updateEditorValue(\n  editor: monaco.editor.IStandaloneCodeEditor,\n  value: string\n): void {\n  const currentValue = editor.getValue();\n  if (currentValue !== value) {\n    editor.setValue(value);\n  }\n}\n\n/**\n * 设置编辑器主题\n *\n * @param editor - 编辑器实例\n * @param theme - 主题名称\n */\nexport function setEditorTheme(\n  editor: monaco.editor.IStandaloneCodeEditor,\n  theme: 'vs' | 'vs-dark' | 'hc-black'\n): void {\n  monaco.editor.setTheme(theme);\n}\n"],"names":["slideDSLMonarchDefinition","registerSlideDSLLanguage","monaco","getWorker","_workerId","label","JsonWorker","CssWorker","HtmlWorker","TsWorker","EditorWorker","configureMonacoWorkers","createSlideDSLEditor","container","options","lang","value","theme","fontSize","lineNumbers","minimap","wordWrap","readOnly","automaticLayout","onChange","editor","content","updateEditorValue","setEditorTheme"],"mappings":";AAWO,MAAMA,IAA4B;AAAA;AAAA,EAEvC,UAAU;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA;AAAA,EAIF,cAAc,CAAC,QAAQ,UAAU,QAAQ,YAAY;AAAA;AAAA,EAGrD,WAAW,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG;AAAA;AAAA,EAGnC,SAAS;AAAA;AAAA,EAGT,SAAS;AAAA;AAAA,EAGT,QAAQ;AAAA;AAAA,EAGR,WAAW;AAAA,IACT,MAAM;AAAA;AAAA,MAEJ;AAAA,QACE;AAAA,QACA;AAAA,UACE,OAAO;AAAA,YACL,aAAa;AAAA,YACb,iBAAiB;AAAA,YACjB,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA;AAAA,MAIF,CAAC,gBAAgB,iBAAiB;AAAA;AAAA,MAGlC,EAAE,SAAS,cAAA;AAAA;AAAA,MAGX,CAAC,WAAW,QAAQ;AAAA;AAAA,MAGpB,CAAC,mBAAmB,gBAAgB;AAAA;AAAA,MACpC,CAAC,KAAK,EAAE,OAAO,gBAAgB,SAAS,SAAS,MAAM,kBAAkB;AAAA;AAAA,MAGzE,CAAC,mBAAmB,gBAAgB;AAAA;AAAA,MACpC,CAAC,KAAK,EAAE,OAAO,gBAAgB,SAAS,SAAS,MAAM,kBAAkB;AAAA;AAAA,MAGzE,CAAC,cAAc,WAAW;AAAA,MAC1B,CAAC,SAAS,WAAW;AAAA;AAAA,MAGrB;AAAA,QACE;AAAA,QACA;AAAA,UACE,OAAO;AAAA,YACL,cAAc;AAAA,YACd,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAAA;AAAA,IAIF,eAAe;AAAA,MACb,CAAC,WAAW,QAAQ;AAAA,MACpB,CAAC,YAAY,eAAe;AAAA,MAC5B,CAAC,OAAO,uBAAuB;AAAA,MAC/B,CAAC,KAAK,EAAE,OAAO,gBAAgB,SAAS,UAAU,MAAM,OAAA,CAAQ;AAAA,IAAA;AAAA;AAAA,IAIlE,eAAe;AAAA,MACb,CAAC,WAAW,QAAQ;AAAA,MACpB,CAAC,YAAY,eAAe;AAAA,MAC5B,CAAC,OAAO,uBAAuB;AAAA,MAC/B,CAAC,KAAK,EAAE,OAAO,gBAAgB,SAAS,UAAU,MAAM,OAAA,CAAQ;AAAA,IAAA;AAAA;AAAA,IAIlE,YAAY;AAAA,MACV,CAAC,cAAc,OAAO;AAAA,MACtB,CAAC,QAAQ,WAAW,UAAU;AAAA,MAC9B,CAAC,WAAW,SAAS;AAAA,IAAA;AAAA;AAAA,IAIvB,SAAS;AAAA,MACP,CAAC,UAAU,SAAS;AAAA,MACpB,CAAC,QAAQ,WAAW,OAAO;AAAA,MAC3B,CAAC,QAAQ,WAAW,MAAM;AAAA,MAC1B,CAAC,QAAQ,SAAS;AAAA,IAAA;AAAA,EACpB;AAEJ;AAKO,SAASC,IAAiC;AAC/C,EAAAC,EAAO,UAAU,SAAS,EAAE,IAAI,aAAa,GAC7CA,EAAO,UAAU,yBAAyB,aAAaF,CAAyB;AAClF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrHO,SAASG,EAAUC,GAAmBC,GAAuB;AAClE,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO,IAAIC,EAAA;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,IAAIC,EAAA;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,IAAIC,EAAA;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO,IAAIC,EAAA;AAAA,IACb;AACE,aAAO,IAAIC,EAAA;AAAA,EAAa;AAE9B;AClBO,SAASC,IAA+B;AAE7C,EAAK,KAAa,sBAOjB,KAAa,oBAAoB;AAAA,IAChC,WAAW,SAAUP,GAAmBC,GAAe;AACrD,aAAOF,EAAUC,GAAWC,CAAK;AAAA,IACnC;AAAA,EAAA;AAEJ;AAiCO,SAASO,EACdC,GACAC,IAAiC,IACI;AAErC,EAAAH,EAAA,GAGKT,EAAO,UAAU,eAAe,KAAK,CAAAa,MAAQA,EAAK,OAAO,WAAW,KACvEd,EAAA;AAGF,QAAM;AAAA,IACJ,OAAAe,IAAQ;AAAA,IACR,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,aAAAC,IAAc;AAAA,IACd,SAAAC,IAAU,EAAE,SAAS,GAAA;AAAA,IACrB,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,iBAAAC,IAAkB;AAAA,IAClB,UAAAC;AAAA,EAAA,IACEV,GAGEW,IAASvB,EAAO,OAAO,OAAOW,GAAW;AAAA,IAC7C,OAAAG;AAAA,IACA,UAAU;AAAA,IACV,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,cAAc;AAAA,EAAA,CACf;AAGD,SAAIC,KACFC,EAAO,wBAAwB,MAAM;AACnC,UAAMC,IAAUD,EAAO,SAAA;AACvB,IAAAD,EAASE,CAAO;AAAA,EAClB,CAAC,GAGID;AACT;AAQO,SAASE,EACdF,GACAT,GACM;AAEN,EADqBS,EAAO,SAAA,MACPT,KACnBS,EAAO,SAAST,CAAK;AAEzB;AAQO,SAASY,EACdH,GACAR,GACM;AACN,EAAAf,EAAO,OAAO,SAASe,CAAK;AAC9B;"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@slidejs/editor",
+  "version": "0.1.3",
+  "description": "Slide DSL Monaco Editor with syntax highlighting",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "monaco-editor": "^0.45.0"
+  },
+  "peerDependencies": {
+    "@slidejs/dsl": "0.1.3"
+  },
+  "devDependencies": {
+    "typescript": "^5.3.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^1.0.0",
+    "@slidejs/dsl": "0.1.3"
+  },
+  "keywords": [
+    "slide",
+    "dsl",
+    "editor",
+    "monaco",
+    "syntax-highlighting"
+  ],
+  "author": "",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "test:watch": "vitest --passWithNoTests",
+    "clean": "rm -rf dist"
+  }
+}