@lapikit/repl 0.0.0-insiders.e221561 → 0.0.0-insiders.e242cea

package/dist/Repl.svelte

@@ -61,6 +61,10 @@
 	let activeFile = $derived(files[activeFileIndex]);
 	let hasMultipleFiles = $derived(files.length > 1);
 
+	$effect(() => {
+		console.log('Props rest', rest);
+	});
+
 	let iconMap = {
 		code: CodeIcon,
 		javascript: JavaScriptIcon,

package/dist/components.d.ts

@@ -0,0 +1 @@
+export { default as KitCode } from './Repl.svelte';

package/dist/components.js

@@ -0,0 +1,2 @@
+// components
+export { default as KitCode } from './Repl.svelte';

package/dist/index.d.ts

@@ -1 +1,9 @@
-export { default as KitCode } from './Repl.svelte';
+declare function replPreprocess(): {
+    markup({ content }: {
+        content: string;
+        filename?: string;
+    }): {
+        code: string;
+    } | undefined;
+};
+export { replPreprocess };

package/dist/index.js

@@ -1,2 +1,71 @@
-// components
-export { default as KitCode } from './Repl.svelte';
+const components = ['code'];
+function componentName(shortName) {
+    return 'Kit' + shortName.charAt(0).toUpperCase() + shortName.slice(1);
+}
+function replPreprocess() {
+    return {
+        markup({ content }) {
+            const hasComponent = components.some((comp) => content.includes(`<repl:${comp}`));
+            if (!hasComponent)
+                return;
+            let processedContent = content;
+            const importedComponents = new Set();
+            let hasChanges = true;
+            while (hasChanges) {
+                hasChanges = false;
+                for (const shortName of components) {
+                    const componentNameStr = componentName(shortName);
+                    const attrPattern = `(?:[^>"']|"[^"]*"|'[^']*')*?`;
+                    const selfClosingRegex = new RegExp(`<repl:${shortName}(${attrPattern})\\s*/>`, 'g');
+                    const pairRegex = new RegExp(`<repl:${shortName}(${attrPattern})>([\\s\\S]*?)<\\/repl:${shortName}\\s*>`, 'g');
+                    let newContent = processedContent.replace(selfClosingRegex, (fullMatch, attrs) => {
+                        hasChanges = true;
+                        importedComponents.add(componentNameStr);
+                        return `<${componentNameStr}${attrs} />`;
+                    });
+                    newContent = newContent.replace(pairRegex, (fullMatch, attrs, children) => {
+                        hasChanges = true;
+                        importedComponents.add(componentNameStr);
+                        return `<${componentNameStr}${attrs}>${children}</${componentNameStr}>`;
+                    });
+                    if (newContent !== processedContent) {
+                        processedContent = newContent;
+                    }
+                }
+            }
+            if (processedContent === content)
+                return;
+            if (importedComponents.size > 0) {
+                const imports = Array.from(importedComponents).join(', ');
+                const scriptRegex = /<script(?![^>]*\bmodule\b)([^>]*)>/;
+                const scriptMatch = processedContent.match(scriptRegex);
+                if (scriptMatch && scriptMatch.index !== undefined) {
+                    const insertPos = scriptMatch.index + scriptMatch[0].length;
+                    processedContent =
+                        processedContent.slice(0, insertPos) +
+                            `\n\timport { ${imports} } from '@lapikit/repl/components';` +
+                            processedContent.slice(insertPos);
+                }
+                else {
+                    const moduleScriptMatch = processedContent.match(/<script[^>]*\bmodule\b[^>]*>/);
+                    if (moduleScriptMatch && moduleScriptMatch.index !== undefined) {
+                        const moduleScriptEnd = processedContent.indexOf('</script>', moduleScriptMatch.index) + '</script>'.length;
+                        processedContent =
+                            processedContent.slice(0, moduleScriptEnd) +
+                                `\n\n<script>\n\timport { ${imports} } from '@lapikit/repl/components';\n</script>` +
+                                processedContent.slice(moduleScriptEnd);
+                    }
+                    else {
+                        processedContent =
+                            `<script>\n\timport { ${imports} } from '@lapikit/repl/components';\n</script>\n\n` +
+                                processedContent;
+                    }
+                }
+            }
+            return {
+                code: processedContent
+            };
+        }
+    };
+}
+export { replPreprocess };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lapikit/repl",
-  "version": "0.0.0-insiders.e221561",
+  "version": "0.0.0-insiders.e242cea",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -39,8 +39,11 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
+      "default": "./dist/index.js"
+    },
+    "./components": {
+      "types": "./dist/components.d.ts",
+      "svelte": "./dist/components.js"
     }
   },
   "peerDependencies": {