@actualwave/react-native-codeditor 1.0.0 → 1.2.0

package/THIRD_PARTY_NOTICES

@@ -0,0 +1,120 @@
+THIRD PARTY NOTICES
+===================
+
+This package distributes compiled browser assets built from the following
+open-source libraries. Their licenses and copyright notices are reproduced
+below as required by the MIT License.
+
+
+-------------------------------------------------------------------------------
+CodeMirror, @codemirror/*, @lezer/*, crelt, style-mod, w3c-keyname,
+@marijn/find-cluster-break
+-------------------------------------------------------------------------------
+MIT License
+
+Copyright (C) 2018-2024 by Marijn Haverbeke <marijn@haverbeke.berlin> and others
+
+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.
+
+https://codemirror.net/
+
+
+-------------------------------------------------------------------------------
+@uiw/codemirror-themes, @uiw/codemirror-theme-*
+-------------------------------------------------------------------------------
+MIT License
+
+Copyright (c) 2022 kenny wong <wowohoo@qq.com>
+
+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.
+
+https://github.com/uiwjs/react-codemirror
+
+
+-------------------------------------------------------------------------------
+cm6-graphql, graphql, graphql-language-service
+-------------------------------------------------------------------------------
+MIT License
+
+Copyright (c) 2021 GraphQL 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.
+
+https://github.com/graphql/graphiql
+https://github.com/graphql/graphql-js
+
+
+-------------------------------------------------------------------------------
+@babel/runtime
+-------------------------------------------------------------------------------
+MIT License
+
+Copyright (c) 2014-present Sebastian McKenzie and other 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.
+
+https://babel.dev

package/app.plugin.js

@@ -1,4 +1,4 @@
-const { withDangerousMod, withXcodeProject } = require("@expo/config-plugins");
+const { withDangerousMod, withXcodeProject } = require("expo/config-plugins");
 const fs = require("fs");
 const path = require("path");
 

package/lib/module/CodeEditor.js

@@ -38,6 +38,7 @@ const CodeEditor = ({
   onError,
   onContentUpdate,
   onSelectionChange,
+  onShortcut,
   onWebViewRefUpdated,
   onLoad,
   onLoadStart,
@@ -46,6 +47,9 @@ const CodeEditor = ({
   onNavigationStateChange,
   renderBlockingView = () => /*#__PURE__*/_jsx(BlockingView, {}),
   language,
+  languageConfig,
+  embeds,
+  languages,
   extensions = DEFAULT_EXTENSIONS,
   theme,
   content = "",
@@ -63,6 +67,7 @@ const CodeEditor = ({
     onInitialized,
     onContentUpdate,
     onSelectionChange,
+    onShortcut,
     onHistorySizeUpdate,
     onLog,
     onError,
@@ -72,6 +77,7 @@ const CodeEditor = ({
     onInitialized,
     onContentUpdate,
     onSelectionChange,
+    onShortcut,
     onHistorySizeUpdate,
     onLog,
     onError,
@@ -80,6 +86,9 @@ const CodeEditor = ({
   const propsRef = useRef({
     content,
     language,
+    languageConfig,
+    embeds,
+    languages,
     extensions,
     theme,
     viewport
@@ -87,6 +96,9 @@ const CodeEditor = ({
   propsRef.current = {
     content,
     language,
+    languageConfig,
+    embeds,
+    languages,
     extensions,
     theme,
     viewport
@@ -103,6 +115,7 @@ const CodeEditor = ({
         callbacksRef.current.onContentUpdate(value);
       },
       onSelectionChange: text => callbacksRef.current.onSelectionChange?.(text),
+      onShortcut: name => callbacksRef.current.onShortcut?.(name),
       onHistorySizeUpdate: size => callbacksRef.current.onHistorySizeUpdate(size),
       onLog: (...args) => callbacksRef.current.onLog(...args),
       onError: error => callbacksRef.current.onError(error)
@@ -135,7 +148,10 @@ const CodeEditor = ({
     }
   }, [content]);
 
-  // Push language changes to live editor
+  // Push language changes to live editor. Reads languageConfig/embeds from propsRef
+  // (rather than depending on them) so a language switch always carries the current
+  // embeds along — otherwise switching away from and back to 'javascript' would silently
+  // drop any previously-configured tagged-template embeddings/support extensions.
   const prevLanguageRef = useRef(null);
   useEffect(() => {
     if (prevLanguageRef.current === null) {
@@ -144,9 +160,58 @@ const CodeEditor = ({
     }
     if (prevLanguageRef.current === language) return;
     prevLanguageRef.current = language;
-    if (language) callEditor(e => e.setLanguage(language));
+    if (language) {
+      const {
+        languageConfig: lc,
+        embeds: em
+      } = propsRef.current;
+      callEditor(e => e.setLanguage(language, lc, em));
+    }
   }, [language]);
 
+  // Push embeds changes to live editor — re-resolves the current language with the new
+  // embeds, since tagged-template embeddings/support extensions are baked into the
+  // 'javascript' LanguageSupport at resolution time rather than being separately
+  // reconfigurable. No-op for any language other than 'javascript'.
+  const prevEmbedsRef = useRef(null);
+  useEffect(() => {
+    if (prevEmbedsRef.current === null) {
+      prevEmbedsRef.current = embeds;
+      return;
+    }
+    if (prevEmbedsRef.current === embeds) return;
+    prevEmbedsRef.current = embeds;
+    const {
+      language: l,
+      languageConfig: lc
+    } = propsRef.current;
+    if (l) callEditor(e => e.setLanguage(l, lc, embeds));
+  }, [embeds]);
+
+  // Push languages changes to live editor — registers the new mappings, then re-resolves
+  // the current language, since it may be one that was previously unresolvable.
+  const prevLanguagesRef = useRef(null);
+  useEffect(() => {
+    if (prevLanguagesRef.current === null) {
+      prevLanguagesRef.current = languages;
+      return;
+    }
+    if (prevLanguagesRef.current === languages) return;
+    prevLanguagesRef.current = languages;
+    if (!languages) return;
+    const {
+      language: l,
+      languageConfig: lc,
+      embeds: em
+    } = propsRef.current;
+    callEditor(async e => {
+      for (const [name, packageName] of Object.entries(languages)) {
+        await e.registerLanguage(name, packageName);
+      }
+      if (l) await e.setLanguage(l, lc, em);
+    });
+  }, [languages]);
+
   // Push theme changes to live editor
   const prevThemeRef = useRef(null);
   useEffect(() => {
@@ -189,6 +254,9 @@ const CodeEditor = ({
       const {
         content: c,
         language: l,
+        languageConfig: lc,
+        embeds: em,
+        languages: lg,
         extensions: e,
         theme: t,
         viewport: v
@@ -197,6 +265,9 @@ const CodeEditor = ({
       apiRef.current.setInitialConfig({
         content: c,
         language: l,
+        languageConfig: lc,
+        embeds: em,
+        languages: lg,
         extensions: e,
         theme: t,
         viewport: v

package/lib/module/WebViewAPI.js

@@ -99,6 +99,10 @@ class WebViewAPI {
           this.handlers.onSelectionChange?.(typeof parsed.data === 'string' ? parsed.data : '');
           return;
         }
+        if (parsed?.type === '__shortcut__') {
+          this.handlers.onShortcut?.(typeof parsed.data === 'string' ? parsed.data : '');
+          return;
+        }
       } catch {
         // not JSON — fall through to DDA
       }

package/lib/typescript/src/CodeEditor.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import WebView from "react-native-webview";
 import WebViewAPI from "./WebViewAPI";
-import type { ExtensionSpec, HistorySize, ViewportSettings } from "./EditorAPI";
+import type { EmbedsConfig, ExtensionSpec, HistorySize, ViewportSettings } from "./EditorAPI";
 export interface CodeEditorProps {
     onInitialized: (api: WebViewAPI) => void;
     onHistorySizeUpdate: (size: HistorySize) => void;
@@ -9,6 +9,7 @@ export interface CodeEditorProps {
     onError: (error: unknown) => void;
     onContentUpdate: (content: string) => void;
     onSelectionChange?: (text: string) => void;
+    onShortcut?: (name: string) => void;
     onWebViewRefUpdated?: (webView: WebView | null) => void;
     onLoad?: (event: unknown) => void;
     onLoadStart?: (event: unknown) => void;
@@ -18,6 +19,24 @@ export interface CodeEditorProps {
     renderBlockingView?: () => React.ReactNode;
     /** Language name for syntax highlighting, e.g. 'javascript', 'python'. */
     language?: string;
+    /** Options passed to the language factory, e.g. { jsx: true, typescript: true } for 'javascript'. */
+    languageConfig?: Record<string, unknown>;
+    /**
+     * Tagged-template DSL embeddings (e.g. `` sql`...` ``) and javascript support
+     * extensions (e.g. completion-only DSLs with no grammar) to mix into the
+     * 'javascript' language. Alternative to calling api.registerTaggedTemplate() /
+     * api.registerSupportExtension() imperatively — use whichever fits: this prop
+     * for "known up front, declarative," the imperative calls for "registered once,
+     * dynamically, from app code after init."
+     */
+    embeds?: EmbedsConfig;
+    /**
+     * Custom language packages as `{ name: packageName }`, for languages that don't follow
+     * the `@codemirror/lang-{name}` convention, e.g. `{ sksl: '@actualwave/codemirror-lang-sksl' }`.
+     * Registered before the initial `language` is resolved. Alternative to calling
+     * api.registerLanguage() imperatively.
+     */
+    languages?: Record<string, string>;
     /** Additional CodeMirror extension specs loaded on top of the language. */
     extensions?: ExtensionSpec[];
     /** Theme name from the @uiw/codemirror-themes collection, e.g. 'darcula', 'monokai'. */
@@ -28,6 +47,6 @@ export interface CodeEditorProps {
     /** Override the default editor HTML URI (useful on iOS where the bundle path varies). */
     editorUri?: string;
 }
-declare const CodeEditor: ({ onInitialized, onHistorySizeUpdate, onLog, onError, onContentUpdate, onSelectionChange, onWebViewRefUpdated, onLoad, onLoadStart, onLoadProgress, onLoadEnd, onNavigationStateChange, renderBlockingView, language, extensions, theme, content, viewport, allowFileAccess, editorUri, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
+declare const CodeEditor: ({ onInitialized, onHistorySizeUpdate, onLog, onError, onContentUpdate, onSelectionChange, onShortcut, onWebViewRefUpdated, onLoad, onLoadStart, onLoadProgress, onLoadEnd, onNavigationStateChange, renderBlockingView, language, languageConfig, embeds, languages, extensions, theme, content, viewport, allowFileAccess, editorUri, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
 export default CodeEditor;
 //# sourceMappingURL=CodeEditor.d.ts.map

package/lib/typescript/src/EditorAPI.d.ts

@@ -28,11 +28,27 @@ export interface CompletionItem {
     detail?: string;
     info?: string;
 }
+/**
+ * Tagged-template DSL embedding config for the 'javascript' language (e.g.
+ * `` sql`...` ``, `` gql`...` ``), passed per-call to setLanguage/createEditor
+ * and merged with whatever's been registered globally via
+ * registerTaggedTemplate/registerSupportExtension.
+ *   - taggedTemplates: package names exporting createEmbedding(), e.g.
+ *     '@actualwave/codemirror-lang-embed-sql'.
+ *   - supportExtensions: package names (or [name, config] tuples) exporting
+ *     createSupportExtension(), e.g. '@actualwave/codemirror-lang-embed-tailwind',
+ *     or ['@actualwave/codemirror-lang-embed-react-native', { modules }]. Not
+ *     JS-specific by name or contract — currently only mixed into 'javascript'.
+ */
+export interface EmbedsConfig {
+    taggedTemplates?: string[];
+    supportExtensions?: Array<string | [string, Record<string, unknown>]>;
+}
 export interface EditorAPI {
     getValue(): Promise<string>;
     setValue(value: string): Promise<void>;
     resetValue(value?: string): Promise<void>;
-    setLanguage(name: string): Promise<void>;
+    setLanguage(name: string, config?: Record<string, unknown>, embeds?: EmbedsConfig): Promise<void>;
     setExtensions(specs: ExtensionSpec[]): Promise<void>;
     setTheme(themeName?: string): Promise<void>;
     setFontSize(size: number): Promise<void>;
@@ -60,6 +76,33 @@ export interface EditorAPI {
     startCompletion(): Promise<void>;
     setCompletions(items: CompletionItem[]): Promise<void>;
     setSoftKeyboard(enabled: boolean): Promise<void>;
+    registerShortcut(key: string, name: string): Promise<void>;
+    unregisterShortcut(key: string): Promise<void>;
+    /**
+     * Maps a language name to an npm package that doesn't follow the
+     * `@codemirror/lang-{name}` convention (e.g. `'sksl'` → `'@actualwave/codemirror-lang-sksl'`),
+     * for the lifetime of this editor page. The package must be one bundled in the
+     * WebView assets. Takes effect on the next setLanguage() call — follow it with
+     * setLanguage(name) to apply. Alternative to the `languages` prop on CodeEditor,
+     * which registers before the initial language is resolved.
+     */
+    registerLanguage(name: string, packageName: string): Promise<void>;
+    /**
+     * Registers a tagged-template DSL embedding package globally, for the lifetime of
+     * this editor page — picked up by any subsequent setLanguage('javascript', ...) call
+     * (including the one already resolved at createEditor time, so call this before the
+     * language is first set to 'javascript' if you want it included immediately, or follow
+     * it with setLanguage('javascript', ...) to re-resolve). Alternative to passing
+     * `embeds.taggedTemplates` per-call.
+     */
+    registerTaggedTemplate(packageName: string): Promise<void>;
+    /**
+     * Registers a support-extension package (e.g. a completion source with no nested
+     * grammar) globally — same timing/re-resolve caveat as registerTaggedTemplate.
+     * Alternative to passing `embeds.supportExtensions` per-call. Not JS-specific by
+     * name or contract — currently only mixed into the 'javascript' language.
+     */
+    registerSupportExtension(packageName: string, config?: Record<string, unknown>): Promise<void>;
     loadExtension(moduleName: string): Promise<object>;
     destroy(): Promise<void>;
 }

package/lib/typescript/src/WebViewAPI.d.ts

@@ -1,9 +1,10 @@
-import type { EditorAPI, ExtensionSpec, HistorySize, ViewportSettings } from './EditorAPI';
+import type { EditorAPI, EmbedsConfig, ExtensionSpec, HistorySize, ViewportSettings } from './EditorAPI';
 export interface WebViewAPIHandlers {
     onInitialized: (api: WebViewAPI) => void;
     onHistorySizeUpdate: (size: HistorySize) => void;
     onContentUpdate: (content: string) => void;
     onSelectionChange?: (text: string) => void;
+    onShortcut?: (name: string) => void;
     onLog: (...args: unknown[]) => void;
     onError: (error: unknown) => void;
 }
@@ -14,6 +15,9 @@ export interface WebViewRef {
 export interface InitialConfig {
     content?: string;
     language?: string;
+    languageConfig?: Record<string, unknown>;
+    embeds?: EmbedsConfig;
+    languages?: Record<string, string>;
     extensions?: ExtensionSpec[];
     theme?: string;
     viewport?: ViewportSettings;

package/lib/typescript/src/index.d.ts

@@ -3,5 +3,5 @@ export { default as CodeEditor } from './CodeEditor';
 export type { CodeEditorProps } from './CodeEditor';
 export { default as WebViewAPI } from './WebViewAPI';
 export type { WebViewAPIHandlers, WebViewRef, InitialConfig } from './WebViewAPI';
-export type { EditorAPI, ExtensionSpec, ViewportSettings, CursorPosition, HistorySize, } from './EditorAPI';
+export type { EditorAPI, ExtensionSpec, ViewportSettings, CursorPosition, HistorySize, CompletionItem, EmbedsConfig, } from './EditorAPI';
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actualwave/react-native-codeditor",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "CodeMirror 6 code editor for React Native, embedded in a WebView with a full bidirectional RPC bridge. Offline, no CDN required.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -19,6 +19,9 @@
     "lib",
     "app.plugin.js",
     "react-native.config.js",
+    "SKILL.md",
+    "CHANGELOG.md",
+    "THIRD_PARTY_NOTICES",
     "!lib/module/assets",
     "!lib/typescript/src/assets",
     "!**/*.map",
@@ -36,7 +39,13 @@
   "keywords": [
     "react-native",
     "ios",
-    "android"
+    "android",
+    "codemirror",
+    "codemirror6",
+    "code-editor",
+    "editor",
+    "webview",
+    "expo"
   ],
   "repository": {
     "type": "git",
@@ -52,7 +61,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@actualwave/codemirror-package": "^0.1.0",
+    "@actualwave/codemirror-package": "^0.1.4",
     "@react-native/assets-registry": "^0.85.3",
     "@react-native/babel-preset": "0.85.0",
     "@react-native/js-polyfills": "^0.85.3",
@@ -78,7 +87,6 @@
   "workspaces": [
     "example"
   ],
-  "packageManager": "yarn@4.11.0",
   "react-native-builder-bob": {
     "source": "src",
     "output": "lib",

package/src/assets/codemirror/@actualwave_codemirror-lang-embed-core.js

@@ -0,0 +1,39 @@
+async function moduleInitFunction(requireAsyncModule,exports={}){function requireCodemirrorLangEmbedCore(){// A registry of (tagPath -> Language) matchers, tried in registration order.
+// `tagPath` is the array produced by readIdentifierPath below, e.g. ['sql'],
+// ['gql'], ['styled', 'View'] (for `styled.View` tags), or ['styled'] (for
+// `styled(Component)` — the call collapses to its callee's own path).
+function createTagRegistry(){const entries=[];return{register(matcher,language){entries.push({matcher,language})},resolve(tagPath){for(const{matcher,language}of entries)if(matcher(tagPath))return language;return null}}}// Walks a tag expression's SyntaxNode down to a flat identifier path.
+// Only VariableName / MemberExpression(.prop) / CallExpression(callee) shapes
+// are recognized — anything else (bracket access, computed member, etc.)
+// is rejected by returning null, since tag-name matching is purely textual
+// (see SINGLE_FILE_PROTOTYPES.md open question 2).
+function readIdentifierPath(node,input){switch(node.name){case"VariableName":return[input.read(node.from,node.to)];case"MemberExpression":{const object=node.firstChild,property=node.lastChild;if(!object||!property)return null;if("PropertyName"!==property.name&&"PrivatePropertyName"!==property.name)// bracket-access form (styled['View']) — not a supported tag shape
+return null;const objectPath=readIdentifierPath(object,input);return objectPath?[...objectPath,input.read(property.from,property.to)]:null}case"CallExpression":{// styled(Component)`...` collapses to the callee's own path, so
+// `styled(Foo)` and bare `styled` both match a matcher for ['styled'].
+const callee=node.firstChild;return callee?readIdentifierPath(callee,input):null}default:return null}}// Given a `TemplateString` node (materialized SyntaxNode, i.e. already
+// `.node`), finds its tag identifier path if it's the template of a
+// TaggedTemplateExpression, or null otherwise (plain, untagged templates).
+function getTaggedTemplateTagPath(templateStringNode,input){const tagged=templateStringNode.parent;if(!tagged||"TaggedTemplateExpression"!==tagged.name)return null;// SyntaxNode accessors (.lastChild etc.) don't return reference-stable
+// objects — compare by range instead of `===` to check this is really
+// the tagged expression's own template (not, in principle, some other
+// child at the same tree position).
+const last=tagged.lastChild;if(!last||last.from!==templateStringNode.from||last.to!==templateStringNode.to)return null;const tagNode=tagged.firstChild;return tagNode?readIdentifierPath(tagNode,input):null}// A `TemplateString` node's own range spans the opening and closing backtick
+// characters, and any `${...}` interpolations appear as `Interpolation` child
+// nodes interleaved with the literal text. Nested DSL parsers only understand
+// the literal text, so the overlay must exclude both the delimiters and any
+// interpolation ranges — otherwise the nested parser sees stray backtick/`${`
+// characters it doesn't recognize and produces spurious error nodes.
+function templateContentRanges(templateStringNode){const ranges=[];let pos=templateStringNode.from+1;// skip opening backtick
+for(let child=templateStringNode.firstChild;child;child=child.nextSibling)"Interpolation"===child.name&&(child.from>pos&&ranges.push({from:pos,to:child.from}),pos=child.to);const end=templateStringNode.to-1;// exclude closing backtick
+return end>pos&&ranges.push({from:pos,to:end}),ranges}// Wraps a JS/TSX LanguageSupport (as returned by @codemirror/lang-javascript's
+// javascript()) so that TaggedTemplateExpression templates whose tag matches
+// an entry in `registry` get parsed by that entry's nested Language.
+function embedTaggedTemplates(languageSupport,registry){const wrappedLanguage=languageSupport.language.configure({wrap:parseMixed((node,input)=>{if("TemplateString"!==node.name)return null;const tagPath=getTaggedTemplateTagPath(node.node,input);if(!tagPath)return null;const language=registry.resolve(tagPath);return language?{parser:language.parser,overlay:templateContentRanges(node.node)}:null})});return new LanguageSupport(wrappedLanguage,languageSupport.support)}// Convenience matcher factory for the common case: a bare identifier tag
+// (e.g. `sql`, `gql`, `css`) with no member/call wrapping.
+function matchTagName(name){return tagPath=>1===tagPath.length&&tagPath[0]===name}// Adapts a CM6 `Text` (`state.doc`) to the minimal Lezer `Input` shape
+// (`.read(from, to)`) that readIdentifierPath/getTaggedTemplateTagPath need.
+// Inside a `parseMixed` callback (embedTaggedTemplates above), Lezer already
+// supplies a real Input, so this isn't needed there — it's for call sites
+// walking an already-built tree directly against `state.doc`, e.g. a
+// CompletionSource or a decoration ViewPlugin (see embed-tailwind).
+function docAsInput(doc){return{read:(from,to)=>doc.sliceString(from,to)}}if(hasRequiredCodemirrorLangEmbedCore)return codemirrorLangEmbedCore;hasRequiredCodemirrorLangEmbedCore=1;const{parseMixed}=require$$0,{LanguageSupport}=require$$1;return codemirrorLangEmbedCore={createTagRegistry,readIdentifierPath,getTaggedTemplateTagPath,templateContentRanges,embedTaggedTemplates,matchTagName,docAsInput},codemirrorLangEmbedCore}const module={exports:exports};var codemirrorLangEmbedCore,hasRequiredCodemirrorLangEmbedCore,require$$0=await requireAsyncModule("@lezer/common"),require$$1=await requireAsyncModule("@codemirror/language"),codemirrorLangEmbedCoreExports=requireCodemirrorLangEmbedCore(),index=/*@__PURE__*/function getDefaultExportFromCjs(x){return x}(codemirrorLangEmbedCoreExports);return module.exports=index,module.exports}

package/src/assets/codemirror/@actualwave_codemirror-lang-embed-css.js

@@ -0,0 +1,19 @@
+async function moduleInitFunction(requireAsyncModule,exports={}){function requireCodemirrorLangEmbedCss(){// Matches the bare `css` tag as well as any styled-components-shaped tag:
+// `styled.View`/`styled.Text`/... (MemberExpression) and `styled(Component)`
+// (CallExpression, which readIdentifierPath collapses to the callee's own
+// path, so it also resolves to a `['styled', ...]` path).
+function matchCssTag(tagPath){return"css"===tagPath[0]||"styled"===tagPath[0]}// css`...`/styled`...` content is a bare declaration list (`color: #fff;
+// padding: 12px;`), not a full stylesheet with a `selector { ... }` wrapper.
+// Parsed with cssLanguage's default "StyleSheet" top rule, the parser treats
+// that content as sitting *before* any rule block, so cssCompletionSource
+// (which only offers property names when the cursor's ancestor is "Block" or
+// "Styles" — see @codemirror/lang-css's completion.js) falls back to
+// selector/tag-name completion instead (hence "main"/"small"/"summary").
+// @codemirror/lang-html hits this exact same shape for `style="..."`
+// attribute values and fixes it by reparsing with the grammar's alternate
+// "Styles" top rule (see its dist: `cssLanguage.parser.configure({top:
+// "Styles"})`) — same grammar, same NodeSet, so the languageDataProp
+// (autocomplete source) attached at cssLanguage's original definition still
+// resolves correctly off the "Styles" top node. Only `.parser` is used here;
+// embed-core's registry never touches other Language fields (see resolve()).
+function createEmbedding(){return{matcher:matchCssTag,language:{parser:stylesParser},extension:css().support}}if(hasRequiredCodemirrorLangEmbedCss)return codemirrorLangEmbedCss;hasRequiredCodemirrorLangEmbedCss=1;const{cssLanguage,css}=require$$0,stylesParser=cssLanguage.parser.configure({top:"Styles"});return codemirrorLangEmbedCss={createEmbedding},codemirrorLangEmbedCss}const module={exports:exports};var codemirrorLangEmbedCss,hasRequiredCodemirrorLangEmbedCss,require$$0=await requireAsyncModule("@codemirror/lang-css"),codemirrorLangEmbedCssExports=requireCodemirrorLangEmbedCss(),index=/*@__PURE__*/function getDefaultExportFromCjs(x){return x}(codemirrorLangEmbedCssExports);return module.exports=index,module.exports}

package/src/assets/codemirror/@actualwave_codemirror-lang-embed-glsl.js

@@ -0,0 +1 @@
+async function moduleInitFunction(requireAsyncModule,exports={}){function requireCodemirrorLangEmbedGlsl(){function createEmbedding(){return{matcher:matchTagName("glsl"),language:glslLanguage,extension:glsl().support}}if(hasRequiredCodemirrorLangEmbedGlsl)return codemirrorLangEmbedGlsl;hasRequiredCodemirrorLangEmbedGlsl=1;const{glslLanguage,glsl}=require$$0,{matchTagName}=require$$1;return codemirrorLangEmbedGlsl={createEmbedding},codemirrorLangEmbedGlsl}const module={exports:exports};var codemirrorLangEmbedGlsl,hasRequiredCodemirrorLangEmbedGlsl,require$$0=await requireAsyncModule("@actualwave/codemirror-lang-glsl"),require$$1=await requireAsyncModule("@actualwave/codemirror-lang-embed-core"),codemirrorLangEmbedGlslExports=requireCodemirrorLangEmbedGlsl(),index=/*@__PURE__*/function getDefaultExportFromCjs(x){return x}(codemirrorLangEmbedGlslExports);return module.exports=index,module.exports}