handoff-app 1.1.0-0 → 1.1.0-experimental.1

package/Changelog.md

@@ -6,6 +6,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to
 [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## \[1.2.0]
+
+* Upgrade to Next16
+* Add pagination data structure to arrays
+
 ## \[1.1.0] - 2026-03-05
 
 This release introduces two major new features. First, handoff now can do automatic

package/config/docs/playground.md

@@ -0,0 +1,14 @@
+---
+title: Playground
+description: Build pages from design system components. Select, arrange, edit, and preview components in a live builder.
+weight: 50
+menuTitle: 'Playground'
+metaTitle: 'Playground | Handoff Design System'
+metaDescription: 'Interactive playground for building pages from design system components.'
+enabled: true
+menu:
+  - title: Playground
+    menu:
+      - path: playground
+        title: Builder
+---

package/config/docs/system.md

@@ -16,4 +16,6 @@ menu:
     tokens: true
   - title: Components
     components: true
+  - title: Pages
+    pages: true
 ---

package/dist/app/components/Component/Cards.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const PracticeLine = ({ line, type }) => ((0, jsx_runtime_1.jsxs)("li", { className: "flex items-start gap-3", children: [type === 'positive' ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "mt-[5px] h-3 w-3 shrink-0 text-emerald-600", strokeWidth: 3 })) : type === 'negative' ? ((0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "mt-[5px] h-3 w-3 shrink-0 text-gray-400", strokeWidth: 3 })) : ((0, jsx_runtime_1.jsx)("span", { className: "mt-[5px] h-3 w-3 shrink-0" })), (0, jsx_runtime_1.jsx)("p", { className: "text-sm", children: line })] }));
+const CardItem = ({ card }) => {
+    // Split content by newlines and render each line as a separate item
+    const lines = card.content.split('\n').filter((line) => line.trim());
+    return ((0, jsx_runtime_1.jsx)("ul", { className: "space-y-3 text-emerald-800", children: lines.map((line, index) => ((0, jsx_runtime_1.jsx)(PracticeLine, { line: line, type: card.type }, `do-rule-${index}`))) }));
+};
+const Cards = ({ cards, maxCardsPerRow = 2, className = '' }) => {
+    if (!cards || cards.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-[repeat(auto-fit,minmax(100%,1fr))] gap-6 sm:grid-cols-[repeat(auto-fit,minmax(300px,1fr))]", children: cards.map((card, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "relative rounded-lg border bg-gray-50 p-8 text-gray-600 dark:bg-gray-800", children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-3 font-normal text-gray-700", children: card.title }), (0, jsx_runtime_1.jsx)(CardItem, { card: card })] }, `card-${index}`))) }));
+};
+exports.default = Cards;

package/dist/app-builder/build.d.ts

@@ -1,8 +1,13 @@
 import Handoff from '..';
 /**
  * Build the Next.js documentation application.
+ * @param copyOnlyPaths - If set, do not remove output dir; copy only these paths (relative to out/) into existing output (merge).
+ * @param deployDir - If set, copy output to this directory instead of default (workingPath/sitesDirectory/projectId).
  */
-declare const buildApp: (handoff: Handoff, skipComponents?: boolean) => Promise<void>;
+declare const buildApp: (handoff: Handoff, skipComponents?: boolean, options?: {
+    copyOnlyPaths?: string[];
+    deployDir?: string;
+}) => Promise<void>;
 /**
  * Watch the Next.js application.
  * Starts a custom dev server with Handoff-specific watchers and hot-reloading.

package/dist/app-builder/build.js

@@ -17,12 +17,14 @@ const cross_spawn_1 = __importDefault(require("cross-spawn"));
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
 const components_1 = require("../pipeline/components");
+const pages_1 = require("../pipeline/pages");
+const builder_1 = __importDefault(require("../transformers/preview/component/builder"));
 const css_1 = require("../transformers/preview/component/css");
 const javascript_1 = require("../transformers/preview/component/javascript");
-const builder_1 = __importDefault(require("../transformers/preview/component/builder"));
 const logger_1 = require("../utils/logger");
 const client_config_1 = require("./client-config");
 const paths_1 = require("./paths");
+const builder_2 = require("../transformers/preview/page/builder");
 const watchers_1 = require("./watchers");
 const websocket_1 = require("./websocket");
 /**
@@ -81,19 +83,24 @@ const initializeProjectApp = (handoff) => __awaiter(void 0, void 0, void 0, func
 });
 /**
  * Build the Next.js documentation application.
+ * @param copyOnlyPaths - If set, do not remove output dir; copy only these paths (relative to out/) into existing output (merge).
+ * @param deployDir - If set, copy output to this directory instead of default (workingPath/sitesDirectory/projectId).
  */
-const buildApp = (handoff, skipComponents) => __awaiter(void 0, void 0, void 0, function* () {
+const buildApp = (handoff, skipComponents, options) => __awaiter(void 0, void 0, void 0, function* () {
     skipComponents = skipComponents !== null && skipComponents !== void 0 ? skipComponents : false;
+    const copyOnlyPaths = options === null || options === void 0 ? void 0 : options.copyOnlyPaths;
+    const deployDir = options === null || options === void 0 ? void 0 : options.deployDir;
     // Perform cleanup
     yield cleanupAppDirectory(handoff);
     // Build components
     if (!skipComponents) {
         yield (0, components_1.buildComponents)(handoff);
     }
+    // Build pages (must run after components so rendered outputs exist)
+    yield (0, pages_1.buildPages)(handoff);
     // Prepare app
     const appPath = yield initializeProjectApp(handoff);
     yield (0, client_config_1.persistClientConfig)(handoff);
-    // Build app
     const buildResult = cross_spawn_1.default.sync('npx', ['next', 'build'], {
         cwd: appPath,
         stdio: 'inherit',
@@ -106,16 +113,35 @@ const buildApp = (handoff, skipComponents) => __awaiter(void 0, void 0, void 0,
         }
         throw new Error(errorMsg);
     }
-    // Ensure output root directory exists
-    const outputRoot = path_1.default.resolve(handoff.workingPath, handoff.sitesDirectory);
-    yield fs_extra_1.default.ensureDir(outputRoot);
-    // Clean the project output directory (if exists)
-    const output = path_1.default.resolve(outputRoot, handoff.getProjectId());
-    if (fs_extra_1.default.existsSync(output)) {
-        yield fs_extra_1.default.remove(output);
+    // Resolve output directory: explicit deployDir or default under working path
+    const outputRoot = deployDir
+        ? path_1.default.resolve(deployDir)
+        : path_1.default.resolve(handoff.workingPath, handoff.sitesDirectory);
+    const output = deployDir ? outputRoot : path_1.default.resolve(outputRoot, handoff.getProjectId());
+    if (!deployDir) {
+        yield fs_extra_1.default.ensureDir(path_1.default.resolve(handoff.workingPath, handoff.sitesDirectory));
+    }
+    if (copyOnlyPaths && copyOnlyPaths.length > 0) {
+        // Partial deploy: merge only the listed paths into existing output
+        yield fs_extra_1.default.ensureDir(output);
+        const outDir = path_1.default.resolve(appPath, 'out');
+        for (const relativePath of copyOnlyPaths) {
+            const src = path_1.default.join(outDir, relativePath);
+            const dest = path_1.default.join(output, relativePath);
+            if (fs_extra_1.default.existsSync(src)) {
+                yield fs_extra_1.default.ensureDir(path_1.default.dirname(dest));
+                yield fs_extra_1.default.copy(src, dest, { overwrite: true });
+            }
+        }
+    }
+    else {
+        // Full deploy: replace output with full out
+        if (fs_extra_1.default.existsSync(output)) {
+            yield fs_extra_1.default.remove(output);
+        }
+        yield fs_extra_1.default.ensureDir(output);
+        yield fs_extra_1.default.copy(path_1.default.resolve(appPath, 'out'), output);
     }
-    // Copy the build files into the project output directory
-    yield fs_extra_1.default.copy(path_1.default.resolve(appPath, 'out'), output);
 });
 /**
  * Watch the Next.js application.
@@ -128,6 +154,8 @@ const watchApp = (handoff) => __awaiter(void 0, void 0, void 0, function* () {
     yield (0, builder_1.default)(handoff, undefined, undefined, { useCache: true });
     yield (0, javascript_1.buildMainJS)(handoff);
     yield (0, css_1.buildMainCss)(handoff);
+    // Build pages after components
+    yield (0, builder_2.processPages)(handoff);
     const appPath = yield initializeProjectApp(handoff);
     // Persist client configuration
     yield (0, client_config_1.persistClientConfig)(handoff);
@@ -142,7 +170,7 @@ const watchApp = (handoff) => __awaiter(void 0, void 0, void 0, function* () {
         // create empty directory
         yield fs_extra_1.default.ensureDir(moduleOutput);
     }
-    const nextProcess = (0, cross_spawn_1.default)('npx', ['next', 'dev', '--turbopack', '--port', String(port)], {
+    const nextProcess = (0, cross_spawn_1.default)('npx', ['next', 'dev', '--port', String(port)], {
         cwd: appPath,
         stdio: 'inherit',
         env: Object.assign(Object.assign({}, process.env), { NODE_ENV: 'development' }),
@@ -172,6 +200,7 @@ const watchApp = (handoff) => __awaiter(void 0, void 0, void 0, function* () {
     (0, watchers_1.watchRuntimeConfiguration)(handoff, state);
     (0, watchers_1.watchGlobalEntries)(handoff, state, chokidarConfig);
     (0, watchers_1.watchPages)(handoff, chokidarConfig);
+    (0, watchers_1.watchRuntimePages)(handoff, state);
 });
 exports.watchApp = watchApp;
 /**
@@ -190,7 +219,7 @@ const devApp = (handoff) => __awaiter(void 0, void 0, void 0, function* () {
     // Persist client configuration
     yield (0, client_config_1.persistClientConfig)(handoff);
     // Run
-    const devResult = cross_spawn_1.default.sync('npx', ['next', 'dev', '--turbopack', '--port', String((_b = (_a = handoff.config.app.ports) === null || _a === void 0 ? void 0 : _a.app) !== null && _b !== void 0 ? _b : 3000)], {
+    const devResult = cross_spawn_1.default.sync('npx', ['next', 'dev', '--port', String((_b = (_a = handoff.config.app.ports) === null || _a === void 0 ? void 0 : _a.app) !== null && _b !== void 0 ? _b : 3000)], {
         cwd: appPath,
         stdio: 'inherit',
         env: Object.assign(Object.assign({}, process.env), { NODE_ENV: 'development' }),

package/dist/app-builder/index.d.ts

@@ -1,2 +1,3 @@
 export { buildComponents } from '../pipeline/components';
 export { default, devApp, watchApp } from './build';
+export { getL1StaticPathSegments, getL2StaticPathSegments, normalizeRoutePath, resolveAffectedOutputPaths, resolveComponentAffectedOutputPaths, resolveComponentAffectedOutputPathsBatch, routePathToOutputPaths, } from './isr-paths';

package/dist/app-builder/index.js

@@ -3,10 +3,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.watchApp = exports.devApp = exports.default = exports.buildComponents = void 0;
+exports.routePathToOutputPaths = exports.resolveComponentAffectedOutputPathsBatch = exports.resolveComponentAffectedOutputPaths = exports.resolveAffectedOutputPaths = exports.normalizeRoutePath = exports.getL2StaticPathSegments = exports.getL1StaticPathSegments = exports.watchApp = exports.devApp = exports.default = exports.buildComponents = void 0;
 var components_1 = require("../pipeline/components");
 Object.defineProperty(exports, "buildComponents", { enumerable: true, get: function () { return components_1.buildComponents; } });
 var build_1 = require("./build");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(build_1).default; } });
 Object.defineProperty(exports, "devApp", { enumerable: true, get: function () { return build_1.devApp; } });
 Object.defineProperty(exports, "watchApp", { enumerable: true, get: function () { return build_1.watchApp; } });
+var isr_paths_1 = require("./isr-paths");
+Object.defineProperty(exports, "getL1StaticPathSegments", { enumerable: true, get: function () { return isr_paths_1.getL1StaticPathSegments; } });
+Object.defineProperty(exports, "getL2StaticPathSegments", { enumerable: true, get: function () { return isr_paths_1.getL2StaticPathSegments; } });
+Object.defineProperty(exports, "normalizeRoutePath", { enumerable: true, get: function () { return isr_paths_1.normalizeRoutePath; } });
+Object.defineProperty(exports, "resolveAffectedOutputPaths", { enumerable: true, get: function () { return isr_paths_1.resolveAffectedOutputPaths; } });
+Object.defineProperty(exports, "resolveComponentAffectedOutputPaths", { enumerable: true, get: function () { return isr_paths_1.resolveComponentAffectedOutputPaths; } });
+Object.defineProperty(exports, "resolveComponentAffectedOutputPathsBatch", { enumerable: true, get: function () { return isr_paths_1.resolveComponentAffectedOutputPathsBatch; } });
+Object.defineProperty(exports, "routePathToOutputPaths", { enumerable: true, get: function () { return isr_paths_1.routePathToOutputPaths; } });

package/dist/app-builder/isr-paths.d.ts

@@ -0,0 +1,44 @@
+import Handoff from '..';
+/**
+ * Returns level-1 path segments (one segment, e.g. "guidelines") for doc/pages.
+ */
+export declare function getL1StaticPathSegments(modulePath: string, workingPath: string): string[];
+/**
+ * Returns level-2 path segments { level1, level2 } for doc/pages.
+ */
+export declare function getL2StaticPathSegments(modulePath: string, workingPath: string): Array<{
+    level1: string;
+    level2: string;
+}>;
+/**
+ * Normalize a route path (e.g. "/guidelines" or "foundations/colors") to a segment path without leading slash.
+ */
+export declare function normalizeRoutePath(routePath: string): string;
+/**
+ * Resolve a single route path to the corresponding static output file path(s) under out/.
+ * Next.js static export with trailingSlash produces path/index.html for each route.
+ */
+export declare function routePathToOutputPaths(routePath: string): string[];
+/**
+ * Resolve affected static output file paths (relative to out/) for ISR.
+ *
+ * @param handoff - Handoff instance (used for modulePath, workingPath)
+ * @param options.path - Single route path to invalidate (e.g. "/guidelines", "foundations/colors")
+ * @param options.paths - Multiple route paths to invalidate
+ * @param options.menuChanged - If true, return all menu-linked routes (all doc pages + system index pages)
+ * @returns Relative paths under out/, e.g. ["index.html", "guidelines/index.html"]
+ */
+export declare function resolveAffectedOutputPaths(handoff: Handoff, options: {
+    path?: string;
+    paths?: string[];
+    menuChanged?: boolean;
+}): string[];
+/**
+ * Resolve affected static output file paths for a component ISR update.
+ * Returns paths under out/ for the component route, component list, and API JSON files.
+ */
+export declare function resolveComponentAffectedOutputPaths(componentId: string): string[];
+/**
+ * Resolve affected output paths for multiple components (union).
+ */
+export declare function resolveComponentAffectedOutputPathsBatch(componentIds: string[]): string[];

package/dist/app-builder/isr-paths.js

@@ -0,0 +1,187 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getL1StaticPathSegments = getL1StaticPathSegments;
+exports.getL2StaticPathSegments = getL2StaticPathSegments;
+exports.normalizeRoutePath = normalizeRoutePath;
+exports.routePathToOutputPaths = routePathToOutputPaths;
+exports.resolveAffectedOutputPaths = resolveAffectedOutputPaths;
+exports.resolveComponentAffectedOutputPaths = resolveComponentAffectedOutputPaths;
+exports.resolveComponentAffectedOutputPathsBatch = resolveComponentAffectedOutputPathsBatch;
+/**
+ * ISR path resolver: computes which static output files (under out/) are affected
+ * for a given page path or "menu changed", for use with partial deploy.
+ *
+ * Mirrors the route structure from buildL1StaticPaths / buildL2StaticPaths (see app/components/util)
+ * but runs in CLI context using handoff paths instead of process.env.
+ */
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+/** Route segments excluded from doc/page path generation (same as knownPaths in util) */
+const KNOWN_PATHS = [
+    'assets',
+    'assets/fonts',
+    'assets/icons',
+    'assets/logos',
+    'foundations',
+    'foundations/colors',
+    'foundations/icons',
+    'foundations/effects',
+    'foundations/logos',
+    'foundations/logo',
+    'foundations/typography',
+    'system',
+    'system/component',
+    'playground',
+];
+/**
+ * Returns level-1 path segments (one segment, e.g. "guidelines") for doc/pages.
+ */
+function getL1StaticPathSegments(modulePath, workingPath) {
+    const docRoot = path_1.default.resolve(modulePath, 'config/docs');
+    const pageRoot = path_1.default.resolve(workingPath, 'pages');
+    if (!fs_extra_1.default.existsSync(docRoot)) {
+        return [];
+    }
+    let files = fs_extra_1.default.readdirSync(docRoot);
+    if (fs_extra_1.default.existsSync(pageRoot)) {
+        // ES5-compatible way to merge and deduplicate both arrays
+        var moreFiles = fs_extra_1.default.readdirSync(pageRoot);
+        for (var i = 0; i < moreFiles.length; i++) {
+            if (files.indexOf(moreFiles[i]) === -1) {
+                files.push(moreFiles[i]);
+            }
+        }
+    }
+    return files
+        .filter((fileName) => {
+        const inDoc = path_1.default.join(docRoot, fileName);
+        const inPages = path_1.default.join(pageRoot, fileName);
+        if (fs_extra_1.default.existsSync(inDoc))
+            return !fs_extra_1.default.lstatSync(inDoc).isDirectory();
+        if (fs_extra_1.default.existsSync(inPages))
+            return !fs_extra_1.default.lstatSync(inPages).isDirectory();
+        return false;
+    })
+        .filter((fileName) => fileName.endsWith('.md'))
+        .map((fileName) => fileName.replace('.md', ''))
+        .filter((segment) => !KNOWN_PATHS.includes(segment));
+}
+/**
+ * Returns level-2 path segments { level1, level2 } for doc/pages.
+ */
+function getL2StaticPathSegments(modulePath, workingPath) {
+    const docRoot = path_1.default.resolve(modulePath, 'config/docs');
+    const pageRoot = path_1.default.resolve(workingPath, 'pages');
+    if (!fs_extra_1.default.existsSync(docRoot)) {
+        return [];
+    }
+    let list = fs_extra_1.default.readdirSync(docRoot);
+    if (fs_extra_1.default.existsSync(pageRoot)) {
+        list = [...new Set([...list, ...fs_extra_1.default.readdirSync(pageRoot)])];
+    }
+    const result = [];
+    for (const fileName of list) {
+        let dirPath;
+        if (fs_extra_1.default.existsSync(path_1.default.join(pageRoot, fileName))) {
+            dirPath = path_1.default.join(pageRoot, fileName);
+        }
+        else if (fs_extra_1.default.existsSync(path_1.default.join(docRoot, fileName))) {
+            dirPath = path_1.default.join(docRoot, fileName);
+        }
+        else {
+            continue;
+        }
+        if (!fs_extra_1.default.lstatSync(dirPath).isDirectory())
+            continue;
+        const subFiles = fs_extra_1.default.readdirSync(dirPath);
+        for (const subFile of subFiles) {
+            if (!subFile.endsWith('.md'))
+                continue;
+            const level2 = subFile.replace('.md', '');
+            const fullKey = `${fileName}/${level2}`;
+            if (KNOWN_PATHS.includes(fullKey))
+                continue;
+            result.push({ level1: fileName, level2 });
+        }
+    }
+    return result;
+}
+/**
+ * Normalize a route path (e.g. "/guidelines" or "foundations/colors") to a segment path without leading slash.
+ */
+function normalizeRoutePath(routePath) {
+    return routePath.replace(/^\/+/, '').replace(/\/+$/, '');
+}
+/**
+ * Resolve a single route path to the corresponding static output file path(s) under out/.
+ * Next.js static export with trailingSlash produces path/index.html for each route.
+ */
+function routePathToOutputPaths(routePath) {
+    const segment = normalizeRoutePath(routePath);
+    if (!segment)
+        return ['index.html'];
+    return [`${segment}/index.html`];
+}
+/**
+ * Resolve affected static output file paths (relative to out/) for ISR.
+ *
+ * @param handoff - Handoff instance (used for modulePath, workingPath)
+ * @param options.path - Single route path to invalidate (e.g. "/guidelines", "foundations/colors")
+ * @param options.paths - Multiple route paths to invalidate
+ * @param options.menuChanged - If true, return all menu-linked routes (all doc pages + system index pages)
+ * @returns Relative paths under out/, e.g. ["index.html", "guidelines/index.html"]
+ */
+function resolveAffectedOutputPaths(handoff, options) {
+    const { path: singlePath, paths: pathList, menuChanged } = options;
+    const modulePath = handoff.modulePath;
+    const workingPath = handoff.workingPath;
+    if (menuChanged) {
+        const l1 = getL1StaticPathSegments(modulePath, workingPath);
+        const l2 = getL2StaticPathSegments(modulePath, workingPath);
+        const out = ['index.html'];
+        for (const segment of l1) {
+            out.push(`${segment}/index.html`);
+        }
+        for (const { level1, level2 } of l2) {
+            out.push(`${level1}/${level2}/index.html`);
+        }
+        out.push('system/index.html', 'system/component/index.html');
+        return [...new Set(out)];
+    }
+    if (singlePath) {
+        return routePathToOutputPaths(singlePath);
+    }
+    if (pathList && pathList.length > 0) {
+        const out = [];
+        for (const p of pathList) {
+            out.push(...routePathToOutputPaths(p));
+        }
+        return [...new Set(out)];
+    }
+    return [];
+}
+/**
+ * Resolve affected static output file paths for a component ISR update.
+ * Returns paths under out/ for the component route, component list, and API JSON files.
+ */
+function resolveComponentAffectedOutputPaths(componentId) {
+    return [
+        `system/component/${componentId}/index.html`,
+        'system/component/index.html',
+        `api/component/${componentId}.json`,
+        'api/components.json',
+    ];
+}
+/**
+ * Resolve affected output paths for multiple components (union).
+ */
+function resolveComponentAffectedOutputPathsBatch(componentIds) {
+    const out = ['system/component/index.html', 'api/components.json'];
+    for (const id of componentIds) {
+        out.push(`system/component/${id}/index.html`, `api/component/${id}.json`);
+    }
+    return [...new Set(out)];
+}

package/dist/app-builder/watchers.d.ts

@@ -34,11 +34,15 @@ export declare const mapEntryTypeToSegment: (type: keyof ComponentListObject["en
  *
  * @returns A Map of paths to watch and their entry types
  */
-export declare const getRuntimeComponentsPathsToWatch: (handoff: Handoff) => Map<string, "template" | "js" | "scss">;
+export declare const getRuntimeComponentsPathsToWatch: (handoff: Handoff) => Map<string, "js" | "scss" | "template">;
 /**
  * Watches runtime components for changes.
  */
 export declare const watchRuntimeComponents: (handoff: Handoff, state: WatcherState, runtimeComponentPathsToWatch: Map<string, keyof ComponentListObject["entries"]>) => void;
+/**
+ * Watches runtime page config files for changes and triggers page rebuilds.
+ */
+export declare const watchRuntimePages: (handoff: Handoff, state: WatcherState) => void;
 /**
  * Watches the runtime configuration for changes.
  */

package/dist/app-builder/watchers.js

@@ -35,13 +35,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.watchRuntimeConfiguration = exports.watchRuntimeComponents = exports.getRuntimeComponentsPathsToWatch = exports.mapEntryTypeToSegment = exports.watchGlobalEntries = exports.watchPages = exports.watchAppSource = exports.watchPublicDirectory = void 0;
+exports.watchRuntimeConfiguration = exports.watchRuntimePages = exports.watchRuntimeComponents = exports.getRuntimeComponentsPathsToWatch = exports.mapEntryTypeToSegment = exports.watchGlobalEntries = exports.watchPages = exports.watchAppSource = exports.watchPublicDirectory = void 0;
 const chokidar_1 = __importDefault(require("chokidar"));
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
 const css_1 = require("../transformers/preview/component/css");
 const javascript_1 = require("../transformers/preview/component/javascript");
 const builder_1 = __importStar(require("../transformers/preview/component/builder"));
+const builder_2 = require("../transformers/preview/page/builder");
 const logger_1 = require("../utils/logger");
 const client_config_1 = require("./client-config");
 const paths_1 = require("./paths");
@@ -260,6 +261,63 @@ const watchRuntimeComponents = (handoff, state, runtimeComponentPathsToWatch) =>
     }
 };
 exports.watchRuntimeComponents = watchRuntimeComponents;
+/**
+ * Watches runtime page config files for changes and triggers page rebuilds.
+ */
+const watchRuntimePages = (handoff, state) => {
+    var _a, _b, _c, _d, _e;
+    const runtimePages = (_c = (_b = (_a = handoff.runtimeConfig) === null || _a === void 0 ? void 0 : _a.entries) === null || _b === void 0 ? void 0 : _b.pages) !== null && _c !== void 0 ? _c : {};
+    const pageConfigPaths = handoff.getConfigFilePaths().filter((configPath) => {
+        const dirName = path_1.default.basename(path_1.default.dirname(configPath));
+        return dirName in runtimePages;
+    });
+    // Also watch page directories directly
+    const pageIds = Object.keys(runtimePages);
+    if (pageIds.length === 0 && pageConfigPaths.length === 0)
+        return;
+    const pathsToWatch = pageConfigPaths.length > 0 ? pageConfigPaths : [];
+    // Add page config entry paths from the config
+    for (const pageId of pageIds) {
+        const page = runtimePages[pageId];
+        if (page.path && fs_extra_1.default.existsSync(page.path)) {
+            pathsToWatch.push(page.path);
+        }
+    }
+    // Watch the page entry directories from config
+    if ((_e = (_d = handoff.config.entries) === null || _d === void 0 ? void 0 : _d.pages) === null || _e === void 0 ? void 0 : _e.length) {
+        for (const pagePath of handoff.config.entries.pages) {
+            const resolvedPath = path_1.default.resolve(handoff.workingPath, pagePath);
+            if (fs_extra_1.default.existsSync(resolvedPath)) {
+                pathsToWatch.push(resolvedPath);
+            }
+        }
+    }
+    if (pathsToWatch.length === 0)
+        return;
+    chokidar_1.default.watch(pathsToWatch, { ignoreInitial: true }).on('all', (event, file) => __awaiter(void 0, void 0, void 0, function* () {
+        switch (event) {
+            case 'add':
+            case 'change':
+            case 'unlink':
+                if (!state.debounce) {
+                    state.debounce = true;
+                    try {
+                        logger_1.Logger.warn('Page config changed. Rebuilding pages...');
+                        handoff.reload();
+                        yield (0, builder_2.processPages)(handoff);
+                    }
+                    catch (e) {
+                        logger_1.Logger.error('Error processing pages:', e);
+                    }
+                    finally {
+                        state.debounce = false;
+                    }
+                }
+                break;
+        }
+    }));
+};
+exports.watchRuntimePages = watchRuntimePages;
 /**
  * Watches the runtime configuration for changes.
  */

package/dist/commands/index.js

@@ -12,9 +12,16 @@ const pages_1 = __importDefault(require("./eject/pages"));
 const theme_1 = __importDefault(require("./eject/theme"));
 const fetch_1 = __importDefault(require("./fetch"));
 const init_1 = __importDefault(require("./init"));
-const component_1 = __importDefault(require("./make/component"));
+const component_1 = __importDefault(require("./isr/component"));
+const pages_2 = __importDefault(require("./isr/pages"));
+const component_2 = __importDefault(require("./make/component"));
 const page_1 = __importDefault(require("./make/page"));
 const template_1 = __importDefault(require("./make/template"));
+const init_2 = __importDefault(require("./platform/init"));
+const login_1 = __importDefault(require("./platform/login"));
+const logout_1 = __importDefault(require("./platform/logout"));
+const pull_1 = __importDefault(require("./platform/pull"));
+const push_1 = __importDefault(require("./platform/push"));
 const scaffold_1 = __importDefault(require("./scaffold"));
 const start_1 = __importDefault(require("./start"));
 const components_2 = __importDefault(require("./validate/components"));
@@ -27,9 +34,16 @@ exports.commands = [
     theme_1.default,
     fetch_1.default,
     init_1.default,
-    page_1.default,
+    pages_2.default,
     component_1.default,
+    page_1.default,
+    component_2.default,
     template_1.default,
+    login_1.default,
+    init_2.default,
+    pull_1.default,
+    push_1.default,
+    logout_1.default,
     scaffold_1.default,
     start_1.default,
     components_2.default,

package/dist/commands/isr/component.d.ts

@@ -0,0 +1,10 @@
+import { CommandModule } from 'yargs';
+import { SharedArgs } from '../types';
+export interface IsrComponentArgs extends SharedArgs {
+    id?: string;
+    ids?: string[];
+    partial?: boolean;
+    deployDir?: string;
+}
+declare const command: CommandModule<{}, IsrComponentArgs>;
+export default command;