@ludoloops/svelteforge 0.1.3 → 0.1.5

package/dist/index.js

@@ -172,18 +172,25 @@ function shouldSkipLayout(name) {
 	return LAYOUT_SKIP.some((s) => name.startsWith(s));
 }
 /**
+* Convert a kebab-case filename to PascalCase component name
+* e.g. "mobile-menu" → "MobileMenu", "nav-links" → "NavLinks"
+*/
+function toPascalCase(str) {
+	return str.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+/**
 * Generate a barrel index.ts that only exports files present in the filtered set
 */
-function generateBarrel(files, directory, stripExtension = true) {
+function generateBarrel(files, directory) {
 	const lines = [];
 	const sortedPaths = [...files.keys()].filter((p) => p.startsWith(directory)).sort();
 	for (const path of sortedPaths) {
 		const name = path.split("/").pop() || "";
 		if (name === "index.ts" || name.endsWith(".test.ts")) continue;
-		const baseName = stripExtension ? name.replace(/\.\w+$/, "") : name;
 		if (name.endsWith(".svelte")) {
-			const componentName = baseName;
-			lines.push(`export { default as ${componentName} } from './${name}';`);
+			const baseName = name.replace(/\.svelte$/, "");
+			const exportName = baseName.includes("-") ? toPascalCase(baseName) : baseName;
+			lines.push(`export { default as ${exportName} } from './${name}';`);
 		} else if (name.endsWith(".ts")) lines.push(`export * from './${name}';`);
 	}
 	return lines.join("\n") + "\n";
@@ -277,6 +284,12 @@ function applyLandingMode(sv, landingFiles, fullstackFiles, projectName) {
 	sv.file("src/lib/components/layout/index.ts", () => {
 		return generateBarrel(layoutFiles, "/lib/components/layout/");
 	});
+	sv.file("src/lib/components/index.ts", () => {
+		return `// Layout components\nexport * from './layout';\n\n// UI components\nexport * from './ui';\n`;
+	});
+	if (uiRichTextFiles.size > 0) sv.file("src/lib/components/ui/rich-text/index.ts", () => {
+		return generateBarrel(uiRichTextFiles, "/lib/components/ui/rich-text/");
+	});
 	for (const [path, content] of Object.entries(landingFiles)) {
 		const finalContent = content.replace(/__PROJECT_NAME__/g, projectName);
 		sv.file(`src${path}`, () => finalContent);
@@ -334,10 +347,12 @@ var src_default = defineAddon({
 		sv.dependency("zod", "latest");
 		sv.devDependency("@skeletonlabs/skeleton", "latest");
 		sv.devDependency("@skeletonlabs/skeleton-svelte", "latest");
+		sv.devDependency("@tailwindcss/vite", "^4.0.0");
+		sv.devDependency("tailwindcss", "^4.0.0");
 		if (template === "landing") applyLandingMode(sv, landingFiles, fullstackFiles, directory.src.split("/").slice(-2, -1)[0] || "My App");
 		else applyFullstackMode(sv, fullstackFiles);
 	},
-	nextSteps: ({ options }) => [`SvelteForge ${options.template} template applied!`, "Run `bun dev` to start developing."]
+	nextSteps: ({ options }) => [`SvelteForge ${options.template} template applied!`, "Run `npm run dev` (or `bun dev`) to start developing."]
 });
 //#endregion
 export { src_default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ludoloops/svelteforge",
-	"version": "0.1.3",
+	"version": "0.1.5",
 	"type": "module",
 	"description": "sv community addon — 34 theme-aware UI components, admin dashboard, and 3-layer theme system for SvelteKit",
 	"author": "Ludo (https://lelab.dev)",