juo 0.1.0 → 0.2.0

package/README.md

@@ -20,7 +20,7 @@ $ npm install -g juo
 $ juo COMMAND
 running command...
 $ juo (--version)
-juo/0.1.0 linux-x64 node-v22.21.0
+juo/0.2.0 linux-x64 node-v22.21.0
 $ juo --help [COMMAND]
 USAGE
   $ juo COMMAND

package/dist/commands/create.d.ts

@@ -1,13 +1,13 @@
 import { Command } from "@oclif/core";
-import * as _oclif_core_interfaces7 from "@oclif/core/interfaces";
+import * as _oclif_core_interfaces1 from "@oclif/core/interfaces";
 
 //#region src/commands/create.d.ts
 declare class Create extends Command {
   static description: string;
   static flags: {
-    quickstart: _oclif_core_interfaces7.BooleanFlag<boolean>;
-    storybook: _oclif_core_interfaces7.BooleanFlag<boolean>;
-    verbose: _oclif_core_interfaces7.BooleanFlag<boolean>;
+    quickstart: _oclif_core_interfaces1.BooleanFlag<boolean>;
+    storybook: _oclif_core_interfaces1.BooleanFlag<boolean>;
+    verbose: _oclif_core_interfaces1.BooleanFlag<boolean>;
   };
   run(): Promise<void>;
   private getProjectConfig;

package/dist/commands/create.js

@@ -1,6 +1,6 @@
-import { r as BaseTemplateGenerator } from "../juoTemplateGenerator-MZ8llr7w.js";
+import { r as BaseTemplateGenerator } from "../juoTemplateGenerator-Ug40Yo7e.js";
 import { t as PackageGenerator } from "../packageGenerator-Dno-ecHh.js";
-import { t as Generate } from "../generate-vpUPJZRH.js";
+import { t as Generate } from "../generate-D9WUAwYz.js";
 import { Command, Flags } from "@oclif/core";
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
 import path from "node:path";

package/dist/commands/generate.d.ts

@@ -1,15 +1,15 @@
 import { Command } from "@oclif/core";
-import * as _oclif_core_interfaces0 from "@oclif/core/interfaces";
+import * as _oclif_core_interfaces4 from "@oclif/core/interfaces";
 
 //#region src/commands/generate.d.ts
 declare class Generate extends Command {
   static description: string;
   static examples: string[];
   static flags: {
-    name: _oclif_core_interfaces0.OptionFlag<string | undefined, _oclif_core_interfaces0.CustomOptions>;
-    tailwind: _oclif_core_interfaces0.BooleanFlag<boolean>;
-    type: _oclif_core_interfaces0.OptionFlag<string, _oclif_core_interfaces0.CustomOptions>;
-    verbose: _oclif_core_interfaces0.BooleanFlag<boolean>;
+    name: _oclif_core_interfaces4.OptionFlag<string | undefined, _oclif_core_interfaces4.CustomOptions>;
+    tailwind: _oclif_core_interfaces4.BooleanFlag<boolean>;
+    type: _oclif_core_interfaces4.OptionFlag<string, _oclif_core_interfaces4.CustomOptions>;
+    verbose: _oclif_core_interfaces4.BooleanFlag<boolean>;
   };
   static id: string;
   run(): Promise<void>;

package/dist/commands/generate.js

@@ -1,4 +1,4 @@
-import "../juoTemplateGenerator-MZ8llr7w.js";
-import { t as Generate } from "../generate-vpUPJZRH.js";
+import "../juoTemplateGenerator-Ug40Yo7e.js";
+import { t as Generate } from "../generate-D9WUAwYz.js";
 
 export { Generate as default };

package/dist/commands/publish/index.d.ts

@@ -1,10 +1,11 @@
 import { Command, Interfaces } from "@oclif/core";
-import * as _oclif_core_interfaces5 from "@oclif/core/interfaces";
+import * as _oclif_core_interfaces0 from "@oclif/core/interfaces";
 
 //#region src/base-command.d.ts
 interface BaseConfig {
   JUO_API_KEY: string;
   JUO_API_URL: string;
+  JUO_TENANT_ID?: string;
 }
 type Flags$1<T extends typeof Command> = Interfaces.InferredFlags<(typeof BaseCommand)['baseFlags'] & T['flags']>;
 type Args<T extends typeof Command> = Interfaces.InferredArgs<T['args']>;
@@ -18,6 +19,7 @@ declare abstract class BaseCommand<T extends typeof Command> extends Command {
   protected get configFilePath(): string;
   protected configExists(): boolean;
   protected ensureConfig(reconfigure?: boolean): Promise<BaseConfig>;
+  protected ensureTenantId(): Promise<string>;
   init(): Promise<void>;
   protected loadConfig(): Partial<BaseConfig>;
   protected saveConfig(config: Partial<BaseConfig>): void;
@@ -30,7 +32,7 @@ declare class Publish extends BaseCommand<typeof Publish> {
   static description: string;
   static examples: string[];
   static flags: {
-    theme: _oclif_core_interfaces5.OptionFlag<string, _oclif_core_interfaces5.CustomOptions>;
+    theme: _oclif_core_interfaces0.OptionFlag<string, _oclif_core_interfaces0.CustomOptions>;
   };
   getAllFiles(dirPath: string, basePath: string): string[];
   run(): Promise<void>;

package/dist/commands/publish/index.js

@@ -66,6 +66,25 @@ var BaseCommand = class extends Command {
 		if (this.validateConfig(config)) return config;
 		throw new Error("Failed to create valid configuration");
 	}
+	async ensureTenantId() {
+		let config = {};
+		if (this.configExists()) try {
+			config = this.loadConfig();
+			if (config.JUO_TENANT_ID?.trim()) return config.JUO_TENANT_ID.trim();
+		} catch {}
+		const tenantId = (await inquirer.prompt([{
+			message: "Enter your tenant ID (shop identifier):",
+			name: "JUO_TENANT_ID",
+			type: "input",
+			validate(input) {
+				if (!input.trim()) return "Tenant ID is required";
+				return true;
+			}
+		}])).JUO_TENANT_ID.trim().replace(/\.myshopify\.com$/, "");
+		config.JUO_TENANT_ID = tenantId;
+		this.saveConfig(config);
+		return tenantId;
+	}
 	async init() {
 		await super.init();
 		const { args, flags } = await this.parse({

package/dist/{generate-vpUPJZRH.js → generate-D9WUAwYz.js}

@@ -1,4 +1,4 @@
-import { t as JuoTemplateGenerator } from "./juoTemplateGenerator-MZ8llr7w.js";
+import { t as JuoTemplateGenerator } from "./juoTemplateGenerator-Ug40Yo7e.js";
 import { Command, Flags } from "@oclif/core";
 import { existsSync } from "node:fs";
 import path from "node:path";

package/dist/{juoTemplateGenerator-MZ8llr7w.js → juoTemplateGenerator-Ug40Yo7e.js}

@@ -104,6 +104,7 @@ var JuoTemplateGenerator = class extends BaseTemplateGenerator {
 		options.logger?.("Adding block to theme");
 		try {
 			appendFileSync(path.join(destDir, "index.ts"), `export { ${scope.block.clsName}Block } from "./${scope.block.slug}";\n`);
+			this.regenerateRegisterFile(destDir);
 		} catch (error) {
 			options.logger?.("Error adding block to theme: " + error);
 			throw error;
@@ -124,6 +125,36 @@ var JuoTemplateGenerator = class extends BaseTemplateGenerator {
 			}
 		} else options.logger?.(`Story generation skipped (options.story = ${options.story})`);
 	}
+	/**
+	* Reads the current index.ts to extract all exported block names,
+	* then regenerates register.ts with a registerBlocks() function that
+	* registers each block via registerBlock() from @juo/blocks.
+	*/
+	regenerateRegisterFile(blocksDir) {
+		const indexPath = path.join(blocksDir, "index.ts");
+		if (!existsSync(indexPath)) return;
+		const indexContent = readFileSync(indexPath, "utf8");
+		const exportRegex = /export\s*\{\s*(\w+)\s*\}\s*from\s*["']\.\/([^"']+)["']/g;
+		const exports = [];
+		let match;
+		while ((match = exportRegex.exec(indexContent)) !== null) exports.push({
+			name: match[1],
+			slug: match[2]
+		});
+		if (exports.length === 0) return;
+		const registerContent = [
+			`import { registerBlock } from "@juo/blocks";`,
+			exports.map(({ name, slug }) => `import { ${name} } from "./${slug}";`).join("\n"),
+			"",
+			`export function registerBlocks() {`,
+			exports.map(({ name }) => `  registerBlock(${name});`).join("\n"),
+			`}`,
+			"",
+			`export * from "./index";`,
+			""
+		].join("\n");
+		writeFileSync(path.join(blocksDir, "register.ts"), registerContent, "utf8");
+	}
 };
 
 //#endregion

package/dist/lib/index.d.ts

@@ -33,6 +33,12 @@ declare class JuoTemplateGenerator extends BaseTemplateGenerator {
   appendStylesheet(destDir: string): void;
   generate(destDir: string, options: JuoBlockTemplateGeneratorOptions): Promise<void>;
   private generateBlockTemplate;
+  /**
+   * Reads the current index.ts to extract all exported block names,
+   * then regenerates register.ts with a registerBlocks() function that
+   * registers each block via registerBlock() from @juo/blocks.
+   */
+  private regenerateRegisterFile;
 }
 //#endregion
 //#region src/utils/packageGenerator.d.ts

package/dist/lib/index.js

@@ -1,4 +1,4 @@
-import { n as StoryGenerator, r as BaseTemplateGenerator, t as JuoTemplateGenerator } from "../juoTemplateGenerator-MZ8llr7w.js";
+import { n as StoryGenerator, r as BaseTemplateGenerator, t as JuoTemplateGenerator } from "../juoTemplateGenerator-Ug40Yo7e.js";
 import { t as PackageGenerator } from "../packageGenerator-Dno-ecHh.js";
 
 export { BaseTemplateGenerator, JuoTemplateGenerator, PackageGenerator, StoryGenerator };

package/oclif.manifest.json

@@ -137,5 +137,5 @@
       ]
     }
   },
-  "version": "0.1.0"
+  "version": "0.2.0"
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "juo",
   "description": "A CLI tool for the Juo platform",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "author": "Juo (https://juo.io)",
   "bin": {
     "juo": "./bin/run.js"
@@ -74,6 +74,9 @@
     },
     "topicSeparator": " ",
     "topics": {
+      "blocks": {
+        "description": "Commands for blocks development"
+      },
       "publish": {
         "description": "Publish theme files"
       }

package/templates/configFiles/vite.config.ts.liquid

@@ -0,0 +1,33 @@
+import { defineConfig } from "vite";
+import svgr from "vite-plugin-svgr";
+{% if framework == "react" %}
+import react from "@vitejs/plugin-react";
+{% elsif framework == "preact" %}
+import preact from "@preact/preset-vite";
+{% endif %}
+
+export default defineConfig({
+  define: {
+    "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV),
+  },
+  plugins: [{% if framework == "react" %}react(), {% endif %}{% if framework == "preact" %}preact(), {% endif %}
+    svgr({
+      svgrOptions: {
+        icon: true,
+      },
+    }),
+  ],
+  preview: {
+    cors: true,
+  },
+  build: {
+    lib: {
+      entry: "src/blocks/register.ts",
+      formats: ["es"],
+      fileName: "index",
+    },
+    rollupOptions: {
+      external: ["@juo/blocks"],
+    },
+  },
+});

package/templates/tailwind/vite.config.ts.liquid

@@ -8,6 +8,9 @@ import preact from "@preact/preset-vite";
 {% endif %}
 
 export default defineConfig({
+  define: {
+    "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV),
+  },
   plugins: [tailwindcss(){% if framework == "react" %}, react(){% endif %}{% if framework == "preact" %}, preact(){% endif %},
     svgr({
       svgrOptions: {
@@ -15,19 +18,17 @@ export default defineConfig({
       },
     }),
   ],
+  preview: {
+    cors: true,
+  },
   build: {
     lib: {
-      entry: "src/blocks/index.ts",
+      entry: "src/blocks/register.ts",
       formats: ["es"],
       fileName: "index",
     },
     rollupOptions: {
-      external: [
-        "@juo/blocks",
-        "react",
-        "react-dom",
-        "preact",
-      ],
+      external: ["@juo/blocks"],
     },
   },
 });