lapikit 0.3.2 → 0.3.3

package/dist/entry-bundler.d.ts

@@ -1,2 +1,9 @@
-declare function lili(): void;
-export { lili };
+declare function lapikitPreprocess(): {
+    markup({ content }: {
+        content: string;
+        filename?: string;
+    }): {
+        code: string;
+    } | undefined;
+};
+export { lapikitPreprocess };

package/dist/entry-bundler.js

@@ -1,4 +1,64 @@
-function lili() {
-    console.log('Lapikit preprocess running...');
+import { components } from './labs/components/index.js';
+function componentName(shortName) {
+    return 'Kit' + shortName.charAt(0).toUpperCase() + shortName.slice(1);
 }
-export { lili };
+function lapikitPreprocess() {
+    return {
+        markup({ content }) {
+            const hasComponent = components.some((comp) => content.includes(`<lpk:${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 regex = new RegExp(`<lpk:${shortName}([\\s\\S]*?)>([\\s\\S]*?)<\\/lpk:${shortName}\\s*>`, 'g');
+                    const newContent = processedContent.replace(regex, (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/labs/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/labs/components';\n</script>` +
+                                processedContent.slice(moduleScriptEnd);
+                    }
+                    else {
+                        processedContent =
+                            `<script>\n\timport { ${imports} } from 'lapikit/labs/components';\n</script>\n\n` +
+                                processedContent;
+                    }
+                }
+            }
+            return {
+                code: processedContent
+            };
+        }
+    };
+}
+export { lapikitPreprocess };

package/dist/labs/components/button/button.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	let { children, ...rest } = $props();
+</script>
+
+<button {...rest}>
+	{@render children()}
+</button>
+
+<style>
+	button {
+		padding: 0.5em 1em;
+		border: none;
+		border-radius: 4px;
+		background-color: #007bff;
+		color: white;
+		cursor: pointer;
+		font-size: 1em;
+		transition: background-color 0.3s ease;
+	}
+
+	button:hover {
+		background-color: #0056b3;
+	}
+</style>

package/dist/labs/components/button/button.svelte.d.ts

@@ -0,0 +1,5 @@
+declare const Button: import("svelte").Component<{
+    children: any;
+} & Record<string, any>, {}, "">;
+type Button = ReturnType<typeof Button>;
+export default Button;

package/dist/labs/components/index.d.ts

@@ -0,0 +1,2 @@
+export declare const components: readonly string[];
+export { default as KitBtn } from './button/button.svelte';

package/dist/labs/components/index.js

@@ -0,0 +1,3 @@
+export const components = ['btn'];
+// components
+export { default as KitBtn } from './button/button.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lapikit",
-	"version": "0.3.2",
+	"version": "0.3.3",
 	"license": "MIT",
 	"publishConfig": {
 		"access": "public"
@@ -78,6 +78,10 @@
 		},
 		"./labs/preprocess": {
 			"default": "./dist/entry-bundler.js"
+		},
+		"./labs/components": {
+			"svelte": "./dist/labs/components/index.js",
+			"default": "./dist/labs/components/index.js"
 		}
 	},
 	"peerDependencies": {
@@ -89,7 +93,7 @@
 		"@sveltejs/adapter-auto": "^4.0.0",
 		"@sveltejs/kit": "^2.16.0",
 		"@sveltejs/package": "^2.0.0",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"@sveltejs/vite-plugin-svelte": "^6.2.1",
 		"@testing-library/jest-dom": "^6.6.3",
 		"@testing-library/svelte": "^5.2.4",
 		"eslint": "^9.18.0",
@@ -104,7 +108,7 @@
 		"svelte-check": "^4.0.0",
 		"typescript": "^5.0.0",
 		"typescript-eslint": "^8.20.0",
-		"vite": "^6.2.5",
+		"vite": "^7.2.2",
 		"vitest": "^3.0.0"
 	},
 	"keywords": [