@swarm.ing/pieui 2.0.10 → 2.0.11

package/README.md

@@ -91,6 +91,18 @@ Type exports:
 
 ## CLI Template Scaffolding
 
+Create a fresh Next.js app and initialize PieUI in it:
+
+```sh
+bunx pieui create my-app-name
+```
+
+This command:
+
+- runs `bun create next-app@latest my-app-name --yes`
+- initializes `piecomponents/registry.ts` and PieUI config in the new app
+- prepares the app for `bunx pieui card add ...`
+
 Create a blank Next.js web app template with PieUI CLI:
 
 ```sh
@@ -115,3 +127,39 @@ Planned create flow target:
 ```sh
 bun create pieui@latest my-pie-app
 ```
+
+Create a page scaffold inside an existing Next app:
+
+```sh
+bunx pieui page add chat
+```
+
+This command writes `app/chat/page.tsx` with the standard Suspense-wrapped Pie page shell:
+
+```tsx
+"use client";
+
+import PiePage from "@/app/_shared/simple";
+import { Suspense } from "react";
+import LoadingScreen from "@/components/LoadingScreen";
+
+export default function ChatPage() {
+  return (
+    <Suspense fallback={<LoadingScreen />}>
+      <PiePage />
+    </Suspense>
+  );
+}
+```
+
+Create a component scaffold inside `piecomponents/`:
+
+```sh
+bunx pieui card add simple StatusCard
+```
+
+Add optional realtime and AJAX fields to the generated `types/index.ts`:
+
+```sh
+bunx pieui card add simple LiveCard --io --ajax
+```

package/dist/cli.js

@@ -193027,6 +193027,7 @@ var require_lib4 = __commonJS((exports2, module2) => {
 // src/code/args.ts
 var parseArgs = (argv) => {
   const [command = ""] = argv;
+  const cardFlagSet = new Set(["--io", "--ajax"]);
   const outDirFlag = argv.find((arg) => arg.startsWith("--out-dir="));
   const srcDirFlag = argv.find((arg) => arg.startsWith("--src-dir="));
   const outDirIndex = argv.findIndex((arg) => arg === "--out-dir" || arg === "-o");
@@ -193038,12 +193039,17 @@ var parseArgs = (argv) => {
   let componentName;
   let createAppName;
   let eventName;
+  let cardAction;
+  let cardAjax = false;
+  let cardIo = false;
+  let pageAction;
+  let pagePath;
   let removeComponentName;
   let listFilter;
   if (command === "remove" && argv[1]) {
     removeComponentName = argv[1];
   }
-  if (command === "create-pie-app" && argv[1]) {
+  if ((command === "create-pie-app" || command === "create") && argv[1]) {
     createAppName = argv[1];
   }
   if (command === "list") {
@@ -193057,19 +193063,37 @@ var parseArgs = (argv) => {
     const filterArg = argv[1];
     listFilter = filterArg && validFilters.includes(filterArg) ? filterArg : "all";
   }
-  if (command === "add" && argv[1]) {
+  if (command === "card" && argv[1]) {
+    const validActions = ["add"];
+    if (validActions.includes(argv[1])) {
+      cardAction = argv[1];
+    }
+  }
+  if ((command === "card" && cardAction === "add" || command === "add") && argv[1]) {
+    const offset = command === "card" ? 2 : 1;
+    const cardArgv = argv.slice(offset);
+    const positionalArgs = cardArgv.filter((arg) => !cardFlagSet.has(arg));
+    cardIo = cardArgv.includes("--io");
+    cardAjax = cardArgv.includes("--ajax");
     const validTypes = [
       "simple",
       "complex",
       "simple-container",
       "complex-container"
     ];
-    if (validTypes.includes(argv[1])) {
-      componentType = argv[1];
-      componentName = argv[2];
+    if (validTypes.includes(positionalArgs[0])) {
+      componentType = positionalArgs[0];
+      componentName = positionalArgs[1];
     } else {
       componentType = "complex-container";
-      componentName = argv[1];
+      componentName = positionalArgs[0];
+    }
+  }
+  if (command === "page" && argv[1]) {
+    const validActions = ["add"];
+    if (validActions.includes(argv[1])) {
+      pageAction = argv[1];
+      pagePath = argv[2];
     }
   }
   if (command === "list-events" && argv[1]) {
@@ -193102,16 +193126,23 @@ var parseArgs = (argv) => {
     componentType,
     eventName,
     removeComponentName,
-    listFilter
+    listFilter,
+    cardAction,
+    cardAjax,
+    cardIo,
+    pageAction,
+    pagePath
   };
 };
 var printUsage = () => {
   console.log("Usage: pieui <command> [options]");
   console.log("");
   console.log("Commands:");
+  console.log("  create <AppName>                        Create a Next.js app and run pieui init inside it");
   console.log("  create-pie-app <AppName>                Create a blank Next.js web template for PieUI (bun create next-app under the hood)");
   console.log("  init                                    Initialize piecomponents directory with registry.ts");
-  console.log("  add [type] <ComponentName>              Create a new component in piecomponents directory");
+  console.log("  card add [type] <ComponentName> [--io] [--ajax] Create a new component in piecomponents directory");
+  console.log("  page add <path>                         Create app/<path>/page.tsx from the standard Pie page template");
   console.log("  push <ComponentName>                    Archive piecomponents/<ComponentName> and upload to PieUI server");
   console.log("  pull <ComponentName>                    Download archive from PieUI server and extract into piecomponents/<ComponentName>");
   console.log("  remote-remove <ComponentName>           Remove remote component from PieUI server");
@@ -193121,13 +193152,17 @@ var printUsage = () => {
   console.log("  postbuild                               Scan for components and generate manifest");
   console.log("  list [filter]                            List registered components in a table");
   console.log("");
-  console.log("Component types for add command:");
+  console.log("Component types for card add command:");
   console.log("  simple                  Simple component (only data prop)");
   console.log("  complex                 Complex component (data + children props)");
   console.log("  simple-container        Container with single content (data + content)");
   console.log("  complex-container       Container with array content (data + content[])");
   console.log("                         (default if type not specified)");
   console.log("");
+  console.log("Options for card add:");
+  console.log("  --io                         Add realtime support fields to the generated data interface");
+  console.log("  --ajax                       Add AJAX request fields to the generated data interface");
+  console.log("");
   console.log("Options for init:");
   console.log("  --out-dir <dir>, -o <dir>    Base directory for piecomponents (default: .)");
   console.log("");
@@ -193154,11 +193189,14 @@ var printUsage = () => {
   console.log("");
   console.log("Examples:");
   console.log("  pieui init");
+  console.log("  pieui create my-pie-app");
   console.log("  pieui create-pie-app my-pie-app");
   console.log("  pieui init --out-dir packages/app");
-  console.log("  pieui add MyCustomCard                        # Creates complex-container by default");
-  console.log("  pieui add simple MySimpleCard                 # Creates simple component");
-  console.log("  pieui add complex-container MyContainerCard   # Creates complex container");
+  console.log("  pieui card add MyCustomCard                   # Creates complex-container by default");
+  console.log("  pieui card add simple MySimpleCard            # Creates simple component");
+  console.log("  pieui card add complex-container MyContainerCard # Creates complex container");
+  console.log("  pieui card add simple LiveCard --io --ajax    # Adds realtime and AJAX fields");
+  console.log("  pieui page add chat                          # Creates app/chat/page.tsx");
   console.log("  pieui postbuild --append --out-dir dist");
   console.log("  pieui list                                    # List all components");
   console.log("  pieui list simple                             # List only simple components");
@@ -193175,7 +193213,7 @@ var import_fs = __toESM(require("fs"));
 var import_path = __toESM(require("path"));
 
 // src/code/templates/componentIndex.ts
-var componentIndexTemplate = (componentName) => `import { registerPieComponent } from "@piedata/pieui";
+var componentIndexTemplate = (componentName) => `import { registerPieComponent } from "@swarm.ing/pieui";
 import ${componentName} from "./ui/${componentName}";
 
 export default registerPieComponent({
@@ -193185,26 +193223,113 @@ export default registerPieComponent({
 `;
 
 // src/code/templates/componentTypes.ts
-var componentTypesTemplate = (componentName, baseInterface) => `import { ${baseInterface} } from '@piedata/pieui'
+var ioFields = `    useSocketioSupport?: boolean
+    useCentrifugeSupport?: boolean
+    useMittSupport?: boolean
+    centrifugeChannel?: string`;
+var ajaxFields = `    pathname?: string
+    depsNames: string[]
+    kwargs: Record<string, string | number | boolean>`;
+var componentTypesTemplate = (componentName, baseInterface, options = {}) => {
+  const extraSections = [options.io ? ioFields : "", options.ajax ? ajaxFields : ""].filter(Boolean).join(`
+
+`);
+  const extraFields = extraSections ? `
+
+${extraSections}` : "";
+  return `import { ${baseInterface} } from '@swarm.ing/pieui'
 
 export interface ${componentName}Data {
     name: string
     // Add your component-specific props here
+${extraFields}
 }
 
 export type ${componentName}Props = ${baseInterface}<${componentName}Data>
 `;
+};
+
+// src/code/templates/nextConfig.ts
+var REQUIRED_NEXT_CONFIG_ENV_KEYS = [
+  "PIE_API_SERVER",
+  "PIE_CENTRIFUGE_SERVER",
+  "PIE_ENABLE_RENDERING_LOG",
+  "PIE_PLATFORM"
+];
+var nextConfigTemplate = () => `import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  output: "standalone",
+  reactCompiler: false,
+  env: {
+    PIE_API_SERVER: process.env.PIE_API_SERVER,
+    PIE_CENTRIFUGE_SERVER: process.env.PIE_CENTRIFUGE_SERVER,
+    PIE_ENABLE_RENDERING_LOG: process.env.PIE_ENABLE_RENDERING_LOG,
+    PIE_PLATFORM: process.env.PIE_PLATFORM || "telegram",
+  },
+  reactStrictMode: true,
+  transpilePackages: ["@swarm.ing/pieui"],
+};
+
+export default nextConfig;
+`;
+
+// src/code/templates/pages/components/shared.ts
+var dataDestructureFor = (options = {}) => {
+  if (!options.io && !options.ajax) {
+    return "const { name } = data";
+  }
+  const fields = ["name"];
+  if (options.io) {
+    fields.push("useSocketioSupport", "useCentrifugeSupport", "useMittSupport", "centrifugeChannel");
+  }
+  if (options.ajax) {
+    fields.push("pathname", "depsNames", "kwargs");
+  }
+  return `const {
+    ${fields.join(`,
+    `)},
+} = data`;
+};
+var pieCardOpeningTagFor = (componentName, options = {}) => {
+  if (!options.io) {
+    return `<PieCard card='${componentName}' data={data}>`;
+  }
+  return `<PieCard
+            card='${componentName}'
+            data={data}
+            useSocketioSupport={useSocketioSupport}
+            useCentrifugeSupport={useCentrifugeSupport}
+            useMittSupport={useMittSupport}
+            centrifugeChannel={centrifugeChannel}
+            methods={{
+            }}
+        >`;
+};
+var ajaxSubmitDeclarationFor = (options = {}) => {
+  if (!options.ajax) {
+    return "";
+  }
+  return `
+    const ajaxSubmit = useAjaxSubmit(
+        setUiAjaxConfiguration,
+        kwargs,
+        depsNames,
+        pathname
+    )`;
+};
 
-// src/code/templates/simpleComponent.ts
-var simpleComponentTemplate = (componentName) => `import React from 'react'
-import { PieCard } from '@piedata/pieui'
+// src/code/templates/pages/components/simpleComponent.ts
+var simpleComponentTemplate = (componentName, options = {}) => `import React from 'react'
+import { PieCard${options.ajax ? ", useAjaxSubmit, type SetUiAjaxConfigurationType" : ""} } from '@swarm.ing/pieui'
 import { ${componentName}Props } from '../types'
 
-const ${componentName} = ({ data }: ${componentName}Props) => {
-    const { name } = data
+const ${componentName} = ({ data${options.ajax ? ", setUiAjaxConfiguration" : ""} }: ${componentName}Props${options.ajax ? " & { setUiAjaxConfiguration?: SetUiAjaxConfigurationType }" : ""}) => {
+    ${dataDestructureFor(options)}
+    ${ajaxSubmitDeclarationFor(options)}
 
     return (
-        <PieCard card='${componentName}' data={data}>
+        ${pieCardOpeningTagFor(componentName, options)}
             <div>
                 <h2>${componentName}</h2>
                 {/* Add your component logic here */}
@@ -193215,17 +193340,17 @@ const ${componentName} = ({ data }: ${componentName}Props) => {
 
 export default ${componentName}
 `;
-
-// src/code/templates/complexComponent.ts
-var complexComponentTemplate = (componentName) => `import React from 'react'
-import { PieCard } from '@piedata/pieui'
+// src/code/templates/pages/components/complexComponent.ts
+var complexComponentTemplate = (componentName, options = {}) => `import React from 'react'
+import { PieCard${options.ajax ? ", useAjaxSubmit" : ""} } from '@swarm.ing/pieui'
 import { ${componentName}Props } from '../types'
 
-const ${componentName} = ({ data }: ${componentName}Props) => {
-    const { name } = data
+const ${componentName} = ({ data${options.ajax ? ", setUiAjaxConfiguration" : ""} }: ${componentName}Props) => {
+    ${dataDestructureFor(options)}
+    ${ajaxSubmitDeclarationFor(options)}
 
     return (
-        <PieCard card='${componentName}' data={data}>
+        ${pieCardOpeningTagFor(componentName, options)}
             <div>
                 <h2>${componentName}</h2>
                 {/* Add your component logic here */}
@@ -193236,10 +193361,9 @@ const ${componentName} = ({ data }: ${componentName}Props) => {
 
 export default ${componentName}
 `;
-
-// src/code/templates/simpleContainerComponent.ts
-var simpleContainerComponentTemplate = (componentName) => `import React, { useContext } from 'react'
-import { PieCard, UI, UIRendererContext } from '@piedata/pieui'
+// src/code/templates/pages/components/simpleContainerComponent.ts
+var simpleContainerComponentTemplate = (componentName, options = {}) => `import React, { useContext } from 'react'
+import { PieCard, UI, UIRendererContext${options.ajax ? ", useAjaxSubmit" : ""} } from '@swarm.ing/pieui'
 import { ${componentName}Props } from '../types'
 
 const ${componentName} = ({
@@ -193247,11 +193371,12 @@ const ${componentName} = ({
     content,
     setUiAjaxConfiguration,
 }: ${componentName}Props) => {
-    const { name } = data
+    ${dataDestructureFor(options)}
+    ${ajaxSubmitDeclarationFor(options)}
     const Renderer = useContext(UIRendererContext) ?? UI
 
     return (
-        <PieCard card='${componentName}' data={data}>
+        ${pieCardOpeningTagFor(componentName, options)}
             <div>
                 <h2>${componentName}</h2>
                 {/* Add your component logic here */}
@@ -193268,10 +193393,9 @@ const ${componentName} = ({
 
 export default ${componentName}
 `;
-
-// src/code/templates/complexContainerComponent.ts
-var complexContainerComponentTemplate = (componentName) => `import React, { useContext } from 'react'
-import { PieCard, UI, UIRendererContext } from '@piedata/pieui'
+// src/code/templates/pages/components/complexContainerComponent.ts
+var complexContainerComponentTemplate = (componentName, options = {}) => `import React, { useContext } from 'react'
+import { PieCard, UI, UIRendererContext${options.ajax ? ", useAjaxSubmit" : ""} } from '@swarm.ing/pieui'
 import { ${componentName}Props } from '../types'
 
 const ${componentName} = ({
@@ -193279,11 +193403,12 @@ const ${componentName} = ({
     content,
     setUiAjaxConfiguration,
 }: ${componentName}Props) => {
-    const { name } = data
+    ${dataDestructureFor(options)}
+    ${ajaxSubmitDeclarationFor(options)}
     const Renderer = useContext(UIRendererContext) ?? UI
 
     return (
-        <PieCard card='${componentName}' data={data}>
+        ${pieCardOpeningTagFor(componentName, options)}
             <div>
                 <h2>${componentName}</h2>
                 {/* Add your component logic here */}
@@ -193301,33 +193426,22 @@ const ${componentName} = ({
 
 export default ${componentName}
 `;
+// src/code/templates/pages/page.ts
+var pageTemplate = (pageComponentName) => `"use client";
 
-// src/code/templates/nextConfig.ts
-var REQUIRED_NEXT_CONFIG_ENV_KEYS = [
-  "PIE_API_SERVER",
-  "PIE_CENTRIFUGE_SERVER",
-  "PIE_ENABLE_RENDERING_LOG",
-  "PIE_PLATFORM"
-];
-var nextConfigTemplate = () => `import type { NextConfig } from "next";
+import PiePage from "@/app/_shared/page";
+import { Suspense } from "react";
 
-const nextConfig: NextConfig = {
-  output: "standalone",
-  reactCompiler: false,
-  env: {
-    PIE_API_SERVER: process.env.PIE_API_SERVER,
-    PIE_CENTRIFUGE_SERVER: process.env.PIE_CENTRIFUGE_SERVER,
-    PIE_ENABLE_RENDERING_LOG: process.env.PIE_ENABLE_RENDERING_LOG,
-    PIE_PLATFORM: process.env.PIE_PLATFORM || "telegram",
-  },
-  reactStrictMode: true,
-  transpilePackages: ["@piedata/pieui"],
-};
-
-export default nextConfig;
+export default function ${pageComponentName}() {
+  return (
+    <Suspense fallback={<></>}>
+      <PiePage />
+    </Suspense>
+  );
+}
 `;
 
-// src/code/templates/index.ts
+// src/code/templates/pages/index.ts
 var BASE_INTERFACE_BY_TYPE = {
   simple: "PieSimpleComponentProps",
   complex: "PieComplexComponentProps",
@@ -193335,17 +193449,17 @@ var BASE_INTERFACE_BY_TYPE = {
   "complex-container": "PieComplexContainerComponentProps"
 };
 var baseInterfaceFor = (componentType) => BASE_INTERFACE_BY_TYPE[componentType];
-var componentTemplateFor = (componentType, componentName) => {
+var componentTemplateFor = (componentType, componentName, options = {}) => {
   switch (componentType) {
     case "simple":
-      return simpleComponentTemplate(componentName);
+      return simpleComponentTemplate(componentName, options);
     case "complex":
-      return complexComponentTemplate(componentName);
+      return complexComponentTemplate(componentName, options);
     case "simple-container":
-      return simpleContainerComponentTemplate(componentName);
+      return simpleContainerComponentTemplate(componentName, options);
     case "complex-container":
     default:
-      return complexContainerComponentTemplate(componentName);
+      return complexContainerComponentTemplate(componentName, options);
   }
 };
 
@@ -193375,7 +193489,7 @@ var initCommand = (outDir) => {
   }
   const tailwindConfigPath = import_path.default.join(resolvedOutDir, "tailwind.config.js");
   const tailwindConfigTsPath = import_path.default.join(resolvedOutDir, "tailwind.config.ts");
-  const pieuiContentPath = "./node_modules/@piedata/pieui/dist/**/*.{js,mjs,ts,jsx,tsx}";
+  const pieuiContentPath = "./node_modules/@swarm.ing/pieui/dist/**/*.{js,mjs,ts,jsx,tsx}";
   let configPath = null;
   if (import_fs.default.existsSync(tailwindConfigPath)) {
     configPath = tailwindConfigPath;
@@ -193418,7 +193532,7 @@ var initCommand = (outDir) => {
   console.log("[pieui] Initialization complete!");
   console.log("[pieui] Next steps:");
   console.log('  1. Import "./piecomponents/registry" in your app entry point');
-  console.log('  2. Use "pieui add <ComponentName>" to create new components');
+  console.log('  2. Use "pieui card add <ComponentName>" to create new components');
 };
 var ensureNextConfig = (resolvedOutDir) => {
   const candidates = [
@@ -193493,16 +193607,16 @@ ${missingKeys.map(envEntryFor).join(`
 var ensureTranspilePieui = (content) => {
   const match = content.match(/transpilePackages\s*:\s*\[([\s\S]*?)]/);
   if (match) {
-    if (match[1].includes("@piedata/pieui"))
+    if (match[1].includes("@swarm.ing/pieui"))
       return content;
     const inner = match[1].trim();
     const separator = inner.length > 0 ? ", " : "";
-    console.log('[pieui] Adding "@piedata/pieui" to transpilePackages');
-    return content.replace(match[0], `transpilePackages: [${inner}${separator}"@piedata/pieui"]`);
+    console.log('[pieui] Adding "@swarm.ing/pieui" to transpilePackages');
+    return content.replace(match[0], `transpilePackages: [${inner}${separator}"@swarm.ing/pieui"]`);
   }
-  const inserted = insertIntoConfigObject(content, '  transpilePackages: ["@piedata/pieui"],');
+  const inserted = insertIntoConfigObject(content, '  transpilePackages: ["@swarm.ing/pieui"],');
   if (inserted) {
-    console.log('[pieui] Adding transpilePackages: ["@piedata/pieui"]');
+    console.log('[pieui] Adding transpilePackages: ["@swarm.ing/pieui"]');
     return inserted;
   }
   console.log("[pieui] Warning: could not locate nextConfig object to add transpilePackages automatically");
@@ -193557,10 +193671,10 @@ var updateRegistryFile = (registryPath, componentName, componentDir) => {
 `;
   import_fs3.default.writeFileSync(registryPath, registryContent, "utf8");
 };
-var addCommand = (componentName, componentType = "complex-container") => {
+var addCommand = (componentName, componentType = "complex-container", options = {}) => {
   if (!componentName) {
     console.error("[pieui] Error: Component name is required");
-    console.log("Usage: pieui add [type] <ComponentName>");
+    console.log("Usage: pieui card add [type] <ComponentName>");
     process.exit(1);
   }
   if (!/^[A-Z][a-zA-Z0-9]+$/.test(componentName)) {
@@ -193583,8 +193697,8 @@ var addCommand = (componentName, componentType = "complex-container") => {
     import_fs3.default.mkdirSync(import_path3.default.join(componentDir, "ui"), { recursive: true });
     import_fs3.default.mkdirSync(import_path3.default.join(componentDir, "types"), { recursive: true });
     import_fs3.default.writeFileSync(import_path3.default.join(componentDir, "index.ts"), componentIndexTemplate(componentName), "utf8");
-    import_fs3.default.writeFileSync(import_path3.default.join(componentDir, "types", "index.ts"), componentTypesTemplate(componentName, baseInterfaceFor(componentType)), "utf8");
-    import_fs3.default.writeFileSync(import_path3.default.join(componentDir, "ui", `${componentName}.tsx`), componentTemplateFor(componentType, componentName), "utf8");
+    import_fs3.default.writeFileSync(import_path3.default.join(componentDir, "types", "index.ts"), componentTypesTemplate(componentName, baseInterfaceFor(componentType), options), "utf8");
+    import_fs3.default.writeFileSync(import_path3.default.join(componentDir, "ui", `${componentName}.tsx`), componentTemplateFor(componentType, componentName, options), "utf8");
     const registryPath = resolveRegistryPath(pieComponentsDir);
     updateRegistryFile(registryPath, componentName, componentDir);
   } catch (error) {
@@ -193599,6 +193713,8 @@ var addCommand = (componentName, componentType = "complex-container") => {
   console.log(`[pieui] Updated registry.ts with new component`);
   console.log("");
   console.log(`[pieui] Component type: ${componentType}`);
+  console.log(`[pieui] IO fields: ${options.io ? "enabled" : "disabled"}`);
+  console.log(`[pieui] AJAX fields: ${options.ajax ? "enabled" : "disabled"}`);
   switch (componentType) {
     case "simple":
       console.log("  - Props: data only");
@@ -197911,7 +198027,7 @@ var postbuildCommand = async (srcDir, outDir, append) => {
   let existingEntries = [];
   if (append) {
     console.log("[pieui] Append mode enabled - loading existing pieui components");
-    const nodeModulesPath = import_path9.default.join(process.cwd(), "node_modules", "@piedata", "pieui", "dist", MANIFEST_FILENAME);
+    const nodeModulesPath = import_path9.default.join(process.cwd(), "node_modules", "@swarm.ing", "pieui", "dist", MANIFEST_FILENAME);
     if (import_fs7.default.existsSync(nodeModulesPath)) {
       try {
         const existingManifest = import_fs7.default.readFileSync(nodeModulesPath, "utf8");
@@ -198311,6 +198427,164 @@ var createPieAppCommand = (appName) => {
   console.log(`  3. bun run dev`);
 };
 
+// src/code/commands/pageAdd.ts
+var import_fs12 = __toESM(require("fs"));
+var import_path14 = __toESM(require("path"));
+var normalizePagePath = (pagePath) => {
+  const trimmed = pagePath.trim();
+  if (!trimmed) {
+    throw new Error("Path is required for page add command");
+  }
+  const normalizedSlashes = trimmed.replace(/\\/g, "/");
+  const withoutRelativePrefix = normalizedSlashes.replace(/^\.\/+/, "");
+  const withoutAppPrefix = withoutRelativePrefix.replace(/^app\//, "");
+  const withoutEdgeSlashes = withoutAppPrefix.replace(/^\/+|\/+$/g, "");
+  const normalized = import_path14.default.posix.normalize(withoutEdgeSlashes);
+  if (!normalized || normalized === ".") {
+    throw new Error("Path is required for page add command");
+  }
+  if (normalized === ".." || normalized.startsWith("../") || normalized.includes("/../")) {
+    throw new Error("Page path must stay inside the app directory");
+  }
+  return normalized;
+};
+var toPascalCase = (value2) => value2.split(/[^a-zA-Z0-9]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+var pageComponentNameForPath = (pagePath) => {
+  const segments = pagePath.split("/").map((segment) => toPascalCase(segment)).filter(Boolean);
+  if (segments.length === 0) {
+    return "Page";
+  }
+  return `${segments.join("")}Page`;
+};
+var pageAddCommand = (pagePath) => {
+  const normalizedPath = normalizePagePath(pagePath);
+  const pageComponentName = pageComponentNameForPath(normalizedPath);
+  const appDir = import_path14.default.join(process.cwd(), "app");
+  const targetFile = import_path14.default.join(appDir, normalizedPath, "page.tsx");
+  const relativeTarget = import_path14.default.relative(appDir, targetFile);
+  if (relativeTarget.startsWith("..") || import_path14.default.isAbsolute(relativeTarget)) {
+    throw new Error("Page path must stay inside the app directory");
+  }
+  if (import_fs12.default.existsSync(targetFile)) {
+    console.error(`[pieui] Error: Page already exists at app/${normalizedPath}/page.tsx`);
+    process.exit(1);
+  }
+  import_fs12.default.mkdirSync(import_path14.default.dirname(targetFile), { recursive: true });
+  import_fs12.default.writeFileSync(targetFile, pageTemplate(pageComponentName), "utf8");
+  console.log(`[pieui] Page created successfully at app/${normalizedPath}/page.tsx`);
+};
+
+// src/code/commands/create.ts
+var import_fs13 = __toESM(require("fs"));
+var import_path15 = __toESM(require("path"));
+var import_child_process2 = require("child_process");
+var DEFAULT_TEMPLATE_SPEC2 = "next-app@latest";
+var SHARED_PAGE_TEMPLATE = `"use client";
+
+import { useRouter } from "next/navigation";
+import { PieRoot } from "@swarm.ing/pieui";
+import "@/piecomponents/registry";
+import { usePathname, useSearchParams } from "next/navigation";
+import LoadingScreen from "@/components/LoadingScreen";
+
+export default function PiePage() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const search = searchParams.toString();
+
+  return (
+    <PieRoot
+      location={{ pathname, search }}
+      config={{
+        apiServer: process.env.PIE_API_SERVER!,
+        centrifugeServer: process.env.PIE_CENTRIFUGE_SERVER!,
+        enableRenderingLog: true,
+      }}
+      onNavigate={(url) => router.push(url)}
+      fallback={<></>}
+    />
+  );
+}
+`;
+var HOME_PAGE_TEMPLATE = `"use client";
+
+import PiePage from "@/app/_shared/page";
+import { Suspense } from "react";
+
+export default function HomePage() {
+  return (
+    <Suspense fallback={<></>}>
+      <PiePage />
+    </Suspense>
+  );
+}
+`;
+var LOADING_SCREEN_TEMPLATE = `"use client";
+
+export default function LoadingScreen() {
+  return (
+    <div className="flex min-h-screen items-center justify-center text-sm text-neutral-500">
+      Loading...
+    </div>
+  );
+}
+`;
+var clearDirectory = (targetDir) => {
+  if (!import_fs13.default.existsSync(targetDir))
+    return;
+  for (const entry of import_fs13.default.readdirSync(targetDir)) {
+    import_fs13.default.rmSync(import_path15.default.join(targetDir, entry), { recursive: true, force: true });
+  }
+};
+var writeFile = (filePath, content) => {
+  import_fs13.default.mkdirSync(import_path15.default.dirname(filePath), { recursive: true });
+  import_fs13.default.writeFileSync(filePath, content, "utf8");
+};
+var scaffoldCreateAppFiles = (appDir) => {
+  clearDirectory(import_path15.default.join(appDir, "public"));
+  writeFile(import_path15.default.join(appDir, "app", "_shared", "page.tsx"), SHARED_PAGE_TEMPLATE);
+  writeFile(import_path15.default.join(appDir, "app", "page.tsx"), HOME_PAGE_TEMPLATE);
+  import_fs13.default.rmSync(import_path15.default.join(appDir, "app", "_shared", "simple.tsx"), {
+    force: true
+  });
+  import_fs13.default.rmSync(import_path15.default.join(appDir, "app", "piecache.json"), { force: true });
+  writeFile(import_path15.default.join(appDir, "components", "LoadingScreen.tsx"), LOADING_SCREEN_TEMPLATE);
+  import_fs13.default.rmSync(import_path15.default.join(appDir, "components", "ErrorToast.tsx"), { force: true });
+};
+var createCommand = (appName) => {
+  const trimmedAppName = appName.trim();
+  if (!trimmedAppName) {
+    console.error("[pieui] Error: App name is required for create command");
+    process.exit(1);
+  }
+  const appDir = import_path15.default.resolve(process.cwd(), trimmedAppName);
+  if (import_fs13.default.existsSync(appDir)) {
+    console.error(`[pieui] Error: Target directory already exists: ${trimmedAppName}`);
+    process.exit(1);
+  }
+  const bunBin = process.env.PIEUI_CREATE_BUN_BIN || "bun";
+  const templateSpec = process.env.PIEUI_CREATE_NEXT_APP_SPEC || DEFAULT_TEMPLATE_SPEC2;
+  console.log(`[pieui] Creating Next.js app in "${trimmedAppName}"...`);
+  const result = import_child_process2.spawnSync(bunBin, ["create", templateSpec, trimmedAppName, "--yes"], {
+    cwd: process.cwd(),
+    stdio: "inherit",
+    env: process.env
+  });
+  if (result.error) {
+    throw result.error;
+  }
+  if (result.status !== 0) {
+    throw new Error(`create failed (exit code ${result.status ?? "unknown"})`);
+  }
+  scaffoldCreateAppFiles(appDir);
+  initCommand(trimmedAppName);
+  console.log("[pieui] App created successfully.");
+  console.log("[pieui] Next steps:");
+  console.log(`  1. cd ${trimmedAppName}`);
+  console.log("  2. bun run dev");
+};
+
 // src/cli.ts
 var main = async () => {
   const {
@@ -198323,7 +198597,12 @@ var main = async () => {
     componentType,
     removeComponentName,
     listFilter,
-    eventName
+    eventName,
+    cardAction,
+    cardAjax,
+    cardIo,
+    pageAction,
+    pagePath
   } = parseArgs(process.argv.slice(2));
   console.log(`[pieui] CLI started with command: "${command}"`);
   switch (command) {
@@ -198338,13 +198617,53 @@ var main = async () => {
       }
       createPieAppCommand(createAppName);
       return;
+    case "create":
+      if (!createAppName) {
+        console.error("[pieui] Error: App name is required for create command");
+        printUsage();
+        process.exit(1);
+      }
+      createCommand(createAppName);
+      return;
+    case "card":
+      if (cardAction !== "add") {
+        console.error("[pieui] Error: Supported card subcommands: add");
+        printUsage();
+        process.exit(1);
+      }
+      if (!componentName) {
+        console.error("[pieui] Error: Component name is required for card add command");
+        printUsage();
+        process.exit(1);
+      }
+      addCommand(componentName, componentType, {
+        ajax: cardAjax,
+        io: cardIo
+      });
+      return;
     case "add":
       if (!componentName) {
-        console.error("[pieui] Error: Component name is required for add command");
+        console.error("[pieui] Error: Component name is required for card add command");
+        printUsage();
+        process.exit(1);
+      }
+      addCommand(componentName, componentType, {
+        ajax: cardAjax,
+        io: cardIo
+      });
+      return;
+    case "page":
+      if (pageAction !== "add") {
+        console.error("[pieui] Error: Supported page subcommands: add");
+        printUsage();
+        process.exit(1);
+      }
+      if (!pagePath) {
+        console.error("[pieui] Error: Path is required for page add command");
         printUsage();
         process.exit(1);
       }
-      addCommand(componentName, componentType);
+      pageAddCommand(pagePath);
       return;
     case "remove":
       if (!removeComponentName) {

package/dist/code/args.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"args.d.ts","sourceRoot":"","sources":["../../src/code/args.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA6B,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpE,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,EAAE,KAAG,UAuG1C,CAAA;AAED,eAAO,MAAM,UAAU,YAiItB,CAAA"}
+{"version":3,"file":"args.d.ts","sourceRoot":"","sources":["../../src/code/args.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAKR,UAAU,EACb,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,EAAE,KAAG,UA0I1C,CAAA;AAED,eAAO,MAAM,UAAU,YAsJtB,CAAA"}

package/dist/code/commands/add.d.ts

@@ -1,3 +1,3 @@
-import { ComponentType } from '../types';
-export declare const addCommand: (componentName: string, componentType?: ComponentType) => void;
+import { CardScaffoldOptions, ComponentType } from '../types';
+export declare const addCommand: (componentName: string, componentType?: ComponentType, options?: CardScaffoldOptions) => void;
 //# sourceMappingURL=add.d.ts.map

package/dist/code/commands/add.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../../src/code/commands/add.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AA0CxC,eAAO,MAAM,UAAU,GACnB,eAAe,MAAM,EACrB,gBAAe,aAAmC,SA8FrD,CAAA"}
+{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../../src/code/commands/add.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AA0C7D,eAAO,MAAM,UAAU,GACnB,eAAe,MAAM,EACrB,gBAAe,aAAmC,EAClD,UAAS,mBAAwB,SAiGpC,CAAA"}

package/dist/code/commands/create.d.ts

@@ -0,0 +1,2 @@
+export declare const createCommand: (appName: string) => void;
+//# sourceMappingURL=create.d.ts.map

package/dist/code/commands/create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../src/code/commands/create.ts"],"names":[],"mappings":"AAyFA,eAAO,MAAM,aAAa,GAAI,SAAS,MAAM,SA+C5C,CAAA"}

package/dist/code/commands/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../../src/code/commands/init.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,SA4GzC,CAAA"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../../src/code/commands/init.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,SA8GzC,CAAA"}

package/dist/code/commands/pageAdd.d.ts

@@ -0,0 +1,2 @@
+export declare const pageAddCommand: (pagePath: string) => void;
+//# sourceMappingURL=pageAdd.d.ts.map

package/dist/code/commands/pageAdd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageAdd.d.ts","sourceRoot":"","sources":["../../../src/code/commands/pageAdd.ts"],"names":[],"mappings":"AAoDA,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,SA2B9C,CAAA"}

package/dist/code/templates/componentTypes.d.ts

@@ -1,2 +1,3 @@
-export declare const componentTypesTemplate: (componentName: string, baseInterface: string) => string;
+import type { CardScaffoldOptions } from '../types';
+export declare const componentTypesTemplate: (componentName: string, baseInterface: string, options?: CardScaffoldOptions) => string;
 //# sourceMappingURL=componentTypes.d.ts.map

package/dist/code/templates/componentTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentTypes.d.ts","sourceRoot":"","sources":["../../../src/code/templates/componentTypes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,GAC/B,eAAe,MAAM,EACrB,eAAe,MAAM,KACtB,MAQF,CAAA"}
+{"version":3,"file":"componentTypes.d.ts","sourceRoot":"","sources":["../../../src/code/templates/componentTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAWnD,eAAO,MAAM,sBAAsB,GAC/B,eAAe,MAAM,EACrB,eAAe,MAAM,EACrB,UAAS,mBAAwB,KAClC,MAgBF,CAAA"}

package/dist/code/templates/index.d.ts

@@ -1,9 +1,7 @@
-import { ComponentType } from '../types';
 import { componentIndexTemplate } from './componentIndex';
 import { componentTypesTemplate } from './componentTypes';
 import { registerCallTemplate } from './registerCall';
 import { nextConfigTemplate, REQUIRED_NEXT_CONFIG_ENV_KEYS } from './nextConfig';
-export { componentIndexTemplate, componentTypesTemplate, registerCallTemplate, nextConfigTemplate, REQUIRED_NEXT_CONFIG_ENV_KEYS, };
-export declare const baseInterfaceFor: (componentType: ComponentType) => string;
-export declare const componentTemplateFor: (componentType: ComponentType, componentName: string) => string;
+import { baseInterfaceFor, componentTemplateFor, pageTemplate } from './pages';
+export { baseInterfaceFor, componentTemplateFor, componentIndexTemplate, componentTypesTemplate, pageTemplate, registerCallTemplate, nextConfigTemplate, REQUIRED_NEXT_CONFIG_ENV_KEYS, };
 //# sourceMappingURL=index.d.ts.map

package/dist/code/templates/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAKrD,OAAO,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAA;AAEhF,OAAO,EACH,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,kBAAkB,EAClB,6BAA6B,GAChC,CAAA;AASD,eAAO,MAAM,gBAAgB,GAAI,eAAe,aAAa,KAAG,MACvB,CAAA;AAEzC,eAAO,MAAM,oBAAoB,GAC7B,eAAe,aAAa,EAC5B,eAAe,MAAM,KACtB,MAYF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,EACH,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,EACf,MAAM,SAAS,CAAA;AAEhB,OAAO,EACH,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,EACtB,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,6BAA6B,GAChC,CAAA"}

package/dist/code/templates/pages/components/complexComponent.d.ts

@@ -0,0 +1,3 @@
+import type { CardScaffoldOptions } from '../../../types';
+export declare const complexComponentTemplate: (componentName: string, options?: CardScaffoldOptions) => string;
+//# sourceMappingURL=complexComponent.d.ts.map

package/dist/code/templates/pages/components/complexComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"complexComponent.d.ts","sourceRoot":"","sources":["../../../../../src/code/templates/pages/components/complexComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAOzD,eAAO,MAAM,wBAAwB,GACjC,eAAe,MAAM,EACrB,UAAS,mBAAwB,KAClC,MAoBF,CAAA"}

package/dist/code/templates/pages/components/complexContainerComponent.d.ts

@@ -0,0 +1,3 @@
+import type { CardScaffoldOptions } from '../../../types';
+export declare const complexContainerComponentTemplate: (componentName: string, options?: CardScaffoldOptions) => string;
+//# sourceMappingURL=complexContainerComponent.d.ts.map

package/dist/code/templates/pages/components/complexContainerComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"complexContainerComponent.d.ts","sourceRoot":"","sources":["../../../../../src/code/templates/pages/components/complexContainerComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAOzD,eAAO,MAAM,iCAAiC,GAC1C,eAAe,MAAM,EACrB,UAAS,mBAAwB,KAClC,MAgCF,CAAA"}

package/dist/code/templates/pages/components/index.d.ts

@@ -0,0 +1,5 @@
+export { simpleComponentTemplate } from './simpleComponent';
+export { complexComponentTemplate } from './complexComponent';
+export { simpleContainerComponentTemplate } from './simpleContainerComponent';
+export { complexContainerComponentTemplate } from './complexContainerComponent';
+//# sourceMappingURL=index.d.ts.map

package/dist/code/templates/pages/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/code/templates/pages/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAA;AAC7D,OAAO,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAA;AAC7E,OAAO,EAAE,iCAAiC,EAAE,MAAM,6BAA6B,CAAA"}

package/dist/code/templates/pages/components/shared.d.ts

@@ -0,0 +1,5 @@
+import type { CardScaffoldOptions } from '../../../types';
+export declare const dataDestructureFor: (options?: CardScaffoldOptions) => string;
+export declare const pieCardOpeningTagFor: (componentName: string, options?: CardScaffoldOptions) => string;
+export declare const ajaxSubmitDeclarationFor: (options?: CardScaffoldOptions) => string;
+//# sourceMappingURL=shared.d.ts.map

package/dist/code/templates/pages/components/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../../src/code/templates/pages/components/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,eAAO,MAAM,kBAAkB,GAC3B,UAAS,mBAAwB,KAClC,MAuBF,CAAA;AAED,eAAO,MAAM,oBAAoB,GAC7B,eAAe,MAAM,EACrB,UAAS,mBAAwB,KAClC,MAeF,CAAA;AAED,eAAO,MAAM,wBAAwB,GACjC,UAAS,mBAAwB,KAClC,MAYF,CAAA"}

package/dist/code/templates/pages/components/simpleComponent.d.ts

@@ -0,0 +1,3 @@
+import type { CardScaffoldOptions } from '../../../types';
+export declare const simpleComponentTemplate: (componentName: string, options?: CardScaffoldOptions) => string;
+//# sourceMappingURL=simpleComponent.d.ts.map

package/dist/code/templates/pages/components/simpleComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleComponent.d.ts","sourceRoot":"","sources":["../../../../../src/code/templates/pages/components/simpleComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAOzD,eAAO,MAAM,uBAAuB,GAChC,eAAe,MAAM,EACrB,UAAS,mBAAwB,KAClC,MAoBF,CAAA"}

package/dist/code/templates/pages/components/simpleContainerComponent.d.ts

@@ -0,0 +1,3 @@
+import type { CardScaffoldOptions } from '../../../types';
+export declare const simpleContainerComponentTemplate: (componentName: string, options?: CardScaffoldOptions) => string;
+//# sourceMappingURL=simpleContainerComponent.d.ts.map

package/dist/code/templates/pages/components/simpleContainerComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleContainerComponent.d.ts","sourceRoot":"","sources":["../../../../../src/code/templates/pages/components/simpleContainerComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAOzD,eAAO,MAAM,gCAAgC,GACzC,eAAe,MAAM,EACrB,UAAS,mBAAwB,KAClC,MA+BF,CAAA"}

package/dist/code/templates/pages/index.d.ts

@@ -0,0 +1,6 @@
+import { CardScaffoldOptions, ComponentType } from '../../types';
+import { pageTemplate } from './page';
+export { pageTemplate };
+export declare const baseInterfaceFor: (componentType: ComponentType) => string;
+export declare const componentTemplateFor: (componentType: ComponentType, componentName: string, options?: CardScaffoldOptions) => string;
+//# sourceMappingURL=index.d.ts.map

package/dist/code/templates/pages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/code/templates/pages/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAOhE,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AASrC,OAAO,EAAE,YAAY,EAAE,CAAA;AAEvB,eAAO,MAAM,gBAAgB,GAAI,eAAe,aAAa,KAAG,MACvB,CAAA;AAEzC,eAAO,MAAM,oBAAoB,GAC7B,eAAe,aAAa,EAC5B,eAAe,MAAM,EACrB,UAAS,mBAAwB,KAClC,MAYF,CAAA"}

package/dist/code/templates/pages/page.d.ts

@@ -0,0 +1,2 @@
+export declare const pageTemplate: (pageComponentName: string) => string;
+//# sourceMappingURL=page.d.ts.map

package/dist/code/templates/pages/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../src/code/templates/pages/page.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,GAAI,mBAAmB,MAAM,KAAG,MAYxD,CAAA"}

package/dist/code/types.d.ts

@@ -3,6 +3,8 @@ export declare const MANIFEST_FILENAME = "pieui.components.json";
 export declare const REGISTER_FUNCTION = "registerPieComponent";
 export type ComponentType = 'simple' | 'complex' | 'simple-container' | 'complex-container';
 export type ListFilter = 'all' | ComponentType;
+export type CardAction = 'add';
+export type PageAction = 'add';
 export type ParsedArgs = {
     command: string;
     outDir: string;
@@ -14,6 +16,15 @@ export type ParsedArgs = {
     eventName?: string;
     removeComponentName?: string;
     listFilter?: ListFilter;
+    cardAction?: CardAction;
+    cardAjax?: boolean;
+    cardIo?: boolean;
+    pageAction?: PageAction;
+    pagePath?: string;
+};
+export type CardScaffoldOptions = {
+    ajax?: boolean;
+    io?: boolean;
 };
 export type ComponentManifestEntry = {
     card: string;

package/dist/code/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/code/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,wBAAwB,CAAA;AAElD,eAAO,MAAM,iBAAiB,0BAA0B,CAAA;AACxD,eAAO,MAAM,iBAAiB,yBAAyB,CAAA;AAEvD,MAAM,MAAM,aAAa,GACnB,QAAQ,GACR,SAAS,GACT,kBAAkB,GAClB,mBAAmB,CAAA;AAEzB,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,aAAa,CAAA;AAE9C,MAAM,MAAM,UAAU,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,GAAG,CAAC,UAAU,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;CACvB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/code/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,wBAAwB,CAAA;AAElD,eAAO,MAAM,iBAAiB,0BAA0B,CAAA;AACxD,eAAO,MAAM,iBAAiB,yBAAyB,CAAA;AAEvD,MAAM,MAAM,aAAa,GACnB,QAAQ,GACR,SAAS,GACT,kBAAkB,GAClB,mBAAmB,CAAA;AAEzB,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,aAAa,CAAA;AAC9C,MAAM,MAAM,UAAU,GAAG,KAAK,CAAA;AAC9B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAA;AAE9B,MAAM,MAAM,UAAU,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,GAAG,CAAC,UAAU,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;CACvB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@swarm.ing/pieui",
-    "version": "2.0.10",
+    "version": "2.0.11",
     "description": "A React component library featuring PieCard component",
     "repository": {
         "type": "git",

package/dist/code/templates/complexComponent.d.ts

@@ -1,2 +0,0 @@
-export declare const complexComponentTemplate: (componentName: string) => string;
-//# sourceMappingURL=complexComponent.d.ts.map

package/dist/code/templates/complexComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"complexComponent.d.ts","sourceRoot":"","sources":["../../../src/code/templates/complexComponent.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,GAAI,eAAe,MAAM,KAAG,MAmBhE,CAAA"}

package/dist/code/templates/complexContainerComponent.d.ts

@@ -1,2 +0,0 @@
-export declare const complexContainerComponentTemplate: (componentName: string) => string;
-//# sourceMappingURL=complexContainerComponent.d.ts.map

package/dist/code/templates/complexContainerComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"complexContainerComponent.d.ts","sourceRoot":"","sources":["../../../src/code/templates/complexContainerComponent.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iCAAiC,GAC1C,eAAe,MAAM,KACtB,MA+BF,CAAA"}

package/dist/code/templates/simpleComponent.d.ts

@@ -1,2 +0,0 @@
-export declare const simpleComponentTemplate: (componentName: string) => string;
-//# sourceMappingURL=simpleComponent.d.ts.map

package/dist/code/templates/simpleComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"simpleComponent.d.ts","sourceRoot":"","sources":["../../../src/code/templates/simpleComponent.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,GAAI,eAAe,MAAM,KAAG,MAmB/D,CAAA"}

package/dist/code/templates/simpleContainerComponent.d.ts

@@ -1,2 +0,0 @@
-export declare const simpleContainerComponentTemplate: (componentName: string) => string;
-//# sourceMappingURL=simpleContainerComponent.d.ts.map

package/dist/code/templates/simpleContainerComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"simpleContainerComponent.d.ts","sourceRoot":"","sources":["../../../src/code/templates/simpleContainerComponent.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gCAAgC,GACzC,eAAe,MAAM,KACtB,MA8BF,CAAA"}