@dxos/plugin-assistant 0.8.4-main.2e9d522 → 0.8.4-main.5ea62a8

package/dist/lib/browser/chunk-V5H5CCZA.mjs

@@ -0,0 +1,218 @@
+import {
+  meta
+} from "./chunk-O4LUJEDV.mjs";
+
+// src/components/TemplateEditor/TemplateEditor.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React from "react";
+import { createDocAccessor } from "@dxos/react-client/echo";
+import { useThemeContext, useTranslation } from "@dxos/react-ui";
+import { createBasicExtensions, createDataExtensions, createMarkdownExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
+import { mx } from "@dxos/react-ui-theme";
+import { isNotFalsy } from "@dxos/util";
+
+// src/components/TemplateEditor/handlebars-extension.ts
+import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
+import { Decoration, ViewPlugin, keymap } from "@codemirror/view";
+function _define_property(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var handlebars = (_ = {}) => {
+  return [
+    handlebarsHighlightPlugin,
+    autocompletion({
+      activateOnTyping: true,
+      aboveCursor: true,
+      closeOnBlur: true,
+      override: [
+        handlebarsCompletions
+      ]
+    }),
+    keymap.of(completionKeymap)
+  ];
+};
+var regex = {
+  comment: /\{\{!\s*[^}]*\}\}/g,
+  brackets: /\{\{[^}]*\}\}/g,
+  command: /\{\{[#/]([^}]+)\}\}/g,
+  var: /\{\{(?!\s*!)(\w[^}]*)\}\}/g
+};
+var handlebarsHighlightPlugin = ViewPlugin.fromClass(class {
+  buildDeco(view) {
+    const widgets = [];
+    for (const { from, to } of view.visibleRanges) {
+      const text = view.state.doc.sliceString(from, to);
+      {
+        let match;
+        while ((match = regex.comment.exec(text)) !== null) {
+          const start = from + match.index;
+          const end = start + match[0].length;
+          widgets.push(Decoration.mark({
+            class: "text-subdued"
+          }).range(start, end));
+        }
+      }
+      {
+        let match;
+        while ((match = regex.brackets.exec(text)) !== null) {
+          const start = from + match.index;
+          const end = start + match[0].length;
+          widgets.push(Decoration.mark({
+            class: "text-subdued"
+          }).range(start, end));
+        }
+      }
+      {
+        let match;
+        while ((match = regex.command.exec(text)) !== null) {
+          const start = from + match.index + 2;
+          let end = start + match[0].length - 4;
+          const text2 = view.state.doc.sliceString(start, end);
+          const parts = text2.split(/\s+/);
+          if (parts.length > 1) {
+            const idx = start + parts[0].length;
+            widgets.push(Decoration.mark({
+              class: "text-greenText"
+            }).range(idx, end));
+            end = idx;
+          }
+          widgets.push(Decoration.mark({
+            class: "text-blueText"
+          }).range(start, end));
+        }
+      }
+      {
+        let match;
+        while ((match = regex.var.exec(text)) !== null) {
+          const start = from + match.index + 2;
+          const end = start + match[0].length - 4;
+          widgets.push(Decoration.mark({
+            class: "text-greenText"
+          }).range(start, end));
+        }
+      }
+    }
+    widgets.sort((a, b) => a.from - b.from || a.startSide - b.startSide);
+    return Decoration.set(widgets);
+  }
+  update(update) {
+    if (update.docChanged || update.viewportChanged) {
+      this.decorations = this.buildDeco(update.view);
+    }
+  }
+  constructor(view) {
+    _define_property(this, "decorations", void 0);
+    this.decorations = this.buildDeco(view);
+  }
+}, {
+  decorations: (v) => v.decorations
+});
+var variables = [
+  "this"
+];
+var commands = [
+  "this",
+  "each",
+  "if",
+  "unless",
+  "with"
+];
+function handlebarsCompletions(context) {
+  const match = context.matchBefore(/\{\{[^}]*/);
+  if (!match || match.from === match.to) {
+    return null;
+  }
+  let type = "variable";
+  let text = match.text.slice(2);
+  let from = match.from + 2;
+  let matches = [];
+  if (text.startsWith("#") || text.startsWith("/")) {
+    const idx = text.lastIndexOf(" ");
+    if (idx !== -1) {
+      type = "variable";
+      matches = variables;
+      text = text.slice(idx + 1);
+      from += idx + 1;
+    } else {
+      type = "command";
+      text = text.slice(1);
+      matches = commands;
+      from += 1;
+    }
+  } else {
+    type = "variable";
+    matches = variables;
+  }
+  const options = matches.filter((name) => name.startsWith(text)).map((name) => ({
+    type,
+    label: name
+  }));
+  return {
+    from,
+    options
+  };
+}
+
+// src/components/TemplateEditor/TemplateEditor.tsx
+var TemplateEditor = ({ id, classNames, template }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    const { themeMode } = useThemeContext();
+    const { parentRef } = useTextEditor(() => {
+      const text = template.source?.target;
+      if (!text) {
+        return {};
+      }
+      return {
+        initialValue: text.content ?? "",
+        extensions: [
+          createDataExtensions({
+            id,
+            text: createDocAccessor(text, [
+              "content"
+            ])
+          }),
+          createBasicExtensions({
+            bracketMatching: false,
+            lineNumbers: true,
+            lineWrapping: true,
+            placeholder: t("template placeholder")
+          }),
+          createThemeExtensions({
+            themeMode
+          }),
+          // Extend markdown with handlebars support.
+          createMarkdownExtensions({
+            themeMode
+          }),
+          handlebars()
+        ].filter(isNotFalsy)
+      };
+    }, [
+      themeMode,
+      template.source?.target
+    ]);
+    return /* @__PURE__ */ React.createElement("div", {
+      ref: parentRef,
+      className: mx("bs-full overflow-hidden", classNames)
+    });
+  } finally {
+    _effect.f();
+  }
+};
+
+export {
+  TemplateEditor
+};
+//# sourceMappingURL=chunk-V5H5CCZA.mjs.map

package/dist/lib/browser/chunk-V5H5CCZA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/TemplateEditor/TemplateEditor.tsx", "../../../src/components/TemplateEditor/handlebars-extension.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Template } from '@dxos/blueprints';\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { type ThemedClassName, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNotFalsy } from '@dxos/util';\n\nimport { meta } from '../../meta';\n\nimport { handlebars } from './handlebars-extension';\n\nexport type TemplateEditorProps = ThemedClassName<{\n  id: string;\n  template: Template.Template;\n}>;\n\nexport const TemplateEditor = ({ id, classNames, template }: TemplateEditorProps) => {\n  const { t } = useTranslation(meta.id);\n  const { themeMode } = useThemeContext();\n  const { parentRef } = useTextEditor(() => {\n    const text = template.source?.target;\n    if (!text) {\n      return {};\n    }\n\n    return {\n      initialValue: text.content ?? '',\n      extensions: [\n        createDataExtensions({ id, text: createDocAccessor(text, ['content']) }),\n        createBasicExtensions({\n          bracketMatching: false,\n          lineNumbers: true,\n          lineWrapping: true,\n          placeholder: t('template placeholder'),\n        }),\n        createThemeExtensions({ themeMode }),\n\n        // Extend markdown with handlebars support.\n        createMarkdownExtensions({ themeMode }),\n        handlebars(),\n      ].filter(isNotFalsy),\n    };\n  }, [themeMode, template.source?.target]);\n\n  return <div ref={parentRef} className={mx('bs-full overflow-hidden', classNames)} />;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport {\n  type CompletionContext,\n  type CompletionResult,\n  autocompletion,\n  completionKeymap,\n} from '@codemirror/autocomplete';\nimport { type Extension } from '@codemirror/state';\nimport { Decoration, type DecorationSet, type EditorView, ViewPlugin, type ViewUpdate, keymap } from '@codemirror/view';\n\nexport type HandlebarsOptions = {};\n\n/**\n * Simple Handlebars plugin for CodeMirror.\n * Supports:\n * - Comments: {{! comment }}\n * - Commands: {{#command}} {{/command}}\n * - Variables: {{var}}\n * - Commands with variables: {{#each items}} {{/each}}\n */\nexport const handlebars = (_: HandlebarsOptions = {}): Extension => {\n  return [\n    handlebarsHighlightPlugin,\n    autocompletion({\n      activateOnTyping: true,\n      aboveCursor: true,\n      closeOnBlur: true,\n      override: [handlebarsCompletions],\n    }),\n    keymap.of(completionKeymap),\n  ];\n};\n\nconst regex = {\n  comment: /\\{\\{!\\s*[^}]*\\}\\}/g,\n  brackets: /\\{\\{[^}]*\\}\\}/g,\n  command: /\\{\\{[#/]([^}]+)\\}\\}/g,\n  var: /\\{\\{(?!\\s*!)(\\w[^}]*)\\}\\}/g,\n};\n\n/**\n * ViewPlugin that decorates Handlebars syntax.\n */\nconst handlebarsHighlightPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = this.buildDeco(view);\n    }\n\n    buildDeco(view: EditorView) {\n      const widgets: any[] = [];\n\n      for (const { from, to } of view.visibleRanges) {\n        const text = view.state.doc.sliceString(from, to);\n\n        // Match comments: {{! comment }}\n        {\n          let match;\n          while ((match = regex.comment.exec(text)) !== null) {\n            const start = from + match.index;\n            const end = start + match[0].length;\n            widgets.push(Decoration.mark({ class: 'text-subdued' }).range(start, end));\n          }\n        }\n\n        // Match brackets: {{ and }}\n        {\n          let match;\n          while ((match = regex.brackets.exec(text)) !== null) {\n            const start = from + match.index;\n            const end = start + match[0].length;\n            widgets.push(Decoration.mark({ class: 'text-subdued' }).range(start, end));\n          }\n        }\n\n        // Match commands: {{#command}} and {{/command}}\n        {\n          let match;\n          while ((match = regex.command.exec(text)) !== null) {\n            const start = from + match.index + 2;\n            let end = start + match[0].length - 4;\n            const text = view.state.doc.sliceString(start, end);\n            const parts = text.split(/\\s+/);\n            if (parts.length > 1) {\n              const idx = start + parts[0].length;\n              widgets.push(Decoration.mark({ class: 'text-greenText' }).range(idx, end));\n              end = idx;\n            }\n            widgets.push(Decoration.mark({ class: 'text-blueText' }).range(start, end));\n          }\n        }\n\n        // Match variables: {{var}}\n        {\n          let match;\n          while ((match = regex.var.exec(text)) !== null) {\n            const start = from + match.index + 2;\n            const end = start + match[0].length - 4;\n            widgets.push(Decoration.mark({ class: 'text-greenText' }).range(start, end));\n          }\n        }\n      }\n\n      // Sort decorations by position to avoid \"Ranges must be added sorted\" error.\n      widgets.sort((a, b) => a.from - b.from || a.startSide - b.startSide);\n      return Decoration.set(widgets);\n    }\n\n    update(update: ViewUpdate) {\n      if (update.docChanged || update.viewportChanged) {\n        this.decorations = this.buildDeco(update.view);\n      }\n    }\n  },\n  {\n    decorations: (v) => v.decorations,\n  },\n);\n\n// TODO(burdon): Pass in variables.\nconst variables = ['this'];\nconst commands = ['this', 'each', 'if', 'unless', 'with'];\n\n/**\n * Provides completions for Handlebars variables.\n */\nfunction handlebarsCompletions(context: CompletionContext): CompletionResult | null {\n  const match = context.matchBefore(/\\{\\{[^}]*/);\n  if (!match || match.from === match.to) {\n    return null;\n  }\n\n  let type = 'variable';\n  let text = match.text.slice(2);\n  let from = match.from + 2;\n  let matches = [];\n  if (text.startsWith('#') || text.startsWith('/')) {\n    const idx = text.lastIndexOf(' ');\n    if (idx !== -1) {\n      type = 'variable';\n      matches = variables;\n      text = text.slice(idx + 1);\n      from += idx + 1;\n    } else {\n      type = 'command';\n      text = text.slice(1);\n      matches = commands;\n      from += 1;\n    }\n  } else {\n    type = 'variable';\n    matches = variables;\n  }\n\n  const options = matches.filter((name) => name.startsWith(text)).map((name) => ({ type, label: name }));\n  return {\n    from,\n    options,\n  };\n}\n"],
+  "mappings": "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",
+  "names": ["React", "createDocAccessor", "useThemeContext", "useTranslation", "createBasicExtensions", "createDataExtensions", "createMarkdownExtensions", "createThemeExtensions", "useTextEditor", "mx", "isNotFalsy", "autocompletion", "completionKeymap", "Decoration", "ViewPlugin", "keymap", "handlebars", "_", "handlebarsHighlightPlugin", "autocompletion", "activateOnTyping", "aboveCursor", "closeOnBlur", "override", "handlebarsCompletions", "keymap", "of", "completionKeymap", "regex", "comment", "brackets", "command", "var", "ViewPlugin", "fromClass", "buildDeco", "view", "widgets", "from", "to", "visibleRanges", "text", "state", "doc", "sliceString", "match", "exec", "start", "index", "end", "length", "push", "Decoration", "mark", "class", "range", "parts", "split", "idx", "sort", "a", "b", "startSide", "set", "update", "docChanged", "viewportChanged", "decorations", "v", "variables", "commands", "context", "matchBefore", "type", "slice", "matches", "startsWith", "lastIndexOf", "options", "filter", "name", "map", "label", "TemplateEditor", "id", "classNames", "template", "t", "useTranslation", "meta", "themeMode", "useThemeContext", "parentRef", "useTextEditor", "text", "source", "target", "initialValue", "content", "extensions", "createDataExtensions", "createDocAccessor", "createBasicExtensions", "bracketMatching", "lineNumbers", "lineWrapping", "placeholder", "createThemeExtensions", "createMarkdownExtensions", "handlebars", "filter", "isNotFalsy", "div", "ref", "className", "mx"]
+}