@stackonward/cli 1.3.3 → 1.5.0

package/dist/resources/templates/nuxt/app/pages/ui/index.vue

@@ -72,31 +72,31 @@ useSeo({
     <div class="system-lab__header">
       <p class="system-lab__eyebrow">Design system</p>
       <h1>Reusable components tuned for premium paid conversion.</h1>
-      <BaseText as="p" tone="muted" size="lg">
+      <UiText as="p" tone="muted" size="lg">
         Buttons, inputs, identity, analytics, video, infinite lists, checkout, and text constraints
         share the same mobile-first visual language.
-      </BaseText>
+      </UiText>
     </div>
 
     <div class="system-lab__grid">
-      <BaseGradientBorder radius="10px" class="system-lab__panel system-lab__panel--featured">
+      <UiGradientBorder radius="10px" class="system-lab__panel system-lab__panel--featured">
         <div class="system-lab__panel-inner">
           <div>
-            <BaseText as="h2" size="xl" weight="bold">Actions</BaseText>
-            <BaseText as="p" tone="muted">
+            <UiText as="h2" size="xl" weight="bold">Actions</UiText>
+            <UiText as="p" tone="muted">
               Primary actions are reserved for creation, checkout, and committed conversion steps.
-            </BaseText>
+            </UiText>
           </div>
           <div class="system-lab__actions">
-            <BaseButton label="Generate set" leading-icon="i-lucide-wand-sparkles" />
-            <BaseButton label="Compare outputs" color="neutral" variant="outline" />
-            <BaseButton label="Review brief" variant="soft" trailing-icon="i-lucide-arrow-right" />
+            <UiButton label="Generate set" leading-icon="i-lucide-wand-sparkles" />
+            <UiButton label="Compare outputs" color="neutral" variant="outline" />
+            <UiButton label="Review brief" variant="soft" trailing-icon="i-lucide-arrow-right" />
           </div>
         </div>
-      </BaseGradientBorder>
+      </UiGradientBorder>
 
       <section class="system-lab__panel">
-        <BaseText as="h2" size="xl" weight="bold">Inputs</BaseText>
+        <UiText as="h2" size="xl" weight="bold">Inputs</UiText>
         <div class="system-lab__form">
           <UInput icon="i-lucide-search" placeholder="Search campaign assets" />
           <USelect v-model="selectedPlan" :items="planOptions" />
@@ -105,38 +105,38 @@ useSeo({
       </section>
 
       <section class="system-lab__panel">
-        <BaseText as="h2" size="xl" weight="bold">Modal shell</BaseText>
-        <BaseText as="p" tone="muted">
+        <UiText as="h2" size="xl" weight="bold">Modal shell</UiText>
+        <UiText as="p" tone="muted">
           The modal frame owns title, body, footer, close behavior, and scroll boundaries.
-        </BaseText>
-        <BaseButton
+        </UiText>
+        <UiButton
           label="Open modal"
           color="secondary"
           variant="solid"
           leading-icon="i-lucide-panel-top-open"
           @click="modalOpen = true"
         />
-        <BaseModal
+        <UiModal
           v-model="modalOpen"
           title="Approve campaign set"
           description="Use slots for business-specific body and footer content."
         >
           <template #content>
-            <BaseText as="p" tone="muted">
+            <UiText as="p" tone="muted">
               Campaign output is ready for review. The consuming product owns approval rules and
               provider fulfillment.
-            </BaseText>
+            </UiText>
           </template>
           <template #footer="{ close }">
-            <BaseButton label="Close" color="neutral" variant="outline" @click="close" />
-            <BaseButton label="Approve" @click="close" />
+            <UiButton label="Close" color="neutral" variant="outline" @click="close" />
+            <UiButton label="Approve" @click="close" />
           </template>
-        </BaseModal>
+        </UiModal>
       </section>
 
       <section class="system-lab__panel">
-        <BaseText as="h2" size="xl" weight="bold">Popover actions</BaseText>
-        <BasePopover
+        <UiText as="h2" size="xl" weight="bold">Popover actions</UiText>
+        <UiPopover
           title="Quick actions"
           description="Popover content and action rows share one base style."
           :actions="[
@@ -145,24 +145,24 @@ useSeo({
           ]"
         >
           <template #reference>
-            <BaseButton
+            <UiButton
               label="Open actions"
               variant="outline"
               trailing-icon="i-lucide-chevron-down"
             />
           </template>
-        </BasePopover>
+        </UiPopover>
       </section>
 
       <section class="system-lab__panel">
-        <BaseText as="h2" size="xl" weight="bold">Identity and analytics</BaseText>
-        <BaseText as="p" tone="muted">
+        <UiText as="h2" size="xl" weight="bold">Identity and analytics</UiText>
+        <UiText as="p" tone="muted">
           Google Identity and GA/GTM are config-driven, consent-aware, and replaceable at the
           application boundary.
-        </BaseText>
+        </UiText>
         <div class="system-lab__actions system-lab__actions--stacked">
           <GoogleSignInButton />
-          <BaseButton
+          <UiButton
             label="Track preview event"
             color="neutral"
             variant="outline"
@@ -173,13 +173,13 @@ useSeo({
       </section>
 
       <section class="system-lab__panel">
-        <BaseText as="h2" size="xl" weight="bold">Video embed</BaseText>
+        <UiText as="h2" size="xl" weight="bold">Video embed</UiText>
         <YoutubeEmbed source="dQw4w9WgXcQ" title="Reusable YouTube embed" />
       </section>
 
       <section class="system-lab__panel">
-        <BaseText as="h2" size="xl" weight="bold">Infinite list</BaseText>
-        <InfiniteScroll
+        <UiText as="h2" size="xl" weight="bold">Infinite list</UiText>
+        <UiInfiniteScroll
           :loading="infiniteLoading"
           :has-more="hasMoreInfiniteItems"
           root-margin="180px 0px"
@@ -187,20 +187,20 @@ useSeo({
         >
           <ul class="system-lab__list">
             <li v-for="item in visibleInfiniteItems" :key="item.id" class="system-lab__list-item">
-              <BaseText weight="semibold">{{ item.title }}</BaseText>
-              <BaseText as="p" tone="muted" size="sm">{{ item.summary }}</BaseText>
+              <UiText weight="semibold">{{ item.title }}</UiText>
+              <UiText as="p" tone="muted" size="sm">{{ item.summary }}</UiText>
             </li>
           </ul>
-        </InfiniteScroll>
+        </UiInfiniteScroll>
       </section>
 
       <section class="system-lab__panel">
-        <BaseText as="h2" size="xl" weight="bold">Checkout status</BaseText>
+        <UiText as="h2" size="xl" weight="bold">Checkout status</UiText>
         <CheckoutStatus status="pending" show-idle />
       </section>
 
       <section class="system-lab__panel system-lab__panel--wide">
-        <BaseText as="h2" size="xl" weight="bold">Checkout summary</BaseText>
+        <UiText as="h2" size="xl" weight="bold">Checkout summary</UiText>
         <div class="system-lab__checkout-grid">
           <CheckoutSummary
             attempt-id="campaign-checkout"
@@ -209,27 +209,27 @@ useSeo({
             @checkout="checkoutUrlPreview = $event"
           />
           <div class="system-lab__preview">
-            <BaseText as="h3" size="lg" weight="bold">Generated checkout URL</BaseText>
-            <BaseText as="p" tone="muted" size="sm">
+            <UiText as="h3" size="lg" weight="bold">Generated checkout URL</UiText>
+            <UiText as="p" tone="muted" size="sm">
               Product apps own session creation and provider fulfillment; this layer owns the
               reusable URL and summary frame.
-            </BaseText>
+            </UiText>
             <code>{{ checkoutUrlPreview || "Click the checkout action to generate a URL." }}</code>
           </div>
         </div>
       </section>
 
       <section class="system-lab__panel system-lab__panel--wide">
-        <BaseText as="h2" size="xl" weight="bold">Text constraints</BaseText>
+        <UiText as="h2" size="xl" weight="bold">Text constraints</UiText>
         <div class="system-lab__text-row">
-          <BaseText truncate>
+          <UiText truncate>
             Long generated asset labels stay inside their container without resizing navigation or
             checkout rows.
-          </BaseText>
-          <BaseText :line-clamp="2" tone="muted">
+          </UiText>
+          <UiText :line-clamp="2" tone="muted">
             Multi-line campaign summaries can be clamped by the reusable text component so compact
             cards, popovers, and tables remain stable.
-          </BaseText>
+          </UiText>
         </div>
       </section>
     </div>

package/dist/resources/templates/nuxt/deploy.config.json

@@ -0,0 +1,27 @@
+{
+  "schemaVersion": 1,
+  "name": "{{projectName}}",
+  "profile": "nuxt-node",
+  "source": {
+    "verify": {
+      "executable": "pnpm",
+      "args": ["check"]
+    },
+    "build": {
+      "executable": "pnpm",
+      "args": ["build"]
+    },
+    "output": ".output"
+  },
+  "image": {
+    "dockerfile": "Dockerfile",
+    "context": ".",
+    "repository": "{{projectName}}",
+    "platform": "linux/amd64"
+  },
+  "environments": {
+    "production": {
+      "target": "registry-only"
+    }
+  }
+}

package/dist/resources/templates/nuxt/nuxt.config.ts

@@ -1,6 +1,6 @@
 import { defineNuxtConfig } from "nuxt/config";
 
-const siteEnv = process.env.NUXT_PUBLIC_SITE_ENV || "development";
+const environment = process.env.NUXT_PUBLIC_SITE_ENV || "development";
 const siteUrl = process.env.NUXT_PUBLIC_SITE_URL || "https://example.com";
 const gtmId = process.env.NUXT_PUBLIC_GTM_ID || "";
 
@@ -24,21 +24,15 @@ export default defineNuxtConfig({
       alwaysRedirect: false,
     },
   },
-  components: [
-    {
-      path: "~/components",
-      pathPrefix: false,
-    },
-  ],
   imports: {
     dirs: ["~/composables"],
   },
-  googleTagManager: {
+  gtm: {
     id: gtmId,
     dataLayerName: process.env.NUXT_PUBLIC_ANALYTICS_DATA_LAYER || "dataLayer",
     analytics: {
       applicationId: "{{projectName}}",
-      environment: siteEnv,
+      environment,
       debug: process.env.NUXT_PUBLIC_ANALYTICS_DEBUG === "true",
       consent: {
         required: process.env.NUXT_PUBLIC_ANALYTICS_REQUIRE_CONSENT !== "false",
@@ -70,7 +64,7 @@ export default defineNuxtConfig({
       },
       site: {
         url: process.env.NUXT_PUBLIC_SITE_URL || "",
-        env: siteEnv,
+        environment,
         name: process.env.NUXT_PUBLIC_SITE_NAME || "{{projectName}}",
         description:
           process.env.NUXT_PUBLIC_SITE_DESCRIPTION || "Premium product media production workspace.",

package/dist/resources/templates/nuxt/package.json

@@ -28,10 +28,10 @@
     "check": "pnpm format:check && pnpm lint && pnpm typecheck && pnpm test && pnpm build"
   },
   "dependencies": {
-    "@stackonward/api-client": "^0.0.2",
-    "@stackonward/google-tag-manager-nuxt": "^0.2.3",
-    "@stackonward/nuxt-layer-base": "^0.0.3",
-    "@stackonward/nuxt-site-shell": "^0.2.0"
+    "@stackonward/api-client": "^0.0.3",
+    "@stackonward/google-tag-manager-nuxt": "^0.3.1",
+    "@stackonward/nuxt-layer-base": "^0.0.4",
+    "@stackonward/nuxt-site-shell": "^0.3.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^21.2.2",
@@ -45,10 +45,10 @@
     "@nuxtjs/seo": "^5.3.2",
     "@pinia/colada-nuxt": "^1.0.1",
     "@pinia/nuxt": "^0.11.3",
-    "@stackonward/commitlint-config": "^0.1.0",
-    "@stackonward/eslint-config": "^1.0.0",
-    "@stackonward/prettier-config": "^0.0.2",
-    "@stackonward/stylelint-config": "^0.1.0",
+    "@stackonward/commitlint-config": "^0.1.1",
+    "@stackonward/eslint-config": "^1.0.1",
+    "@stackonward/prettier-config": "^0.0.3",
+    "@stackonward/stylelint-config": "^0.1.1",
     "@types/node": "^22.0.0",
     "@vueuse/nuxt": "^14.3.0",
     "eslint": "^10.10.0",

package/dist/resources/templates/nuxt/test/e2e/rendering.test.ts

@@ -8,6 +8,7 @@ describe("application rendering", () => {
     const html = await $fetch<string>("/");
 
     expect(html).toContain("<html");
+    expect(html).toContain("<title>Product Media Studio - generated-nuxt</title>");
     expect(html).toContain("<main");
   });
 });

package/dist/resources/templates/nuxt/test/unit/consent.test.ts

@@ -1,10 +1,7 @@
 import { computed, ref } from "vue";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import {
-  ConsentLifecycleError,
-  createSiteConsentController,
-} from "../../app/composables/useConsent";
-import type { ConsentState, SiteShellConsentConfig } from "../../app/types/site-shell";
+import { ConsentLifecycleError, createConsentController } from "../../app/composables/useConsent";
+import type { ConsentConfig, ConsentState } from "../../app/consent/types";
 
 class ControlledStorage implements Storage {
   readonly values = new Map<string, string>();
@@ -41,7 +38,7 @@ class ControlledStorage implements Storage {
 }
 
 const storageKey = "sample-analytics-consent-v1";
-const config: SiteShellConsentConfig = {
+const config: ConsentConfig = {
   enabled: true,
   storageKey,
   policyRevision: "1",
@@ -112,7 +109,7 @@ describe("site consent controller", () => {
       persistence: "none",
       error: null,
     });
-    const controller = createSiteConsentController({
+    const controller = createConsentController({
       state,
       config: computed(() => config),
       analytics: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackonward/cli",
-  "version": "1.3.3",
+  "version": "1.5.0",
   "description": "StackOnward CLI for creating projects and installing reusable components and snippets",
   "type": "module",
   "main": "dist/index.js",
@@ -36,8 +36,10 @@
     "ora": "^8.0.0",
     "prompts": "^2.4.2",
     "zod": "4",
-    "@stackonward/google-tag-manager": "0.1.1",
-    "@stackonward/api-client": "0.0.2"
+    "@stackonward/api-client": "0.0.3",
+    "@stackonward/google-tag-manager": "0.2.1",
+    "@stackonward/provisioning": "0.1.0",
+    "@stackonward/onedev-provisioning": "0.1.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",

package/dist/resources/components/nuxt/site-source/app/components/site/MarketingShell.vue

@@ -1,33 +0,0 @@
-<script setup lang="ts">
-const LazyMarketingHeader = defineLazyHydrationComponent(
-  "idle",
-  () => import("./MarketingHeader.vue"),
-);
-const LazyMarketingFooter = defineLazyHydrationComponent(
-  "visible",
-  () => import("./MarketingFooter.vue"),
-);
-</script>
-
-<template>
-  <div class="marketing-shell">
-    <slot name="header">
-      <LazyMarketingHeader :hydrate-on-idle="800" />
-    </slot>
-
-    <main id="site-content" class="marketing-shell__main">
-      <slot />
-    </main>
-
-    <slot name="footer">
-      <LazyMarketingFooter hydrate-on-visible />
-    </slot>
-
-    <div class="site-floating-stack">
-      <BackToTop />
-      <slot name="consent">
-        <CookieConsent />
-      </slot>
-    </div>
-  </div>
-</template>

package/dist/resources/components/nuxt/site-source/app/types/site-shell.ts

@@ -1,172 +0,0 @@
-import type { ComputedRef, DeepReadonly, Ref } from "vue";
-
-export interface LocalizedNavigationItemConfig {
-  readonly labelKey: string;
-  readonly to?: string;
-  readonly external?: boolean;
-  readonly descriptionKey?: string;
-  readonly children?: readonly LocalizedNavigationItemConfig[];
-}
-
-export interface MarketingNavigationItem {
-  readonly label: string;
-  readonly to?: string;
-  readonly external?: boolean;
-  readonly description?: string;
-  readonly children?: readonly MarketingNavigationItem[];
-}
-
-export interface AppNavigationItemConfig {
-  readonly labelKey: string;
-  readonly to: string;
-  readonly icon?: string;
-  readonly badge?: string;
-}
-
-export interface AppNavigationItem extends Omit<AppNavigationItemConfig, "labelKey"> {
-  readonly label: string;
-}
-
-export interface NavigationGroupConfig {
-  readonly labelKey?: string;
-  readonly items: readonly AppNavigationItemConfig[];
-}
-
-export interface NavigationGroup {
-  readonly label?: string;
-  readonly items: readonly AppNavigationItem[];
-}
-
-export interface FooterGroupConfig {
-  readonly titleKey: string;
-  readonly links: readonly LocalizedNavigationItemConfig[];
-}
-
-export interface FooterGroup {
-  readonly title: string;
-  readonly links: readonly MarketingNavigationItem[];
-}
-
-export interface SocialLinkConfig {
-  readonly labelKey: string;
-  readonly href: string;
-}
-
-export interface SocialLink {
-  readonly label: string;
-  readonly href: string;
-}
-
-export interface ContentListItem {
-  readonly title: string;
-  readonly description?: string;
-  readonly to: string;
-  readonly category?: string;
-  readonly date?: string;
-  readonly author?: string;
-}
-
-export interface ContentArticle {
-  readonly title: string;
-  readonly description?: string;
-  readonly category?: string;
-  readonly author?: string;
-  readonly date?: string;
-  readonly updatedAt?: string;
-}
-
-export interface StorageDisclosureConfig {
-  readonly name: string;
-  readonly category: "necessary" | "preferences" | "analytics";
-  readonly purposeKey: string;
-  readonly retentionKey: string;
-  readonly providerKey: string;
-}
-
-export interface SiteShellConsentConfig {
-  readonly enabled: boolean;
-  readonly storageKey: string;
-  readonly policyRevision: string;
-  readonly retentionDays: number;
-  readonly policyPath: string;
-}
-
-export interface SiteShellConfig {
-  readonly name: string;
-  readonly descriptionKey: string;
-  readonly url: string;
-  readonly defaultLocale: string;
-  readonly homePath: string;
-  readonly appPath: string;
-  readonly logoText: string;
-  readonly primaryActionLabelKey: string;
-  readonly secondaryActionLabelKey: string;
-  readonly secondaryActionPath: string;
-  readonly consent: SiteShellConsentConfig;
-  readonly storageDisclosures: readonly StorageDisclosureConfig[];
-  readonly navigation: {
-    readonly marketing: readonly LocalizedNavigationItemConfig[];
-    readonly app: readonly NavigationGroupConfig[];
-    readonly footer: readonly FooterGroupConfig[];
-    readonly legal: readonly LocalizedNavigationItemConfig[];
-    readonly social: readonly SocialLinkConfig[];
-  };
-  readonly content: {
-    readonly blogPath: string;
-    readonly authorPath: string;
-    readonly previewPath: string;
-    readonly sitemapSourcePath: string;
-  };
-}
-
-export interface ResolvedSiteNavigation {
-  readonly marketingNav: Readonly<ComputedRef<readonly MarketingNavigationItem[]>>;
-  readonly appNavGroups: Readonly<ComputedRef<readonly NavigationGroup[]>>;
-  readonly footerGroups: Readonly<ComputedRef<readonly FooterGroup[]>>;
-  readonly legalLinks: Readonly<ComputedRef<readonly MarketingNavigationItem[]>>;
-  readonly socialLinks: Readonly<ComputedRef<readonly SocialLink[]>>;
-  readonly primaryActionLabel: Readonly<ComputedRef<string>>;
-  readonly secondaryActionLabel: Readonly<ComputedRef<string>>;
-}
-
-export type ConsentValue = "accepted" | "rejected";
-
-export type ConsentPersistenceError =
-  | "read-failed"
-  | "write-failed"
-  | "clear-failed"
-  | "write-and-clear-failed";
-
-export interface ConsentState {
-  decision: ConsentValue | null;
-  ready: boolean;
-  settingsOpen: boolean;
-  persistence: "none" | "persisted" | "cleared" | "cleanup-failed" | "session-only";
-  error: ConsentPersistenceError | null;
-}
-
-export type ConsentInitializationResult =
-  | { status: "restored"; value: ConsentValue }
-  | { status: "undecided"; cleanup: "not-required" | "cleared" }
-  | { status: "undecided"; cleanup: "failed"; error: "clear-failed" }
-  | { status: "storage-unavailable"; error: "read-failed" };
-
-export type ConsentMutationResult =
-  | { status: "persisted"; value: ConsentValue }
-  | { status: "cleared"; value: "rejected"; error: "write-failed" }
-  | {
-      status: "session-only";
-      value: ConsentValue;
-      error: "write-failed" | "write-and-clear-failed";
-    };
-
-export interface SiteConsentController {
-  readonly state: DeepReadonly<Ref<ConsentState>>;
-  readonly visible: Readonly<ComputedRef<boolean>>;
-  initialize(): ConsentInitializationResult;
-  accept(): ConsentMutationResult;
-  reject(): ConsentMutationResult;
-  openSettings(): void;
-  closeSettings(): void;
-  dispose(): void;
-}