juo 0.0.2-pre.1 → 0.2.0

package/README.md

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

package/dist/{analytics-CyANz2YH.js → analytics-CgHTVQWO.js}

@@ -1,11 +1,11 @@
 import debug from "debug";
 
 //#region src/utils/config.ts
-const MIXPANEL_TOKEN = "";
-const MIXPANEL_API_URL = "https://api.mixpanel.com";
-const CUSTOMERIO_BETA_FORM_URL = "";
-const CUSTOMERIO_SITE_ID = "";
-const CUSTOMERIO_API_KEY = "";
+const MIXPANEL_TOKEN = "919dd811a5e2137983cc8fc304b8584b";
+const MIXPANEL_API_URL = "https://api-eu.mixpanel.com";
+const CUSTOMERIO_BETA_FORM_URL = "https://track-cio.juo.io/api/v1/forms/3c02106b-9746-4ebe-a116-553e47494eb4/submit";
+const CUSTOMERIO_SITE_ID = "60da89062ce61084fc27";
+const CUSTOMERIO_API_KEY = "1d54688e66cddda9ea72";
 
 //#endregion
 //#region src/utils/analytics.ts

package/dist/commands/create.d.ts

@@ -1,13 +1,13 @@
 import { Command } from "@oclif/core";
-import * as _oclif_core_interfaces5 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_interfaces5.BooleanFlag<boolean>;
-    storybook: _oclif_core_interfaces5.BooleanFlag<boolean>;
-    verbose: _oclif_core_interfaces5.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-C0le5FdK.js";
-import { t as PackageGenerator } from "../packageGenerator-8E_-V5CL.js";
-import { t as Generate } from "../generate-Be3Ctuvv.js";
+import { r as BaseTemplateGenerator } from "../juoTemplateGenerator-Ug40Yo7e.js";
+import { t as PackageGenerator } from "../packageGenerator-Dno-ecHh.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";
@@ -20,7 +20,7 @@ var ConfigFilesGenerator = class extends BaseTemplateGenerator {
 //#region src/utils/storybookGenerator.ts
 const COMMAND_CONFIG = {
 	npm: "npx",
-	pnpm: "pnpx",
+	pnpm: "pnpm dlx",
 	yarn: "yarn dlx"
 };
 var StorybookGenerator = class extends BaseTemplateGenerator {
@@ -274,7 +274,6 @@ var Create = class Create extends Command {
 			process.chdir(originalCwd);
 		}
 		outro(`Run \`cd ${packageName}\` to start developing your project.`);
-		process.exit(0);
 	}
 	async getProjectConfig(quickstart, storybookFlag) {
 		if (quickstart) return {
@@ -293,7 +292,7 @@ var Create = class Create extends Command {
 				if (!/^[a-z0-9-]+$/.test(value)) return `Invalid package name`;
 			}
 		});
-		if (isCancel(packageName)) process.exit(0);
+		if (isCancel(packageName)) this.exit(0);
 		const packageManager = await select({
 			initialValue: "npm",
 			message: "What package manager to use?",
@@ -312,7 +311,7 @@ var Create = class Create extends Command {
 				}
 			]
 		});
-		if (isCancel(packageManager)) process.exit(0);
+		if (isCancel(packageManager)) this.exit(0);
 		const framework = await select({
 			initialValue: "react",
 			message: "What framework to use?",
@@ -324,7 +323,7 @@ var Create = class Create extends Command {
 				value: "preact"
 			}]
 		});
-		if (isCancel(framework)) process.exit();
+		if (isCancel(framework)) this.exit(0);
 		const tailwind = await select({
 			initialValue: true,
 			message: "Do you want to use Tailwind CSS?",
@@ -336,14 +335,14 @@ var Create = class Create extends Command {
 				value: false
 			}]
 		});
-		if (isCancel(tailwind)) process.exit(0);
+		if (isCancel(tailwind)) this.exit(0);
 		let storybook;
 		if (storybookFlag === void 0) {
 			const storybookAnswer = await confirm({
 				initialValue: false,
 				message: "Do you want Storybook?"
 			});
-			if (isCancel(storybookAnswer)) process.exit(0);
+			if (isCancel(storybookAnswer)) this.exit(0);
 			storybook = storybookAnswer;
 		} else storybook = storybookFlag;
 		return {

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-C0le5FdK.js";
-import { t as Generate } from "../generate-Be3Ctuvv.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_interfaces8 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_interfaces8.OptionFlag<string, _oclif_core_interfaces8.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-Be3Ctuvv.js → generate-D9WUAwYz.js}

@@ -1,4 +1,4 @@
-import { t as JuoTemplateGenerator } from "./juoTemplateGenerator-C0le5FdK.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/hooks/postrun.js

@@ -1,9 +1,12 @@
-import { a as CUSTOMERIO_BETA_FORM_URL, i as CUSTOMERIO_API_KEY, n as trackCommandCompleted, o as CUSTOMERIO_SITE_ID, t as trackBetaSignup } from "../analytics-CyANz2YH.js";
+import { a as CUSTOMERIO_BETA_FORM_URL, i as CUSTOMERIO_API_KEY, n as trackCommandCompleted, o as CUSTOMERIO_SITE_ID, t as trackBetaSignup } from "../analytics-CgHTVQWO.js";
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import path from "node:path";
 import { confirm, isCancel, text } from "@clack/prompts";
 import debug from "debug";
 
 //#region src/utils/betaSignup.ts
 const log$1 = debug("juo:betaSignup");
+let promptedThisSession = false;
 async function sendToCustomerIO(email) {
 	if (!CUSTOMERIO_BETA_FORM_URL || !CUSTOMERIO_SITE_ID || !CUSTOMERIO_API_KEY) return;
 	try {
@@ -25,12 +28,36 @@ async function sendToCustomerIO(email) {
 		log$1("Error sending beta signup to CustomerIO: %O", error);
 	}
 }
-async function promptBetaSignup(commandContext) {
+function getBetaSignupStatePath(configDir) {
+	return path.join(configDir, "beta-signup.json");
+}
+function hasUserRespondedToBetaSignup(configDir) {
+	try {
+		const statePath = getBetaSignupStatePath(configDir);
+		if (!existsSync(statePath)) return false;
+		return JSON.parse(readFileSync(statePath, "utf8")).responded === true;
+	} catch {
+		return false;
+	}
+}
+function markUserRespondedToBetaSignup(configDir) {
+	try {
+		if (!existsSync(configDir)) mkdirSync(configDir, { recursive: true });
+		writeFileSync(getBetaSignupStatePath(configDir), JSON.stringify({ responded: true }), "utf8");
+	} catch (error) {
+		log$1("Failed to persist beta signup state: %O", error);
+	}
+}
+async function promptBetaSignup(commandContext, configDir) {
+	if (promptedThisSession) return;
+	if (hasUserRespondedToBetaSignup(configDir)) return;
+	promptedThisSession = true;
 	try {
 		const shouldSignup = await confirm({
 			initialValue: true,
 			message: "Would you like to request access to the private beta?"
 		});
+		markUserRespondedToBetaSignup(configDir);
 		if (isCancel(shouldSignup) || !shouldSignup) return;
 		const email = await text({
 			message: "Enter your email address:",
@@ -54,7 +81,8 @@ async function promptBetaSignup(commandContext) {
 //#region src/hooks/postrun.ts
 const hook = async function(options) {
 	if (options.Command) trackCommandCompleted(options.Command.id || options.Command.name || "unknown", true);
-	if (options.Command && process.stdout.isTTY) await promptBetaSignup(options.Command.id || options.Command.name || "unknown");
+	const isInteractive = process.stdin.isTTY && process.stdout.isTTY && !process.env.CI && !process.env.NO_INTERACTIVE;
+	if (options.Command && isInteractive) await promptBetaSignup(options.Command.id || options.Command.name || "unknown", options.config.configDir);
 };
 var postrun_default = hook;
 

package/dist/hooks/prerun.js

@@ -1,4 +1,4 @@
-import { r as trackCommandStarted } from "../analytics-CyANz2YH.js";
+import { r as trackCommandStarted } from "../analytics-CgHTVQWO.js";
 
 //#region src/hooks/prerun.ts
 const hook = async function(options) {

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

@@ -57,7 +57,7 @@ var StoryGenerator = class extends BaseTemplateGenerator {
 	}
 	async generateBlockTemplate(destDir, options) {
 		const scope = { block: {
-			clsName: slugify(options.name, { lower: true }).split("-").map((item) => `${item[0].toUpperCase()}${item.slice(1)}`).join(""),
+			clsName: slugify(options.name, { lower: true }).split("-").filter(Boolean).map((item) => `${item[0].toUpperCase()}${item.slice(1)}`).join(""),
 			framework: options.framework,
 			name: options.name,
 			slug: slugify(options.name, { lower: true })
@@ -69,7 +69,7 @@ var StoryGenerator = class extends BaseTemplateGenerator {
 	}
 	async generateThemeTemplate(destDir, options) {
 		const themeScope = { theme: {
-			clsName: slugify(options.name, { lower: true }).split("-").map((item) => `${item[0].toUpperCase()}${item.slice(1)}`).join(""),
+			clsName: slugify(options.name, { lower: true }).split("-").filter(Boolean).map((item) => `${item[0].toUpperCase()}${item.slice(1)}`).join(""),
 			framework: options.framework,
 			name: options.name,
 			slug: slugify(options.name, { lower: true })
@@ -94,7 +94,7 @@ var JuoTemplateGenerator = class extends BaseTemplateGenerator {
 	}
 	async generateBlockTemplate(destDir, options) {
 		const scope = { block: {
-			clsName: slugify(options.name, { lower: true }).split("-").map((item) => `${item[0].toUpperCase()}${item.slice(1)}`).join(""),
+			clsName: slugify(options.name, { lower: true }).split("-").filter(Boolean).map((item) => `${item[0].toUpperCase()}${item.slice(1)}`).join(""),
 			framework: options.framework,
 			name: options.name,
 			slug: slugify(options.name, { lower: true }),
@@ -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-C0le5FdK.js";
-import { t as PackageGenerator } from "../packageGenerator-8E_-V5CL.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/dist/{packageGenerator-8E_-V5CL.js → packageGenerator-Dno-ecHh.js}

@@ -63,7 +63,7 @@ var PackageGenerator = class {
 			},
 			engines: {
 				node: ">=20.0.0",
-				pnpm: ">=7.0.0"
+				...options.packageManager === "pnpm" ? { pnpm: ">=7.0.0" } : {}
 			},
 			name: options.name,
 			packageManager: `${options.packageManager}@${pmVersion}`,

package/oclif.manifest.json

@@ -137,5 +137,5 @@
       ]
     }
   },
-  "version": "0.0.2-pre.1"
+  "version": "0.2.0"
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "juo",
   "description": "A CLI tool for the Juo platform",
-  "version": "0.0.2-pre.1",
+  "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"],
     },
   },
 });