@sealcode/sealgen 0.16.1-beta → 0.16.1-beta3

package/lib/CSSBuilder.js

@@ -1,5 +1,5 @@
 import { build } from "esbuild";
-import { resolve, relative, basename } from "node:path";
+import { resolve, relative, basename, dirname } from "node:path";
 import glob from "tiny-glob";
 import { promises as fs } from "fs";
 import { walkDir } from "./utils/walk.js";
@@ -46,16 +46,21 @@ class CSSClump {
     );
   }
   getEntrypointPath() {
-    return resolve(this.project_dir, `src/${this.name}.entrypoint.css`);
+    return resolve(
+      this.project_dir,
+      `src/style-entrypoints/${this.name}.entrypoint.css`
+    );
   }
   async makeEntrypoint() {
+    const entrypoint_path = this.getEntrypointPath();
+    await fs.mkdir(dirname(entrypoint_path), { recursive: true });
     await fs.writeFile(
-      this.getEntrypointPath(),
+      entrypoint_path,
       [
         `/* DO NOT EDIT! Automatically generated by sealgen */`,
         ...this.files.sort().map(
           (fullpath) => `@import "${relative(
-            resolve(this.project_dir, `src`),
+            dirname(entrypoint_path),
             fullpath
           )}";`
         )
@@ -67,7 +72,17 @@ class CSSClump {
     segments.shift();
     segments.pop();
     if (!segments.length) {
-      return ["default"];
+      if (file_path.includes("/jdd-components/")) {
+        const component_name = file_path.match(
+          /jdd-components\/([^/]+)\//
+        )?.[1];
+        if (!component_name) {
+          return [];
+        }
+        return ["jdd-components", "jdd-component__" + component_name];
+      } else {
+        return ["default"];
+      }
     }
     if (segments.length == 1 && segments[0] == "entrypoint") {
       return [];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sealcode/sealgen",
-	"version": "0.16.1-beta",
+	"version": "0.16.1-beta3",
 	"description": "Module to automate adding routes and collections to a sealious application",
 	"main": "lib/index.js",
 	"type": "module",

package/src/CSSBuilder.ts

@@ -1,10 +1,9 @@
 import { build } from "esbuild";
-import { resolve, relative, basename } from "node:path";
+import { resolve, relative, basename, dirname } from "node:path";
 import glob from "tiny-glob";
 import { promises as fs } from "fs";
 import { walkDir } from "./utils/walk.js";
 import { Builder } from "./builder.js";
-import { sleep } from "./utils/sleep.js";
 
 export class CSSClump {
 	public files: string[] = [];
@@ -51,12 +50,17 @@ export class CSSClump {
 	}
 
 	getEntrypointPath(): string {
-		return resolve(this.project_dir, `src/${this.name}.entrypoint.css`);
+		return resolve(
+			this.project_dir,
+			`src/style-entrypoints/${this.name}.entrypoint.css`
+		);
 	}
 
 	async makeEntrypoint() {
+		const entrypoint_path = this.getEntrypointPath();
+		await fs.mkdir(dirname(entrypoint_path), { recursive: true });
 		await fs.writeFile(
-			this.getEntrypointPath(),
+			entrypoint_path,
 			[
 				`/* DO NOT EDIT! Automatically generated by sealgen */`,
 				...this.files
@@ -64,7 +68,7 @@ export class CSSClump {
 					.map(
 						(fullpath) =>
 							`@import "${relative(
-								resolve(this.project_dir, `src`),
+								dirname(entrypoint_path),
 								fullpath
 							)}";`
 					),
@@ -77,8 +81,18 @@ export class CSSClump {
 		segments.shift(); // filename
 		segments.pop(); // extension
 		if (!segments.length) {
-			// no segments, default clump
-			return ["default"];
+			if (file_path.includes("/jdd-components/")) {
+				const component_name = file_path.match(
+					/jdd-components\/([^/]+)\//
+				)?.[1];
+				if (!component_name) {
+					return [];
+				}
+				return ["jdd-components", "jdd-component__" + component_name];
+			} else {
+				// no segments, default clump
+				return ["default"];
+			}
 		}
 		if (segments.length == 1 && segments[0] == "entrypoint") {
 			return [];