ember-repl 2.0.63 → 3.0.0-beta.1

package/dist/browser/compile/index.js

@@ -0,0 +1,90 @@
+import { resourceFactory, resource, cell } from 'ember-resources';
+import { nameFor } from '../utils.js';
+import { compileMD, compileGJS, compileHBS } from './formats.js';
+
+const CACHE = new Map();
+const SUPPORTED_FORMATS = ['glimdown', 'gjs', 'hbs'];
+
+/**
+ * This compileMD is a more robust version of the raw compiling used in "formats".
+ * This function manages cache, and has events for folks building UIs to hook in to
+ */
+async function compile(text, {
+  format,
+  onSuccess,
+  onError,
+  onCompileStart,
+  ...options
+}) {
+  let id = nameFor(text);
+  let existing = CACHE.get(id);
+  if (existing) {
+    onSuccess(existing);
+    return;
+  }
+  if (!SUPPORTED_FORMATS.includes(format)) {
+    await onError(`Unsupported format: ${format}. Supported formats: ${SUPPORTED_FORMATS}`);
+    return;
+  }
+  await onCompileStart();
+  if (!text) {
+    await onError('No Input Document yet');
+    return;
+  }
+  let result;
+  if (format === 'glimdown') {
+    result = await compileMD(text, options);
+  } else if (format === 'gjs') {
+    result = await compileGJS(text, options.importMap);
+  } else if (format === 'hbs') {
+    result = await compileHBS(text, {
+      scope: options.topLevelScope
+    });
+  } else {
+    await onError(`Unsupported format: ${format}. Supported formats: ${SUPPORTED_FORMATS}`);
+    return;
+  }
+  if (result.error) {
+    await onError(result.error.message || `${result.error}`);
+    return;
+  }
+  CACHE.set(id, result.component);
+  await onSuccess(result.component);
+}
+/**
+ * By default, this compiles to `glimdown`. A Markdown format which
+ * extracts `live` tagged code snippets and compiles them to components.
+ */
+const Compiled = resourceFactory((markdownText, format) => {
+  return resource(() => {
+    let _format = (typeof format === 'function' ? format() : format) || 'glimdown';
+    let input = typeof markdownText === 'function' ? markdownText() : markdownText;
+    let ready = cell(false);
+    let error = cell();
+    let result = cell();
+    if (input) {
+      compile(input, {
+        format: _format,
+        onSuccess: async component => {
+          result.current = component;
+          ready.set(true);
+          error.set(null);
+        },
+        onError: async e => {
+          error.set(e);
+        },
+        onCompileStart: async () => {
+          ready.set(false);
+        }
+      });
+    }
+    return () => ({
+      isReady: ready.current,
+      error: error.current,
+      component: result.current
+    });
+  });
+});
+
+export { CACHE, Compiled, compile };
+//# sourceMappingURL=index.js.map

package/dist/browser/compile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/browser/compile/index.ts"],"sourcesContent":["import { cell, resource, resourceFactory } from 'ember-resources';\n\nimport { nameFor } from '../utils';\nimport {\n  compileGJS as processGJS,\n  compileHBS as processHBS,\n  compileMD as processMD,\n} from './formats';\n\nimport type { CompileResult } from '../types';\nimport type { EvalImportMap, ScopeMap } from './types';\nimport type { ComponentLike } from '@glint/template';\ntype Format = 'glimdown' | 'gjs' | 'hbs';\n\nexport const CACHE = new Map<string, ComponentLike>();\n\nconst SUPPORTED_FORMATS = ['glimdown', 'gjs', 'hbs'];\n\n/**\n * This compileMD is a more robust version of the raw compiling used in \"formats\".\n * This function manages cache, and has events for folks building UIs to hook in to\n */\nexport async function compile(\n  text: string,\n  {\n    format,\n    onSuccess,\n    onError,\n    onCompileStart,\n    ...options\n  }: {\n    format: Format;\n    onSuccess: (component: ComponentLike) => Promise<unknown> | unknown;\n    onError: (error: string) => Promise<unknown> | unknown;\n    onCompileStart: () => Promise<unknown> | unknown;\n    importMap?: EvalImportMap;\n    CopyComponent?: string;\n    topLevelScope?: ScopeMap;\n  }\n) {\n  let id = nameFor(text);\n\n  let existing = CACHE.get(id);\n\n  if (existing) {\n    onSuccess(existing);\n\n    return;\n  }\n\n  if (!SUPPORTED_FORMATS.includes(format)) {\n    await onError(`Unsupported format: ${format}. Supported formats: ${SUPPORTED_FORMATS}`);\n\n    return;\n  }\n\n  await onCompileStart();\n\n  if (!text) {\n    await onError('No Input Document yet');\n\n    return;\n  }\n\n  let result: CompileResult;\n\n  if (format === 'glimdown') {\n    result = await processMD(text, options);\n  } else if (format === 'gjs') {\n    result = await processGJS(text, options.importMap);\n  } else if (format === 'hbs') {\n    result = await processHBS(text, {\n      scope: options.topLevelScope,\n    });\n  } else {\n    await onError(`Unsupported format: ${format}. Supported formats: ${SUPPORTED_FORMATS}`);\n\n    return;\n  }\n\n  if (result.error) {\n    await onError(result.error.message || `${result.error}`);\n\n    return;\n  }\n\n  CACHE.set(id, result.component as ComponentLike);\n\n  await onSuccess(result.component as ComponentLike);\n}\n\ntype Input = string | undefined | null;\n\n/**\n * By default, this compiles to `glimdown`. A Markdown format which\n * extracts `live` tagged code snippets and compiles them to components.\n */\nexport const Compiled = resourceFactory(\n  (markdownText: Input | (() => Input), format?: Format | (() => Format)) => {\n    return resource(() => {\n      let _format: Format = (typeof format === 'function' ? format() : format) || 'glimdown';\n      let input = typeof markdownText === 'function' ? markdownText() : markdownText;\n      let ready = cell(false);\n      let error = cell();\n      let result = cell<ComponentLike>();\n\n      if (input) {\n        compile(input, {\n          format: _format,\n          onSuccess: async (component) => {\n            result.current = component;\n            ready.set(true);\n            error.set(null);\n          },\n          onError: async (e) => {\n            error.set(e);\n          },\n          onCompileStart: async () => {\n            ready.set(false);\n          },\n        });\n      }\n\n      return () => ({\n        isReady: ready.current,\n        error: error.current,\n        component: result.current,\n      });\n    });\n  }\n);\n"],"names":["CACHE","Map","SUPPORTED_FORMATS","compile","text","format","onSuccess","onError","onCompileStart","options","id","nameFor","existing","get","includes","result","processMD","processGJS","importMap","processHBS","scope","topLevelScope","error","message","set","component","Compiled","resourceFactory","markdownText","resource","_format","input","ready","cell","current","e","isReady"],"mappings":"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"}

package/dist/browser/compile/markdown-to-ember.d.ts

@@ -0,0 +1,18 @@
+interface ExtractedCode {
+    name: string;
+    code: string;
+    lang: string;
+}
+interface LiveCodeExtraction {
+    templateOnlyGlimdown: string;
+    blocks: ExtractedCode[];
+}
+interface ParseMarkdownOptions {
+    CopyComponent?: string;
+    ShadowComponent?: string;
+}
+/**
+ * @internal not under semver
+ */
+declare function parseMarkdown(input: string, options?: ParseMarkdownOptions): Promise<LiveCodeExtraction>;
+export { ExtractedCode, LiveCodeExtraction, parseMarkdown };

package/dist/browser/compile/markdown-to-ember.js

@@ -0,0 +1,237 @@
+import rehypeRaw from 'rehype-raw';
+import rehypeStringify from 'rehype-stringify';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import { unified } from 'unified';
+import { visit } from 'unist-util-visit';
+import { nameFor, invocationOf } from '../utils.js';
+
+const GLIMDOWN_PREVIEW = Symbol('__GLIMDOWN_PREVIEW__');
+const GLIMDOWN_RENDER = Symbol('__GLIMDOWN_RENDER__');
+const ALLOWED_LANGUAGES = ['gjs', 'hbs'];
+const escapeCurlies = node => {
+  if ('value' in node && node.value) {
+    node.value = node.value.replace(/{{/g, '\\{{');
+  }
+  if ('children' in node && node.children) {
+    node.children.forEach(child => escapeCurlies(child));
+  }
+  if (!node.data) {
+    return;
+  }
+  if ('hChildren' in node.data && Array.isArray(node.data['hChildren'])) {
+    node.data['hChildren'].forEach(escapeCurlies);
+    return;
+  }
+};
+function isLive(meta) {
+  return meta.includes('live');
+}
+function isPreview(meta) {
+  return meta.includes('preview');
+}
+function isBelow(meta) {
+  return meta.includes('below');
+}
+
+// TODO: extract and publish remark plugin
+function liveCodeExtraction(options = {}) {
+  let {
+    copyComponent,
+    snippets,
+    demo
+  } = options;
+  let {
+    classList: snippetClasses
+  } = snippets || {};
+  let {
+    classList: demoClasses
+  } = demo || {};
+  snippetClasses ??= [];
+  demoClasses ??= [];
+  function isRelevantCode(node) {
+    if (node.type !== 'code') return false;
+    let {
+      meta,
+      lang
+    } = node;
+    meta = meta?.trim();
+    if (!meta || !lang) return false;
+    if (!meta.includes('live')) {
+      return false;
+    }
+    if (!ALLOWED_LANGUAGES.includes(lang)) return false;
+    return true;
+  }
+  let copyNode = {
+    type: 'html',
+    value: copyComponent
+  };
+  function enhance(code) {
+    code.data ??= {};
+    code.data['hProperties'] ??= {};
+    // This is secret-to-us-only API, so we don't really care about the type
+    code.data['hProperties'][GLIMDOWN_PREVIEW] = true;
+    return {
+      data: {
+        hProperties: {
+          className: snippetClasses
+        }
+      },
+      type: 'div',
+      hProperties: {
+        className: snippetClasses
+      },
+      children: [code, copyNode]
+    };
+  }
+  function flatReplaceAt(array, index, replacement) {
+    array.splice(index, 1, ...replacement);
+  }
+
+  // because we mutate the tree as we iterate,
+  // we need to make sure we don't loop forever
+  const seen = new Set();
+  return function transformer(tree, file) {
+    visit(tree, ['code'], function (node, index, parent) {
+      if (parent === null) return;
+      if (index === null) return;
+      if (!isRelevantCode(node)) {
+        let enhanced = enhance(node);
+        parent.children[index] = enhanced;
+        return 'skip';
+      }
+      if (seen.has(node)) return 'skip';
+      seen.add(node);
+      let {
+        meta,
+        lang,
+        value
+      } = node;
+      if (!meta) return 'skip';
+      if (!lang) return 'skip';
+      file.data.liveCode ??= [];
+      let code = value.trim();
+      let name = nameFor(code);
+      let invocation = invocationOf(name);
+      let shadow = options.shadowComponent;
+      let wrapInShadow = shadow && !meta?.includes('no-shadow');
+      if (wrapInShadow) {
+        invocation = `<${shadow}>${invocation}</${shadow}>`;
+      }
+      let invokeNode = {
+        type: 'html',
+        data: {
+          hProperties: {
+            [GLIMDOWN_RENDER]: true
+          }
+        },
+        value: `<div class="${demoClasses}">${invocation}</div>`
+      };
+      let wrapper = enhance(node);
+      file.data.liveCode.push({
+        lang,
+        name,
+        code
+      });
+      let live = isLive(meta);
+      let preview = isPreview(meta);
+      let below = isBelow(meta);
+      if (live && preview && below) {
+        flatReplaceAt(parent.children, index, [wrapper, invokeNode]);
+        return 'skip';
+      }
+      if (live && preview) {
+        flatReplaceAt(parent.children, index, [invokeNode, wrapper]);
+        return 'skip';
+      }
+      if (live) {
+        parent.children[index] = invokeNode;
+        return 'skip';
+      }
+      parent.children[index] = wrapper;
+      return;
+    });
+  };
+}
+function buildCompiler(options) {
+  return unified()
+  // .use(markdown)
+  .use(remarkParse)
+  // TODO: we only want to do this when we have pre > code.
+  //       code can exist inline.
+  .use(liveCodeExtraction, {
+    snippets: {
+      classList: ['glimdown-snippet', 'relative']
+    },
+    demo: {
+      classList: ['glimdown-render']
+    },
+    copyComponent: options?.CopyComponent,
+    shadowComponent: options?.ShadowComponent
+  })
+  // .use(() => (tree) => visit(tree, (node) => console.log('i', node)))
+  // remark rehype is needed to convert markdown to HTML
+  // However, it also changes all the nodes, so we need another pass
+  // to make sure our Glimmer-aware nodes are in tact
+  .use(remarkRehype, {
+    allowDangerousHtml: true
+  })
+  // Convert invocables to raw format, so Glimmer can invoke them
+  .use(() => tree => {
+    visit(tree, function (node) {
+      // We rely on an implicit transformation of data.hProperties => properties
+      let properties = node.properties;
+      if (properties?.[GLIMDOWN_PREVIEW]) {
+        // Have to sanitize anything Glimmer could try to render
+        escapeCurlies(node);
+        return 'skip';
+      }
+      if (node.type === 'element' || 'tagName' in node && node.tagName === 'code') {
+        if (properties?.[GLIMDOWN_RENDER]) {
+          node.type = 'glimmer_raw';
+          return;
+        }
+        escapeCurlies(node);
+        return 'skip';
+      }
+      if (node.type === 'text' || node.type === 'raw') {
+        // definitively not the better way, but this is supposed to detect "glimmer" nodes
+        if ('value' in node && typeof node.value === 'string' && node.value.match(/<\/?[_A-Z:0-9].*>/g)) {
+          node.type = 'glimmer_raw';
+        }
+        node.type = 'glimmer_raw';
+        return 'skip';
+      }
+      return;
+    });
+  }).use(rehypeRaw, {
+    passThrough: ['glimmer_raw', 'raw']
+  }).use(() => tree => {
+    visit(tree, 'glimmer_raw', node => {
+      node.type = 'raw';
+    });
+  }).use(rehypeStringify, {
+    collapseEmptyAttributes: true,
+    closeSelfClosing: true,
+    allowParseErrors: true,
+    allowDangerousCharacters: true,
+    allowDangerousHtml: true
+  });
+}
+/**
+ * @internal not under semver
+ */
+async function parseMarkdown(input, options = {}) {
+  let markdownCompiler = buildCompiler(options);
+  let processed = await markdownCompiler.process(input);
+  let liveCode = processed.data.liveCode || [];
+  let templateOnly = processed.toString();
+  return {
+    templateOnlyGlimdown: templateOnly,
+    blocks: liveCode
+  };
+}
+
+export { parseMarkdown };
+//# sourceMappingURL=markdown-to-ember.js.map

package/dist/browser/compile/markdown-to-ember.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-to-ember.js","sources":["../../../src/browser/compile/markdown-to-ember.ts"],"sourcesContent":["import rehypeRaw from 'rehype-raw';\nimport rehypeStringify from 'rehype-stringify';\nimport remarkParse from 'remark-parse';\nimport remarkRehype from 'remark-rehype';\nimport { unified } from 'unified';\nimport { visit } from 'unist-util-visit';\n\nimport { invocationOf, nameFor } from '../utils';\n\nimport type { Node } from 'hast';\nimport type { Code, Text } from 'mdast';\nimport type { Parent } from 'unist';\nimport type { VFile } from 'vfile';\n\nexport interface ExtractedCode {\n  name: string;\n  code: string;\n  lang: string;\n}\n\nexport interface LiveCodeExtraction {\n  templateOnlyGlimdown: string;\n  blocks: ExtractedCode[];\n}\ntype LiveData = {\n  liveCode?: ExtractedCode[];\n};\ntype VFileWithMeta = VFile & {\n  data: LiveData;\n};\n\ninterface Options {\n  snippets?: {\n    classList?: string[];\n  };\n  demo?: {\n    classList?: string[];\n  };\n  copyComponent?: string;\n  shadowComponent?: string;\n}\n\nconst GLIMDOWN_PREVIEW = Symbol('__GLIMDOWN_PREVIEW__');\nconst GLIMDOWN_RENDER = Symbol('__GLIMDOWN_RENDER__');\nconst ALLOWED_LANGUAGES = ['gjs', 'hbs'] as const;\n\ntype AllowedLanguage = (typeof ALLOWED_LANGUAGES)[number];\ntype RelevantCode = Omit<Code, 'lang'> & { lang: AllowedLanguage };\n\nconst escapeCurlies = (node: Text | Parent) => {\n  if ('value' in node && node.value) {\n    node.value = node.value.replace(/{{/g, '\\\\{{');\n  }\n\n  if ('children' in node && node.children) {\n    node.children.forEach((child) => escapeCurlies(child as Parent));\n  }\n\n  if (!node.data) {\n    return;\n  }\n\n  if ('hChildren' in node.data && Array.isArray(node.data['hChildren'])) {\n    node.data['hChildren'].forEach(escapeCurlies);\n\n    return;\n  }\n};\n\nfunction isLive(meta: string) {\n  return meta.includes('live');\n}\n\nfunction isPreview(meta: string) {\n  return meta.includes('preview');\n}\n\nfunction isBelow(meta: string) {\n  return meta.includes('below');\n}\n\n// TODO: extract and publish remark plugin\nfunction liveCodeExtraction(options: Options = {}) {\n  let { copyComponent, snippets, demo } = options;\n  let { classList: snippetClasses } = snippets || {};\n  let { classList: demoClasses } = demo || {};\n\n  snippetClasses ??= [];\n  demoClasses ??= [];\n\n  function isRelevantCode(node: Code): node is RelevantCode {\n    if (node.type !== 'code') return false;\n\n    let { meta, lang } = node;\n\n    meta = meta?.trim();\n\n    if (!meta || !lang) return false;\n\n    if (!meta.includes('live')) {\n      return false;\n    }\n\n    if (!(ALLOWED_LANGUAGES as unknown as string[]).includes(lang)) return false;\n\n    return true;\n  }\n\n  let copyNode = {\n    type: 'html',\n    value: copyComponent,\n  };\n\n  function enhance(code: Code) {\n    code.data ??= {};\n    code.data['hProperties'] ??= {};\n    // This is secret-to-us-only API, so we don't really care about the type\n    (code.data['hProperties'] as any)[GLIMDOWN_PREVIEW] = true;\n\n    return {\n      data: {\n        hProperties: { className: snippetClasses },\n      },\n      type: 'div',\n      hProperties: { className: snippetClasses },\n      children: [code, copyNode],\n    };\n  }\n\n  function flatReplaceAt<T>(array: T[], index: number, replacement: T[]) {\n    array.splice(index, 1, ...replacement);\n  }\n\n  // because we mutate the tree as we iterate,\n  // we need to make sure we don't loop forever\n  const seen = new Set();\n\n  return function transformer(tree: Parent, file: VFileWithMeta) {\n    visit(tree, ['code'], function (node, index, parent) {\n      if (parent === null) return;\n      if (index === null) return;\n\n      if (!isRelevantCode(node as Code)) {\n        let enhanced = enhance(node as Code);\n\n        parent.children[index] = enhanced;\n\n        return 'skip';\n      }\n\n      if (seen.has(node)) return 'skip';\n\n      seen.add(node);\n\n      let { meta, lang, value } = node as Code;\n\n      if (!meta) return 'skip';\n      if (!lang) return 'skip';\n\n      file.data.liveCode ??= [];\n\n      let code = value.trim();\n      let name = nameFor(code);\n      let invocation = invocationOf(name);\n\n      let shadow = options.shadowComponent;\n\n      let wrapInShadow = shadow && !meta?.includes('no-shadow');\n\n      if (wrapInShadow) {\n        invocation = `<${shadow}>${invocation}</${shadow}>`;\n      }\n\n      let invokeNode = {\n        type: 'html',\n        data: {\n          hProperties: { [GLIMDOWN_RENDER]: true },\n        },\n        value: `<div class=\"${demoClasses}\">${invocation}</div>`,\n      };\n\n      let wrapper = enhance(node as Code);\n\n      file.data.liveCode.push({\n        lang,\n        name,\n        code,\n      });\n\n      let live = isLive(meta);\n      let preview = isPreview(meta);\n      let below = isBelow(meta);\n\n      if (live && preview && below) {\n        flatReplaceAt(parent.children, index, [wrapper, invokeNode]);\n\n        return 'skip';\n      }\n\n      if (live && preview) {\n        flatReplaceAt(parent.children, index, [invokeNode, wrapper]);\n\n        return 'skip';\n      }\n\n      if (live) {\n        parent.children[index] = invokeNode;\n\n        return 'skip';\n      }\n\n      parent.children[index] = wrapper;\n\n      return;\n    });\n  };\n}\n\nfunction buildCompiler(options: ParseMarkdownOptions) {\n  return (\n    unified()\n      // .use(markdown)\n      .use(remarkParse)\n      // TODO: we only want to do this when we have pre > code.\n      //       code can exist inline.\n      .use(liveCodeExtraction, {\n        snippets: {\n          classList: ['glimdown-snippet', 'relative'],\n        },\n        demo: {\n          classList: ['glimdown-render'],\n        },\n        copyComponent: options?.CopyComponent,\n        shadowComponent: options?.ShadowComponent,\n      })\n      // .use(() => (tree) => visit(tree, (node) => console.log('i', node)))\n      // remark rehype is needed to convert markdown to HTML\n      // However, it also changes all the nodes, so we need another pass\n      // to make sure our Glimmer-aware nodes are in tact\n      .use(remarkRehype, { allowDangerousHtml: true })\n      // Convert invocables to raw format, so Glimmer can invoke them\n      .use(() => (tree: Node) => {\n        visit(tree, function (node) {\n          // We rely on an implicit transformation of data.hProperties => properties\n          let properties = (node as any).properties;\n\n          if (properties?.[GLIMDOWN_PREVIEW]) {\n            // Have to sanitize anything Glimmer could try to render\n            escapeCurlies(node as Parent);\n\n            return 'skip';\n          }\n\n          if (node.type === 'element' || ('tagName' in node && node.tagName === 'code')) {\n            if (properties?.[GLIMDOWN_RENDER]) {\n              node.type = 'glimmer_raw';\n\n              return;\n            }\n\n            escapeCurlies(node as Parent);\n\n            return 'skip';\n          }\n\n          if (node.type === 'text' || node.type === 'raw') {\n            // definitively not the better way, but this is supposed to detect \"glimmer\" nodes\n            if (\n              'value' in node &&\n              typeof node.value === 'string' &&\n              node.value.match(/<\\/?[_A-Z:0-9].*>/g)\n            ) {\n              node.type = 'glimmer_raw';\n            }\n\n            node.type = 'glimmer_raw';\n\n            return 'skip';\n          }\n\n          return;\n        });\n      })\n      .use(rehypeRaw, { passThrough: ['glimmer_raw', 'raw'] })\n      .use(() => (tree) => {\n        visit(tree, 'glimmer_raw', (node: Node) => {\n          node.type = 'raw';\n        });\n      })\n      .use(rehypeStringify, {\n        collapseEmptyAttributes: true,\n        closeSelfClosing: true,\n        allowParseErrors: true,\n        allowDangerousCharacters: true,\n        allowDangerousHtml: true,\n      })\n  );\n}\n\ninterface ParseMarkdownOptions {\n  CopyComponent?: string;\n  ShadowComponent?: string;\n}\n\n/**\n * @internal not under semver\n */\nexport async function parseMarkdown(\n  input: string,\n  options: ParseMarkdownOptions = {}\n): Promise<LiveCodeExtraction> {\n  let markdownCompiler = buildCompiler(options);\n  let processed = await markdownCompiler.process(input);\n  let liveCode = (processed.data as LiveData).liveCode || [];\n  let templateOnly = processed.toString();\n\n  return { templateOnlyGlimdown: templateOnly, blocks: liveCode };\n}\n"],"names":["GLIMDOWN_PREVIEW","Symbol","GLIMDOWN_RENDER","ALLOWED_LANGUAGES","escapeCurlies","node","value","replace","children","forEach","child","data","Array","isArray","isLive","meta","includes","isPreview","isBelow","liveCodeExtraction","options","copyComponent","snippets","demo","classList","snippetClasses","demoClasses","isRelevantCode","type","lang","trim","copyNode","enhance","code","hProperties","className","flatReplaceAt","array","index","replacement","splice","seen","Set","transformer","tree","file","visit","parent","enhanced","has","add","liveCode","name","nameFor","invocation","invocationOf","shadow","shadowComponent","wrapInShadow","invokeNode","wrapper","push","live","preview","below","buildCompiler","unified","use","remarkParse","CopyComponent","ShadowComponent","remarkRehype","allowDangerousHtml","properties","tagName","match","rehypeRaw","passThrough","rehypeStringify","collapseEmptyAttributes","closeSelfClosing","allowParseErrors","allowDangerousCharacters","parseMarkdown","input","markdownCompiler","processed","process","templateOnly","toString","templateOnlyGlimdown","blocks"],"mappings":"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"}

package/dist/browser/compile/types.d.ts

@@ -0,0 +1,7 @@
+interface EvalImportMap {
+    [moduleName: string]: ScopeMap;
+}
+interface ScopeMap {
+    [localName: string]: unknown;
+}
+export { EvalImportMap, ScopeMap };

package/dist/browser/compile/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/dist/browser/compile/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/browser/esm/index.d.ts

@@ -0,0 +1,8 @@
+import { CompileResult, ExtraModules } from "../types.js";
+interface Info {
+    code: string;
+    name: string;
+}
+declare function compileJS(code: string, extraModules?: ExtraModules): Promise<CompileResult>;
+declare function proxyToSkypack(code: string, extraModules?: ExtraModules): string;
+export { Info, compileJS, proxyToSkypack };

package/dist/browser/esm/index.js

@@ -0,0 +1,67 @@
+import { preprocess, transform } from '../gjs.js';
+import { modules } from '../known-modules.js';
+import { nameFor } from '../utils.js';
+
+async function compileJS(code, extraModules) {
+  let name = nameFor(code);
+  let component;
+  let error;
+  try {
+    let compiled = await compileGJS({
+      code: code,
+      name
+    });
+    if (!compiled) {
+      throw new Error(`Compiled output is missing`);
+    }
+
+    // NOTE: we cannot `eval` ESM
+    compiled = proxyToSkypack(compiled, extraModules);
+    component = await evalSnippet(compiled);
+  } catch (e) {
+    error = e;
+  }
+  return {
+    name,
+    component,
+    error
+  };
+}
+function proxyToSkypack(code, extraModules) {
+  let knownModules = [...Object.keys(extraModules || {}), ...Object.keys(modules)];
+  let origin = location.origin;
+  let result = code.replaceAll(/from ('|")([^"']+)('|")/g, (_, __, modulePath) => {
+    if (knownModules.includes(modulePath)) {
+      return `from '${origin}/${modulePath}'`;
+    }
+    return `from 'https://cdn.skypack.dev/${modulePath}'`;
+  });
+  return result;
+}
+async function evalSnippet(code) {
+  let encodedJs = encodeURIComponent(code);
+  let result = await import( /* webpackIgnore: true */`data:text/javascript;charset=utf-8,${encodedJs}`);
+  if (!result.default) {
+    throw new Error(`Expected module to have a default export, found ${Object.keys(result)}`);
+  }
+  return result;
+}
+async function compileGJS({
+  code: input,
+  name
+}) {
+  let preprocessed = preprocess(input, name);
+  let result = await transform(preprocessed, name, {
+    modules: false
+  });
+  if (!result) {
+    return;
+  }
+  let {
+    code
+  } = result;
+  return code;
+}
+
+export { compileJS, proxyToSkypack };
+//# sourceMappingURL=index.js.map

package/dist/browser/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/browser/esm/index.ts"],"sourcesContent":["import { preprocess, transform } from '../gjs';\nimport { modules } from '../known-modules';\nimport { nameFor } from '../utils';\n\nimport type { CompileResult, ExtraModules } from '../types';\nimport type Component from '@glimmer/component';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface Info {\n  code: string;\n  name: string;\n}\n\nexport async function compileJS(code: string, extraModules?: ExtraModules): Promise<CompileResult> {\n  let name = nameFor(code);\n  let component: undefined | ComponentLike;\n  let error: undefined | Error;\n\n  try {\n    let compiled = await compileGJS({ code: code, name });\n\n    if (!compiled) {\n      throw new Error(`Compiled output is missing`);\n    }\n\n    // NOTE: we cannot `eval` ESM\n    compiled = proxyToSkypack(compiled, extraModules);\n    component = (await evalSnippet(compiled)) as unknown as ComponentLike;\n  } catch (e) {\n    error = e as Error | undefined;\n  }\n\n  return { name, component, error };\n}\n\nexport function proxyToSkypack(code: string, extraModules?: ExtraModules) {\n  let knownModules = [...Object.keys(extraModules || {}), ...Object.keys(modules)];\n  let origin = location.origin;\n\n  let result = code.replaceAll(/from ('|\")([^\"']+)('|\")/g, (_, __, modulePath) => {\n    if (knownModules.includes(modulePath)) {\n      return `from '${origin}/${modulePath}'`;\n    }\n\n    return `from 'https://cdn.skypack.dev/${modulePath}'`;\n  });\n\n  return result;\n}\n\nasync function evalSnippet(code: string) {\n  let encodedJs = encodeURIComponent(code);\n  let result = await import(\n    /* webpackIgnore: true */ `data:text/javascript;charset=utf-8,${encodedJs}`\n  );\n\n  if (!result.default) {\n    throw new Error(`Expected module to have a default export, found ${Object.keys(result)}`);\n  }\n\n  return result as {\n    default: Component;\n    services?: { [key: string]: unknown };\n  };\n}\n\nasync function compileGJS({ code: input, name }: Info) {\n  let preprocessed = preprocess(input, name);\n  let result = await transform(preprocessed, name, {\n    modules: false,\n  });\n\n  if (!result) {\n    return;\n  }\n\n  let { code } = result;\n\n  return code;\n}\n"],"names":["compileJS","code","extraModules","name","nameFor","component","error","compiled","compileGJS","Error","proxyToSkypack","evalSnippet","e","knownModules","Object","keys","modules","origin","location","result","replaceAll","_","__","modulePath","includes","encodedJs","encodeURIComponent","default","input","preprocessed","preprocess","transform"],"mappings":";;;;AAaO,eAAeA,SAASA,CAACC,IAAY,EAAEC,YAA2B,EAA0B;AACjG,EAAA,IAAIC,IAAI,GAAGC,OAAO,CAACH,IAAI,CAAC,CAAA;AACxB,EAAA,IAAII,SAAoC,CAAA;AACxC,EAAA,IAAIC,KAAwB,CAAA;EAE5B,IAAI;AACF,IAAA,IAAIC,QAAQ,GAAG,MAAMC,UAAU,CAAC;AAAEP,MAAAA,IAAI,EAAEA,IAAI;AAAEE,MAAAA,IAAAA;AAAK,KAAC,CAAC,CAAA;IAErD,IAAI,CAACI,QAAQ,EAAE;AACb,MAAA,MAAM,IAAIE,KAAK,CAAE,CAAA,0BAAA,CAA2B,CAAC,CAAA;AAC/C,KAAA;;AAEA;AACAF,IAAAA,QAAQ,GAAGG,cAAc,CAACH,QAAQ,EAAEL,YAAY,CAAC,CAAA;AACjDG,IAAAA,SAAS,GAAI,MAAMM,WAAW,CAACJ,QAAQ,CAA8B,CAAA;GACtE,CAAC,OAAOK,CAAC,EAAE;AACVN,IAAAA,KAAK,GAAGM,CAAsB,CAAA;AAChC,GAAA;EAEA,OAAO;IAAET,IAAI;IAAEE,SAAS;AAAEC,IAAAA,KAAAA;GAAO,CAAA;AACnC,CAAA;AAEO,SAASI,cAAcA,CAACT,IAAY,EAAEC,YAA2B,EAAE;EACxE,IAAIW,YAAY,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACb,YAAY,IAAI,EAAE,CAAC,EAAE,GAAGY,MAAM,CAACC,IAAI,CAACC,OAAO,CAAC,CAAC,CAAA;AAChF,EAAA,IAAIC,MAAM,GAAGC,QAAQ,CAACD,MAAM,CAAA;AAE5B,EAAA,IAAIE,MAAM,GAAGlB,IAAI,CAACmB,UAAU,CAAC,0BAA0B,EAAE,CAACC,CAAC,EAAEC,EAAE,EAAEC,UAAU,KAAK;AAC9E,IAAA,IAAIV,YAAY,CAACW,QAAQ,CAACD,UAAU,CAAC,EAAE;AACrC,MAAA,OAAQ,CAAQN,MAAAA,EAAAA,MAAO,CAAGM,CAAAA,EAAAA,UAAW,CAAE,CAAA,CAAA,CAAA;AACzC,KAAA;IAEA,OAAQ,CAAA,8BAAA,EAAgCA,UAAW,CAAE,CAAA,CAAA,CAAA;AACvD,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOJ,MAAM,CAAA;AACf,CAAA;AAEA,eAAeR,WAAWA,CAACV,IAAY,EAAE;AACvC,EAAA,IAAIwB,SAAS,GAAGC,kBAAkB,CAACzB,IAAI,CAAC,CAAA;EACxC,IAAIkB,MAAM,GAAG,MAAM,iCACU,CAAA,mCAAA,EAAqCM,SAAU,CAAA,CAC5E,CAAC,CAAA;AAED,EAAA,IAAI,CAACN,MAAM,CAACQ,OAAO,EAAE;IACnB,MAAM,IAAIlB,KAAK,CAAE,CAAkDK,gDAAAA,EAAAA,MAAM,CAACC,IAAI,CAACI,MAAM,CAAE,CAAA,CAAC,CAAC,CAAA;AAC3F,GAAA;AAEA,EAAA,OAAOA,MAAM,CAAA;AAIf,CAAA;AAEA,eAAeX,UAAUA,CAAC;AAAEP,EAAAA,IAAI,EAAE2B,KAAK;AAAEzB,EAAAA,IAAAA;AAAW,CAAC,EAAE;AACrD,EAAA,IAAI0B,YAAY,GAAGC,UAAU,CAACF,KAAK,EAAEzB,IAAI,CAAC,CAAA;EAC1C,IAAIgB,MAAM,GAAG,MAAMY,SAAS,CAACF,YAAY,EAAE1B,IAAI,EAAE;AAC/Ca,IAAAA,OAAO,EAAE,KAAA;AACX,GAAC,CAAC,CAAA;EAEF,IAAI,CAACG,MAAM,EAAE;AACX,IAAA,OAAA;AACF,GAAA;EAEA,IAAI;AAAElB,IAAAA,IAAAA;AAAK,GAAC,GAAGkB,MAAM,CAAA;AAErB,EAAA,OAAOlB,IAAI,CAAA;AACb;;;;"}

package/dist/browser/eti/babel-plugin.d.ts

@@ -0,0 +1,54 @@
+/**
+ * This Babel plugin takes parseable code emitted by the string-based
+ * preprocessor plugin in this package and converts it into calls to
+ * the standardized `precompileTemplate` macro from `@ember/template-compilation`.
+ *
+ * Its goal is to convert code like this:
+ *
+ * ```js
+ * import { hbs } from 'ember-template-imports';
+ *
+ * const A = hbs(`A`, {...});
+ * const B = [__GLIMMER_TEMPLATE(`B`, {...})];
+ * class C {
+ *   template = hbs(`C`, {...});
+ * }
+ *
+ * [__GLIMMER_TEMPLATE(`default`, {...})];
+ *
+ * class D {
+ *   [__GLIMMER_TEMPLATE(`D`, {...})]
+ * }
+ * ```
+ *
+ * Into this:
+ *
+ * ```js
+ * import { precompileTemplate } from '@ember/template-compilation';
+ * import { setComponentTemplate } from '@ember/component';
+ * import templateOnlyComponent from '@ember/component/template-only';
+ *
+ * const A = setComponentTemplate(
+ *   precompileTemplate(`A`, {...}),
+ *   templateOnlyComponent('this-module.js', 'A')
+ * );
+ * const B = setComponentTemplate(
+ *   precompileTemplate(`B`, {...}),
+ *   templateOnlyComponent('this-module.js', 'B')
+ * );
+ * class C {}
+ * setComponentTemplate(precompileTemplate(`C`, {...}), C);
+ *
+ * export default setComponentTemplate(
+ *   precompileTemplate(`default`, {...}),
+ *   templateOnlyComponent('this-module.js', '_thisModule')
+ * );
+ *
+ * class D {}
+ * setComponentTemplate(precompileTemplate(`D`, {...}), D);
+ * ```
+ */
+declare function babelPluginFunc(babel: any): {
+    visitor: any;
+};
+export { babelPluginFunc as default };

package/dist/browser/eti/babel-plugin.js

@@ -0,0 +1,95 @@
+import { ImportUtil } from 'babel-import-util';
+import { transformTemplateTag } from './template-tag-transform.js';
+import { isTemplateTag } from './util.js';
+
+/**
+ * This Babel plugin takes parseable code emitted by the string-based
+ * preprocessor plugin in this package and converts it into calls to
+ * the standardized `precompileTemplate` macro from `@ember/template-compilation`.
+ *
+ * Its goal is to convert code like this:
+ *
+ * ```js
+ * import { hbs } from 'ember-template-imports';
+ *
+ * const A = hbs(`A`, {...});
+ * const B = [__GLIMMER_TEMPLATE(`B`, {...})];
+ * class C {
+ *   template = hbs(`C`, {...});
+ * }
+ *
+ * [__GLIMMER_TEMPLATE(`default`, {...})];
+ *
+ * class D {
+ *   [__GLIMMER_TEMPLATE(`D`, {...})]
+ * }
+ * ```
+ *
+ * Into this:
+ *
+ * ```js
+ * import { precompileTemplate } from '@ember/template-compilation';
+ * import { setComponentTemplate } from '@ember/component';
+ * import templateOnlyComponent from '@ember/component/template-only';
+ *
+ * const A = setComponentTemplate(
+ *   precompileTemplate(`A`, {...}),
+ *   templateOnlyComponent('this-module.js', 'A')
+ * );
+ * const B = setComponentTemplate(
+ *   precompileTemplate(`B`, {...}),
+ *   templateOnlyComponent('this-module.js', 'B')
+ * );
+ * class C {}
+ * setComponentTemplate(precompileTemplate(`C`, {...}), C);
+ *
+ * export default setComponentTemplate(
+ *   precompileTemplate(`default`, {...}),
+ *   templateOnlyComponent('this-module.js', '_thisModule')
+ * );
+ *
+ * class D {}
+ * setComponentTemplate(precompileTemplate(`D`, {...}), D);
+ * ```
+ */
+function babelPluginIntermediateGJS (babel) {
+  let t = babel.types;
+  let visitor = {
+    Program: {
+      enter(path, state) {
+        state.importUtil = new ImportUtil(t, path);
+      }
+    },
+    // Process class bodies before things like class properties get transformed
+    // into imperative constructor code that we can't recognize. Taken directly
+    // from babel-plugin-htmlbars-inline-precompile https://git.io/JMi1G
+    Class(path, state) {
+      let bodyPath = path.get('body.body');
+      if (!Array.isArray(bodyPath)) return;
+      bodyPath.forEach(path => {
+        if (path.type !== 'ClassProperty') return;
+        let keyPath = path.get('key');
+        let valuePath = path.get('value');
+        if (Array.isArray(keyPath)) return;
+        if (keyPath && visitor[keyPath.type]) {
+          visitor[keyPath.type](keyPath, state);
+        }
+        if (Array.isArray(valuePath)) return;
+        if (valuePath && visitor[valuePath.type]) {
+          visitor[valuePath.type](valuePath, state);
+        }
+      });
+    },
+    CallExpression(path, state) {
+      if (isTemplateTag(path)) {
+        transformTemplateTag(t, path, state);
+      }
+    }
+  };
+  return {
+    visitor
+  };
+}
+
+export { babelPluginIntermediateGJS as default };
+//# sourceMappingURL=babel-plugin.js.map