repl-sdk 1.3.0 → 1.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "repl-sdk",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "type": "module",
   "exports": {
     ".": {
@@ -12,6 +12,11 @@
       "default": "./src/compilers/markdown/parse.js"
     }
   },
+  "repository": {
+    "type": "https",
+    "url": "https://github.com/NullVoxPopuli/limber.git",
+    "directory": "packages/repl-sdk"
+  },
   "ember-addon": {
     "version": 2,
     "type": "addon"
@@ -91,8 +96,8 @@
     "unist-util-visit": "^5.0.0",
     "vfile": "^6.0.3",
     "codemirror-lang-glimdown": "^2.0.3",
-    "codemirror-lang-glimmer": "^2.0.3",
-    "codemirror-lang-glimmer-js": "^2.0.3"
+    "codemirror-lang-glimmer-js": "^2.0.3",
+    "codemirror-lang-glimmer": "^2.0.3"
   },
   "volta": {
     "extends": "../../package.json"

package/src/compilers/markdown/build-compiler.js

@@ -44,8 +44,8 @@ export function buildCompiler(options) {
   // @ts-ignore - unified processor types are complex and change as plugins are added
   compiler = compiler.use(() => (tree) => {
     visit(tree, 'html', function (node) {
-      // Check if this html node is a PascalCase component
-      if (typeof node.value === 'string' && node.value.match(/^<[A-Z][a-zA-Z0-9]/)) {
+      // Check if this html node is a PascalCase component (opening or closing tag)
+      if (typeof node.value === 'string' && node.value.match(/^<\/?[A-Z][a-zA-Z0-9]/)) {
         // Add a marker to the node's data that remarkRehype will preserve
         // remark-rehype with allowDangerousHtml will turn this into a text node,
         // and the data should be preserved
@@ -63,7 +63,7 @@ export function buildCompiler(options) {
           if (
             child.type === 'html' &&
             typeof child.value === 'string' &&
-            child.value.match(/^<[A-Z][a-zA-Z0-9]/)
+            child.value.match(/^<\/?[A-Z][a-zA-Z0-9]/)
           ) {
             if (!child.data) child.data = {};
             child.data.isPascalCaseComponent = true;
@@ -154,7 +154,7 @@ export function buildCompiler(options) {
         // Pattern: <PascalCaseName followed by whitespace, > or @
         if (
           (nodeObj.type === 'text' || nodeObj.type === 'raw' || nodeObj.type === 'html') &&
-          nodeObj.value.match(/<[A-Z][a-zA-Z0-9]*(\s|>|@)/)
+          nodeObj.value.match(/<\/?[A-Z][a-zA-Z0-9]*(\s|>|@)/)
         ) {
           nodeObj.type = 'glimmer_raw';
 

package/src/compilers/markdown/parse.js

@@ -14,13 +14,15 @@
 
 import { buildCompiler } from './build-compiler.js';
 
+export { buildCompiler } from './build-compiler.js';
+
 /**
  * @param {string} input
  * @param {import('./types').InternalOptions} options
  * @returns {Promise<ParseResult>}
  */
 export async function parseMarkdown(input, options) {
-  const markdownCompiler = buildCompiler(options);
+  const markdownCompiler = options?.compiler ?? buildCompiler(options);
   const processed = await markdownCompiler.process(input);
   const liveCode = /** @type {CodeBlock[]} */ (processed.data.liveCode || []);
   // @ts-ignore - processed is typed as unknown due to unified processor complexity

package/src/compilers/markdown/parse.test.ts

@@ -104,6 +104,33 @@ describe('default features', () => {
       `);
   });
 
+  it('allows components to wrap markdown content', async () => {
+    const result = await parseMarkdown(
+      [
+        `# Title`,
+        '',
+        'Text',
+        '',
+        '<Callout>',
+        '',
+        'Info [text](https://url.url)',
+        '',
+        '</Callout>',
+        '',
+      ].join('\n'),
+      { ...defaults }
+    );
+
+    expect(result.codeBlocks).toMatchInlineSnapshot(`[]`);
+    expect(result.text).toMatchInlineSnapshot(`
+      "<h1 id="title">Title</h1>
+      <p>Text</p>
+      <Callout>
+      <p>Info <a href="https://url.url">text</a></p>
+      </Callout>"
+    `);
+  });
+
   describe('does not', () => {
     it(`mistakenly transform text in codefences (previewed text is transformed though)`, async () => {
       const result = await parseMarkdown(

package/src/compilers/markdown/types.ts

@@ -16,6 +16,7 @@ export interface PublicOptions {
   };
   remarkPlugins?: unknown[];
   rehypePlugins?: unknown[];
+  compiler?: { process: (text: string) => Promise<{ data: { liveCode: Array<string> } }> };
 }
 
 export type InternalOptions = PublicOptions & LiveCodeExtractionOptions;