juo 0.3.0-alpha.2 → 0.3.0-alpha.4

package/README.md

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

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

@@ -1,12 +1,12 @@
 import { t as BaseCommand } from "../../base-command-BQVnm_gK.js";
-import * as _oclif_core_interfaces0 from "@oclif/core/interfaces";
+import * as _oclif_core_interfaces4 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_interfaces0.OptionFlag<number, _oclif_core_interfaces0.CustomOptions>;
+    port: _oclif_core_interfaces4.OptionFlag<number, _oclif_core_interfaces4.CustomOptions>;
   };
   run(): Promise<void>;
   private resolvePackageJsonPath;

package/dist/commands/create.d.ts

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

package/dist/commands/create.js

@@ -1,5 +1,5 @@
 import { r as BaseTemplateGenerator } from "../juoTemplateGenerator-RkinYN2l.js";
-import { t as PackageGenerator } from "../packageGenerator-BToocy-h.js";
+import { t as PackageGenerator } from "../packageGenerator-CE68rONC.js";
 import { t as Generate } from "../generate-BiHo2p9_.js";
 import { Command, Flags } from "@oclif/core";
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
@@ -21,9 +21,9 @@ var ConfigFilesGenerator = class extends BaseTemplateGenerator {
 var DevHarnessGenerator = class extends BaseTemplateGenerator {
 	generate(destDir, options) {
 		this.renderTemplate("dev", destDir, {
-			devtoolsVersion: "0.1.0-alpha.2",
-			editorVersion: "0.25.0-alpha.3",
-			extensionsVersion: "1.12.0-alpha.2",
+			devtoolsVersion: "0.1.0-alpha.3",
+			editorVersion: "0.25.0-alpha.4",
+			extensionsVersion: "1.12.0-alpha.3",
 			tailwind: options.tailwind
 		});
 	}

package/dist/commands/generate.d.ts

@@ -1,15 +1,15 @@
 import { Command } from "@oclif/core";
-import * as _oclif_core_interfaces4 from "@oclif/core/interfaces";
+import * as _oclif_core_interfaces6 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_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>;
+    name: _oclif_core_interfaces6.OptionFlag<string | undefined, _oclif_core_interfaces6.CustomOptions>;
+    tailwind: _oclif_core_interfaces6.BooleanFlag<boolean>;
+    type: _oclif_core_interfaces6.OptionFlag<string, _oclif_core_interfaces6.CustomOptions>;
+    verbose: _oclif_core_interfaces6.BooleanFlag<boolean>;
   };
   static id: string;
   run(): Promise<void>;

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

@@ -1,5 +1,5 @@
 import { t as BaseCommand } from "../../base-command-BQVnm_gK.js";
-import * as _oclif_core_interfaces10 from "@oclif/core/interfaces";
+import * as _oclif_core_interfaces2 from "@oclif/core/interfaces";
 
 //#region src/commands/publish/index.d.ts
 declare class Publish extends BaseCommand<typeof Publish> {
@@ -7,7 +7,7 @@ declare class Publish extends BaseCommand<typeof Publish> {
   static description: string;
   static examples: string[];
   static flags: {
-    theme: _oclif_core_interfaces10.OptionFlag<string, _oclif_core_interfaces10.CustomOptions>;
+    theme: _oclif_core_interfaces2.OptionFlag<string, _oclif_core_interfaces2.CustomOptions>;
   };
   getAllFiles(dirPath: string, basePath: string): string[];
   run(): Promise<void>;

package/dist/lib/index.js

@@ -1,4 +1,4 @@
 import { n as StoryGenerator, r as BaseTemplateGenerator, t as JuoTemplateGenerator } from "../juoTemplateGenerator-RkinYN2l.js";
-import { t as PackageGenerator } from "../packageGenerator-BToocy-h.js";
+import { t as PackageGenerator } from "../packageGenerator-CE68rONC.js";
 
 export { BaseTemplateGenerator, JuoTemplateGenerator, PackageGenerator, StoryGenerator };

package/dist/{packageGenerator-BToocy-h.js → packageGenerator-CE68rONC.js}

@@ -80,8 +80,8 @@ var PackageGenerator = class {
 		});
 		const frameworkConfig = FRAMEWORK_CONFIGS[options.framework];
 		baseConfig.dependencies = {
-			"@juo/blocks": "^1.12.0-alpha.2",
-			"@juo/customer-ui": "^0.5.0-alpha.5",
+			"@juo/blocks": "^1.12.0-alpha.3",
+			"@juo/customer-ui": "^0.5.0-alpha.6",
 			...baseConfig.dependencies,
 			...frameworkConfig.dependencies
 		};

package/oclif.manifest.json

@@ -179,5 +179,5 @@
       ]
     }
   },
-  "version": "0.3.0-alpha.2"
+  "version": "0.3.0-alpha.4"
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "juo",
   "description": "A CLI tool for the Juo platform",
-  "version": "0.3.0-alpha.2",
+  "version": "0.3.0-alpha.4",
   "author": "Juo (https://juo.io)",
   "bin": {
     "juo": "./bin/run.js"

package/templates/css/styles.css

@@ -16,7 +16,7 @@
   align-items: center;
   justify-content: space-between;
   gap: var(--space-32);
-  padding: var(--space-36);
+  padding: var(--space-32);
 }
 
 .starter-block__info {
@@ -34,8 +34,8 @@
 }
 
 .starter-block__icon {
-  width: var(--space-36);
-  height: var(--space-36);
+  width: var(--space-32);
+  height: var(--space-32);
 }
 
 .starter-block__text {

package/templates/dev/vite/mock-services.ts.liquid

@@ -52,10 +52,14 @@ import { createWorkflowOverlay } from "./workflowOverlay";
  * dev preview's context root, and mount the workflow overlay.
  */
 export function provideMockServices(root: HTMLElement, themeState: ThemeState) {
+  // One product adapter instance, shared with the subscription mock so that
+  // items added to a subscription resolve a real title/price from the same
+  // product catalog the picker reads from.
+  const productAdapter = createMockProductAdapter();
   provideContext(
     root,
     ProductServiceContext,
-    createProductService(createMockProductAdapter())
+    createProductService(productAdapter)
   );
 
   const customerService = createCustomerService({
@@ -75,15 +79,19 @@ export function provideMockServices(root: HTMLElement, themeState: ThemeState) {
     createOrdersService(createMockOrdersAdapter())
   );
 
-  const subscriptionService = createSubscriptionService(
-    createMockSubscriptionAdapter()
-  );
+  // One subscription adapter instance, shared with the schedules mock so that
+  // item add/remove/update mutations are reflected in the projected schedule.
+  const subscriptionAdapter = createMockSubscriptionAdapter({ productAdapter });
+  const subscriptionService = createSubscriptionService(subscriptionAdapter);
   provideContext(root, SubscriptionServiceContext, subscriptionService);
 
-  const schedulesService = createSchedulesService(createMockSchedulesAdapter(), {
-    // Share the billing-attempt signal so schedule-aware blocks stay in sync.
-    hasPendingBilling: subscriptionService.hasPendingBilling,
-  });
+  const schedulesService = createSchedulesService(
+    createMockSchedulesAdapter(subscriptionAdapter),
+    {
+      // Share the billing-attempt signal so schedule-aware blocks stay in sync.
+      hasPendingBilling: subscriptionService.hasPendingBilling,
+    }
+  );
   provideContext(root, SchedulesServiceContext, schedulesService);
 
   provideContext(root, RouterServiceContext, createMockRouterService());
@@ -137,4 +145,15 @@ export function provideMockServices(root: HTMLElement, themeState: ThemeState) {
       void schedulesService.reloadCurrent(id);
     });
   });
+
+  // Re-project the schedule after any item add/remove/update. The focused
+  // subscription id is unchanged by an item mutation, so the id-based watcher
+  // above does not fire — `itemsChangedAt` bumps on every successful change.
+  effect(() => {
+    subscriptionService.itemsChangedAt.value; // subscribe
+    untracked(() => {
+      const id = subscriptionService.current.value?.id ?? null;
+      if (id) void schedulesService.reloadCurrent(id);
+    });
+  });
 }

package/templates/dev/vite/theme-shell.ts.liquid

@@ -2,7 +2,6 @@
 // source tree contains only their blocks. Vite serves this file directly (see
 // the <script> + import map injected in index.html); it never enters the built
 // blocks bundle (whose entry is `src/blocks/register.ts`).
-import "@juo/blocks/web-components/editor";
 {% if tailwind %}import "../src/tailwind.css";
 {% else %}import "../src/styles.css";
 {% endif %}
@@ -138,6 +137,12 @@ function setupViewMode(root: HTMLElement) {
 async function initializeTheme() {
   const root = document.querySelector("juo-context-root") as HTMLElement;
 
+  if (isEditorPreview()) {
+    await import("@juo/blocks/web-components/editor");
+  } else {
+    await import("@juo/blocks/web-components/runtime");
+  }
+
   registerBlocks();
 
   if (isEditorPreview()) {

package/templates/tailwind/tailwind.config.cjs.liquid

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-require-imports */
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  presets: [{ theme: { extend: require("@juo/customer-ui/tailwind-v3").theme } }],
+  presets: [require("@juo/customer-ui/tailwind-v3")],
   content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx,vue}"],
   theme: {
     extend: {