juo 0.1.0 → 0.2.1

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.1 linux-x64 node-v22.21.0
 $ juo --help [COMMAND]
 USAGE
   $ juo COMMAND
@@ -31,11 +31,37 @@ USAGE
 # Commands
 
 <!-- commands -->
+* [`juo blocks dev`](#juo-blocks-dev)
 * [`juo create`](#juo-create)
 * [`juo generate`](#juo-generate)
 * [`juo help [COMMAND]`](#juo-help-command)
 * [`juo publish`](#juo-publish)
 
+## `juo blocks dev`
+
+Start local block dev server for use with the Juo editor
+
+```
+USAGE
+  $ juo blocks dev [--reconfigure] [-p <value>]
+
+FLAGS
+  -p, --port=<value>  [default: 5174] Port for the local block dev server
+
+GLOBAL FLAGS
+  --reconfigure  Reconfigure settings
+
+DESCRIPTION
+  Start local block dev server for use with the Juo editor
+
+EXAMPLES
+  $ juo blocks dev
+  Start dev server on default port (5174).
+
+  $ juo blocks dev --port 3000
+  Start dev server on port 3000.
+```
+
 ## `juo create`
 
 Generate a new Juo project

package/dist/base-command-BQVnm_gK.d.ts

@@ -0,0 +1,28 @@
+import { Command, Interfaces } from "@oclif/core";
+
+//#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']>;
+declare abstract class BaseCommand<T extends typeof Command> extends Command {
+  static baseFlags: {
+    reconfigure: Interfaces.BooleanFlag<boolean>;
+  };
+  protected args: Args<T>;
+  protected flags: Flags$1<T>;
+  protected get configFileName(): string;
+  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;
+  protected validateConfig(config: Partial<BaseConfig>): config is BaseConfig;
+}
+//#endregion
+export { BaseCommand as t };

package/dist/base-command-CqPEFZ4E.js

@@ -0,0 +1,115 @@
+import { Command, Flags } from "@oclif/core";
+import fs from "node:fs";
+import path from "node:path";
+import inquirer from "inquirer";
+
+//#region src/base-command.ts
+var BaseCommand = class extends Command {
+	static baseFlags = { reconfigure: Flags.boolean({
+		default: false,
+		description: "Reconfigure settings",
+		helpGroup: "GLOBAL"
+	}) };
+	args;
+	flags;
+	get configFileName() {
+		return "config.json";
+	}
+	get configFilePath() {
+		return path.join(this.config.configDir, this.configFileName);
+	}
+	configExists() {
+		return fs.existsSync(this.configFilePath);
+	}
+	async ensureConfig(reconfigure = false) {
+		let config = {};
+		if (this.configExists()) try {
+			config = this.loadConfig();
+			if (this.validateConfig(config) && !reconfigure) {
+				this.log(`Found configuration at ${this.configFilePath}`);
+				return config;
+			}
+		} catch {
+			this.log(`Warning: Could not parse existing config at ${this.configFilePath}`);
+		}
+		if (reconfigure && this.validateConfig(config)) this.log("Reconfiguring settings...");
+		else this.log("Configuration incomplete. Setting up...");
+		const questions = [];
+		if (!config.JUO_API_URL || reconfigure) questions.push({
+			default: "https://api.juo.io",
+			message: "Enter the Juo API URL:",
+			name: "JUO_API_URL",
+			type: "input",
+			validate(input) {
+				if (!input.trim()) return "Juo API URL is required";
+				return true;
+			}
+		});
+		if (!config.JUO_API_KEY || reconfigure) questions.push({
+			message: "Enter your Juo API key:",
+			name: "JUO_API_KEY",
+			type: "password",
+			validate(input) {
+				if (!input.trim()) return "Juo API key is required";
+				return true;
+			}
+		});
+		if (questions.length === 0) return config;
+		const response = await inquirer.prompt(questions);
+		if (response.JUO_API_URL) config.JUO_API_URL = response.JUO_API_URL.trim();
+		if (response.JUO_API_KEY) config.JUO_API_KEY = response.JUO_API_KEY.trim();
+		this.saveConfig(config);
+		this.log(`Saved configuration to ${this.configFilePath}`);
+		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({
+			args: this.ctor.args,
+			baseFlags: super.ctor.baseFlags,
+			flags: this.ctor.flags,
+			strict: this.ctor.strict
+		});
+		this.flags = flags;
+		this.args = args;
+	}
+	loadConfig() {
+		if (!this.configExists()) throw new Error(`Configuration file not found at ${this.configFilePath}`);
+		try {
+			const configContent = fs.readFileSync(this.configFilePath, "utf8");
+			return JSON.parse(configContent);
+		} catch (error) {
+			throw new Error(`Failed to parse configuration file at ${this.configFilePath}: ${error}`);
+		}
+	}
+	saveConfig(config) {
+		fs.mkdirSync(this.config.configDir, { recursive: true });
+		fs.writeFileSync(this.configFilePath, JSON.stringify(config, null, 2), { encoding: "utf8" });
+	}
+	validateConfig(config) {
+		return Boolean(config.JUO_API_KEY && config.JUO_API_KEY.trim().length > 0 && config.JUO_API_URL && config.JUO_API_URL.trim().length > 0);
+	}
+};
+
+//#endregion
+export { BaseCommand as t };

package/dist/commands/blocks/dev.d.ts

@@ -0,0 +1,16 @@
+import { t as BaseCommand } from "../../base-command-BQVnm_gK.js";
+import * as _oclif_core_interfaces10 from "@oclif/core/interfaces";
+
+//#region src/commands/blocks/dev.d.ts
+declare class Dev extends BaseCommand<typeof Dev> {
+  static description: string;
+  static examples: string[];
+  static flags: {
+    port: _oclif_core_interfaces10.OptionFlag<number, _oclif_core_interfaces10.CustomOptions>;
+  };
+  run(): Promise<void>;
+  private resolvePackageJsonPath;
+  private waitForFile;
+}
+//#endregion
+export { Dev as default };

package/dist/commands/blocks/dev.js

@@ -0,0 +1,91 @@
+import { t as BaseCommand } from "../../base-command-CqPEFZ4E.js";
+import { Flags } from "@oclif/core";
+import { existsSync } from "node:fs";
+import path from "node:path";
+import { spawn } from "node:child_process";
+
+//#region src/commands/blocks/dev.ts
+var Dev = class Dev extends BaseCommand {
+	static description = "Start local block dev server for use with the Juo editor";
+	static examples = [`<%= config.bin %> <%= command.id %>
+Start dev server on default port (5174).
+`, `<%= config.bin %> <%= command.id %> --port 3000
+Start dev server on port 3000.
+`];
+	static flags = { port: Flags.integer({
+		char: "p",
+		default: 5174,
+		description: "Port for the local block dev server"
+	}) };
+	async run() {
+		const { flags } = await this.parse(Dev);
+		const { port } = flags;
+		const rootDir = this.resolvePackageJsonPath();
+		const tenantId = await this.ensureTenantId();
+		const devBlocksUrl = `http://localhost:${port}/index.js`;
+		const editorUrl = `https://admin.juo.io/store/${encodeURIComponent(tenantId)}/editor?dev-blocks-url=${encodeURIComponent(devBlocksUrl)}`;
+		this.log(`\nStarting Juo Blocks dev server...`);
+		this.log(`\n  Open the editor to preview your blocks:`);
+		this.log(`  ${editorUrl}`);
+		this.log(`\n  Dev server running on http://localhost:${port}\n`);
+		const viteBuild = spawn("npx", [
+			"vite",
+			"build",
+			"--watch"
+		], {
+			cwd: rootDir,
+			shell: true,
+			stdio: "inherit"
+		});
+		viteBuild.on("error", (err) => {
+			this.error(`Failed to start vite build: ${err.message}`);
+		});
+		const distFile = path.join(rootDir, "dist", "index.js");
+		await this.waitForFile(distFile);
+		const vitePreview = spawn("npx", [
+			"vite",
+			"preview",
+			"--port",
+			String(port)
+		], {
+			cwd: rootDir,
+			shell: true,
+			stdio: "inherit"
+		});
+		vitePreview.on("error", (err) => {
+			this.error(`Failed to start vite preview: ${err.message}`);
+		});
+		this.log(`\nDev server ready. Press Ctrl+C to stop.\n`);
+		const cleanup = () => {
+			viteBuild.kill();
+			vitePreview.kill();
+			process.exit(0);
+		};
+		process.on("SIGINT", cleanup);
+		process.on("SIGTERM", cleanup);
+		await new Promise(() => {});
+	}
+	resolvePackageJsonPath() {
+		let currentPath = path.resolve("./");
+		while (!existsSync(path.join(currentPath, "package.json"))) {
+			const parentDir = path.dirname(currentPath);
+			if (parentDir === currentPath) throw new Error("Could not find 'package.json' in the project");
+			currentPath = parentDir;
+		}
+		return currentPath;
+	}
+	async waitForFile(filePath, timeout = 3e4) {
+		const interval = 200;
+		let waited = 0;
+		while (!existsSync(filePath) && waited < timeout) {
+			await new Promise((resolve) => {
+				setTimeout(resolve, interval);
+			});
+			waited += interval;
+		}
+		if (!existsSync(filePath)) this.error(`Timed out waiting for ${filePath}`);
+	}
+};
+
+//#endregion
+export { Dev as default };

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_interfaces5 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_interfaces5.BooleanFlag<boolean>;
+    storybook: _oclif_core_interfaces5.BooleanFlag<boolean>;
+    verbose: _oclif_core_interfaces5.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 { t as PackageGenerator } from "../packageGenerator-Dno-ecHh.js";
-import { t as Generate } from "../generate-vpUPJZRH.js";
+import { r as BaseTemplateGenerator } from "../juoTemplateGenerator-Bsxy3cfd.js";
+import { t as PackageGenerator } from "../packageGenerator-BiEzLxCa.js";
+import { t as Generate } from "../generate-CUst3S4-.js";
 import { Command, Flags } from "@oclif/core";
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
 import path from "node:path";

package/dist/commands/generate.js

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

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

@@ -1,36 +1,13 @@
-import { Command, Interfaces } from "@oclif/core";
-import * as _oclif_core_interfaces5 from "@oclif/core/interfaces";
+import { t as BaseCommand } from "../../base-command-BQVnm_gK.js";
+import * as _oclif_core_interfaces8 from "@oclif/core/interfaces";
 
-//#region src/base-command.d.ts
-interface BaseConfig {
-  JUO_API_KEY: string;
-  JUO_API_URL: 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']>;
-declare abstract class BaseCommand<T extends typeof Command> extends Command {
-  static baseFlags: {
-    reconfigure: Interfaces.BooleanFlag<boolean>;
-  };
-  protected args: Args<T>;
-  protected flags: Flags$1<T>;
-  protected get configFileName(): string;
-  protected get configFilePath(): string;
-  protected configExists(): boolean;
-  protected ensureConfig(reconfigure?: boolean): Promise<BaseConfig>;
-  init(): Promise<void>;
-  protected loadConfig(): Partial<BaseConfig>;
-  protected saveConfig(config: Partial<BaseConfig>): void;
-  protected validateConfig(config: Partial<BaseConfig>): config is BaseConfig;
-}
-//#endregion
 //#region src/commands/publish/index.d.ts
 declare class Publish extends BaseCommand<typeof Publish> {
   static args: {};
   static description: string;
   static examples: string[];
   static flags: {
-    theme: _oclif_core_interfaces5.OptionFlag<string, _oclif_core_interfaces5.CustomOptions>;
+    theme: _oclif_core_interfaces8.OptionFlag<string, _oclif_core_interfaces8.CustomOptions>;
   };
   getAllFiles(dirPath: string, basePath: string): string[];
   run(): Promise<void>;

package/dist/commands/publish/index.js

@@ -1,101 +1,11 @@
-import { Command, Flags } from "@oclif/core";
+import { t as BaseCommand } from "../../base-command-CqPEFZ4E.js";
+import { Flags } from "@oclif/core";
 import fs from "node:fs";
 import path from "node:path";
 import { PutObjectCommand, S3Client } from "@aws-sdk/client-s3";
 import mime from "mime";
 import asyncPool from "tiny-async-pool";
-import inquirer from "inquirer";
 
-//#region src/base-command.ts
-var BaseCommand = class extends Command {
-	static baseFlags = { reconfigure: Flags.boolean({
-		default: false,
-		description: "Reconfigure settings",
-		helpGroup: "GLOBAL"
-	}) };
-	args;
-	flags;
-	get configFileName() {
-		return "config.json";
-	}
-	get configFilePath() {
-		return path.join(this.config.configDir, this.configFileName);
-	}
-	configExists() {
-		return fs.existsSync(this.configFilePath);
-	}
-	async ensureConfig(reconfigure = false) {
-		let config = {};
-		if (this.configExists()) try {
-			config = this.loadConfig();
-			if (this.validateConfig(config) && !reconfigure) {
-				this.log(`Found configuration at ${this.configFilePath}`);
-				return config;
-			}
-		} catch {
-			this.log(`Warning: Could not parse existing config at ${this.configFilePath}`);
-		}
-		if (reconfigure && this.validateConfig(config)) this.log("Reconfiguring settings...");
-		else this.log("Configuration incomplete. Setting up...");
-		const questions = [];
-		if (!config.JUO_API_URL || reconfigure) questions.push({
-			default: "https://api.juo.io",
-			message: "Enter the Juo API URL:",
-			name: "JUO_API_URL",
-			type: "input",
-			validate(input) {
-				if (!input.trim()) return "Juo API URL is required";
-				return true;
-			}
-		});
-		if (!config.JUO_API_KEY || reconfigure) questions.push({
-			message: "Enter your Juo API key:",
-			name: "JUO_API_KEY",
-			type: "password",
-			validate(input) {
-				if (!input.trim()) return "Juo API key is required";
-				return true;
-			}
-		});
-		if (questions.length === 0) return config;
-		const response = await inquirer.prompt(questions);
-		if (response.JUO_API_URL) config.JUO_API_URL = response.JUO_API_URL.trim();
-		if (response.JUO_API_KEY) config.JUO_API_KEY = response.JUO_API_KEY.trim();
-		this.saveConfig(config);
-		this.log(`Saved configuration to ${this.configFilePath}`);
-		if (this.validateConfig(config)) return config;
-		throw new Error("Failed to create valid configuration");
-	}
-	async init() {
-		await super.init();
-		const { args, flags } = await this.parse({
-			args: this.ctor.args,
-			baseFlags: super.ctor.baseFlags,
-			flags: this.ctor.flags,
-			strict: this.ctor.strict
-		});
-		this.flags = flags;
-		this.args = args;
-	}
-	loadConfig() {
-		if (!this.configExists()) throw new Error(`Configuration file not found at ${this.configFilePath}`);
-		try {
-			const configContent = fs.readFileSync(this.configFilePath, "utf8");
-			return JSON.parse(configContent);
-		} catch (error) {
-			throw new Error(`Failed to parse configuration file at ${this.configFilePath}: ${error}`);
-		}
-	}
-	saveConfig(config) {
-		fs.mkdirSync(this.config.configDir, { recursive: true });
-		fs.writeFileSync(this.configFilePath, JSON.stringify(config, null, 2), { encoding: "utf8" });
-	}
-	validateConfig(config) {
-		return Boolean(config.JUO_API_KEY && config.JUO_API_KEY.trim().length > 0 && config.JUO_API_URL && config.JUO_API_URL.trim().length > 0);
-	}
-};
-
-//#endregion
 //#region src/commands/publish/index.ts
 var Publish = class extends BaseCommand {
 	static args = {};

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

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

package/dist/hooks/postrun.js

@@ -1,4 +1,4 @@
-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 { a as CUSTOMERIO_BETA_FORM_URL, i as CUSTOMERIO_API_KEY, n as trackCommandCompleted, o as CUSTOMERIO_SITE_ID, t as trackBetaSignup } from "../analytics-BMClHCkY.js";
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
 import path from "node:path";
 import { confirm, isCancel, text } from "@clack/prompts";

package/dist/hooks/prerun.js

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

package/dist/{juoTemplateGenerator-MZ8llr7w.js → juoTemplateGenerator-Bsxy3cfd.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 { t as PackageGenerator } from "../packageGenerator-Dno-ecHh.js";
+import { n as StoryGenerator, r as BaseTemplateGenerator, t as JuoTemplateGenerator } from "../juoTemplateGenerator-Bsxy3cfd.js";
+import { t as PackageGenerator } from "../packageGenerator-BiEzLxCa.js";
 
 export { BaseTemplateGenerator, JuoTemplateGenerator, PackageGenerator, StoryGenerator };

package/oclif.manifest.json

@@ -93,6 +93,48 @@
         "generate.js"
       ]
     },
+    "blocks:dev": {
+      "aliases": [],
+      "args": {},
+      "description": "Start local block dev server for use with the Juo editor",
+      "examples": [
+        "<%= config.bin %> <%= command.id %>\nStart dev server on default port (5174).\n",
+        "<%= config.bin %> <%= command.id %> --port 3000\nStart dev server on port 3000.\n"
+      ],
+      "flags": {
+        "reconfigure": {
+          "description": "Reconfigure settings",
+          "helpGroup": "GLOBAL",
+          "name": "reconfigure",
+          "allowNo": false,
+          "type": "boolean"
+        },
+        "port": {
+          "char": "p",
+          "description": "Port for the local block dev server",
+          "name": "port",
+          "default": 5174,
+          "hasDynamicHelp": false,
+          "multiple": false,
+          "type": "option"
+        }
+      },
+      "hasDynamicHelp": false,
+      "hiddenAliases": [],
+      "id": "blocks:dev",
+      "pluginAlias": "juo",
+      "pluginName": "juo",
+      "pluginType": "core",
+      "strict": true,
+      "enableJsonFlag": false,
+      "isESM": true,
+      "relativePath": [
+        "dist",
+        "commands",
+        "blocks",
+        "dev.js"
+      ]
+    },
     "publish": {
       "aliases": [],
       "args": {},
@@ -137,5 +179,5 @@
       ]
     }
   },
-  "version": "0.1.0"
+  "version": "0.2.1"
 }

package/package.json

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