sitevision-cli 0.4.0-beta.2 → 0.6.0-beta.0

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { render } from 'ink';
 import { Text, Box } from 'ink';
 import meow from 'meow';
@@ -11,7 +11,8 @@ import { promptYesNo } from './utils/password-prompt.js';
 import { checkForUpdate } from './utils/version-check.js';
 import { isFirstRun, markFirstRunComplete, getLastSeenVersion, setLastSeenVersion, } from './utils/config.js';
 import { WelcomeScreen } from './components/WelcomeScreen.js';
-import { printBranding } from './utils/branding.js';
+import { AnimatedLogo } from './components/AnimatedLogo.js';
+import { printBranding, BIG_LOGO_WIDTH } from './utils/branding.js';
 const pkg = JSON.parse(readFileSync(new URL('../package.json', import.meta.url), 'utf8'));
 const cli = meow(`
 	Usage
@@ -84,6 +85,13 @@ function printMasthead(version) {
         `${spaces(gap)}${DIM}${right}${RESET}${spaces(padding)}${CYAN}│${RESET}`);
     console.log(`${CYAN}╰${border}╯${RESET}`);
 }
+// Play the one-shot animated wordmark and resolve once it finishes.
+async function playIntro() {
+    await new Promise(resolve => {
+        const app = render(_jsx(AnimatedLogo, { onDone: () => app.unmount() }));
+        app.waitUntilExit().then(() => resolve(), () => resolve());
+    });
+}
 async function main() {
     // On the very first run we show a dedicated welcome screen instead of the
     // masthead, so the branding is the moment. Only when stdin is a TTY — the
@@ -95,12 +103,20 @@ async function main() {
     // silently rather than claiming an update happened.
     const lastSeen = getLastSeenVersion();
     const isUpdate = !firstRun && lastSeen !== undefined && lastSeen !== pkg.version;
+    // On the plain interactive `svc` (no command), play the animated wordmark
+    // instead of the static masthead — but only when stdout is wide enough for
+    // the art and stdin is a TTY (so it doesn't run in CI / piped input).
+    const wantsIntro = !firstRun &&
+        !isUpdate &&
+        !commandName &&
+        Boolean(process.stdin.isTTY) &&
+        (process.stdout.columns ?? 0) >= BIG_LOGO_WIDTH;
     if (!firstRun) {
         if (isUpdate) {
             printBranding();
             console.log(`\x1b[32m\n  ✨ Updated to v${pkg.version}\x1b[0m \x1b[2m(from v${lastSeen})\x1b[0m\n`);
         }
-        else {
+        else if (!wantsIntro) {
             printMasthead(pkg.version);
         }
         // Record the current version so the banner shows once per upgrade.
@@ -133,8 +149,12 @@ async function main() {
             app.waitUntilExit().then(() => resolve(), () => resolve());
         });
     }
-    // If no command, show interactive menu
+    // If no command, show interactive menu (with the animated intro first when
+    // the terminal can fit it).
     if (!commandName) {
+        if (wantsIntro) {
+            await playIntro();
+        }
         render(_jsx(App, { project: project }));
         return;
     }

package/dist/commands/build.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { render, Box, Text, useInput } from 'ink';
 import { StatusIndicator } from '../components/StatusIndicator.js';
-import { WebpackRunner } from '../utils/webpack-runner.js';
-import { copyStaticToBuild, copySrcToBuild, cleanBuild, formatFileSize, createBuildZip, getZipSize, } from '../utils/zip.js';
+import { WebpackRunner, hasLocalWebpackConfig } from '../utils/webpack-runner.js';
+import { hasSitevisionScripts, runSitevisionScriptsBuild, getDelegatedZipPath, checkSitevisionScriptsCompatibility, } from '../utils/sitevision-scripts-runner.js';
+import { copyStaticToBuild, copySrcToBuild, cleanBuild, formatFileSize, createBuildZip, getZipSize, zipExists, } from '../utils/zip.js';
 import { isBundledApp, getAppType, getFullAppId, } from '../utils/project-detection.js';
 export function BuildScreen({ projectRoot, manifest, createZip = true, onBack, }) {
     const [state, setState] = React.useState({
@@ -25,8 +26,55 @@ export function BuildScreen({ projectRoot, manifest, createZip = true, onBack, }
                 setState({ status: 'cleaning', message: 'Cleaning build directory...' });
                 cleanBuild(projectRoot);
                 // Step 2: Build or copy files
+                if (isBundled && !hasLocalWebpackConfig(projectRoot)) {
+                    // No project-local webpack config: delegate the whole build to
+                    // @sitevision/sitevision-scripts, which compiles + zips to
+                    // dist/<appId>.zip (the path the CLI's sign/deploy already use).
+                    if (!hasSitevisionScripts(projectRoot)) {
+                        setState({
+                            status: 'error',
+                            error: 'No webpack.config.js found and @sitevision/sitevision-scripts is not installed. Run npm install.',
+                        });
+                        return;
+                    }
+                    // Warn if the installed sitevision-scripts is outside the range
+                    // the delegated build was validated against.
+                    const warning = checkSitevisionScriptsCompatibility(projectRoot).warning;
+                    setState({
+                        status: 'building',
+                        message: 'Building via sitevision-scripts...',
+                        warning,
+                    });
+                    const sitevisionResult = await runSitevisionScriptsBuild(projectRoot);
+                    if (!sitevisionResult.success) {
+                        setState({
+                            status: 'error',
+                            error: `${sitevisionResult.error}\n${sitevisionResult.output.slice(-1000)}`,
+                            warning,
+                        });
+                        return;
+                    }
+                    // sitevision-scripts already produced the zip; report it directly.
+                    const zipPath = getDelegatedZipPath(projectRoot, manifest.id);
+                    if (!zipExists(zipPath)) {
+                        setState({
+                            status: 'error',
+                            error: `Build reported success but no zip was found at ${zipPath}.`,
+                            warning,
+                        });
+                        return;
+                    }
+                    setState({
+                        status: 'success',
+                        message: 'Build complete',
+                        zipPath,
+                        zipSize: getZipSize(zipPath),
+                        warning,
+                    });
+                    return;
+                }
                 if (isBundled) {
-                    // Check if webpack is available
+                    // Project ships its own webpack config: build it in-process.
                     if (!WebpackRunner.isWebpackAvailable(projectRoot)) {
                         setState({
                             status: 'error',
@@ -122,7 +170,7 @@ export function BuildScreen({ projectRoot, manifest, createZip = true, onBack, }
                 return 'Build failed';
         }
     };
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(StatusIndicator, { status: getStatusIndicator(), label: getStatusLabel(), message: state.message }) }), state.status === 'success' && state.result?.stats && (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Text, { dimColor: true, children: ["Compiled in ", state.result.stats.time, "ms"] }), state.result.stats.assets &&
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(StatusIndicator, { status: getStatusIndicator(), label: getStatusLabel(), message: state.message }) }), state.warning && (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: "yellow", children: ["\u26A0 ", state.warning] }) })), state.status === 'success' && state.result?.stats && (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Text, { dimColor: true, children: ["Compiled in ", state.result.stats.time, "ms"] }), state.result.stats.assets &&
                         state.result.stats.assets.length > 0 && (_jsxs(Text, { dimColor: true, children: ["Assets: ", state.result.stats.assets.join(', ')] }))] })), state.status === 'success' && state.zipPath && (_jsxs(Box, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: [_jsxs(Text, { color: "green", children: ["\u2713 Created: ", state.zipPath] }), state.zipSize !== undefined && (_jsxs(Text, { dimColor: true, children: [" Size: ", formatFileSize(state.zipSize)] }))] })), state.result?.warnings && state.result.warnings.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "yellow", children: "Warnings:" }), state.result.warnings.slice(0, 5).map((warning, i) => (_jsx(Text, { color: "yellow", dimColor: true, children: warning.substring(0, 200) }, i))), state.result.warnings.length > 5 && (_jsxs(Text, { color: "yellow", dimColor: true, children: ["...and ", state.result.warnings.length - 5, " more"] }))] })), state.status === 'error' && state.error && (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsx(Text, { color: "red", children: state.error }) })), onBack && (state.status === 'success' || state.status === 'error') && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press q or Esc to return to menu" }) }))] }));
 }
 export const buildCommand = {

package/dist/commands/dev.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import fs from 'fs';
+import path from 'path';
 import React from 'react';
 import { render, Box, Text, useApp, useInput } from 'ink';
 import { StatusIndicator } from '../components/StatusIndicator.js';
-import { WebpackRunner } from '../utils/webpack-runner.js';
+import { WebpackRunner, hasLocalWebpackConfig } from '../utils/webpack-runner.js';
+import { hasSitevisionScripts, runSitevisionScriptsBuild, getDelegatedZipPath, checkSitevisionScriptsCompatibility, } from '../utils/sitevision-scripts-runner.js';
 import { promptPassword, promptYesNo } from '../utils/password-prompt.js';
 import { signApp, deployApp } from '../utils/sitevision-api.js';
 import { setDeployPassword } from '../utils/keychain.js';
@@ -26,23 +29,13 @@ export function DevScreen({ projectRoot, manifest, devProperties, signed, signin
         }
     });
     const webpackRunnerRef = React.useRef(null);
-    const handleBuildComplete = React.useCallback(async (result) => {
-        if (!result.success) {
-            setState(prev => ({
-                ...prev,
-                status: 'error',
-                message: result.errors?.join('\n') || 'Build failed',
-                error: result.errors?.join('\n'),
-            }));
-            return;
-        }
+    const watchersRef = React.useRef([]);
+    const debounceTimerRef = React.useRef(null);
+    const isBuildingRef = React.useRef(false);
+    const pendingRebuildRef = React.useRef(false);
+    // Sign (if needed) and deploy an already-built zip, updating UI state.
+    const signAndDeploy = React.useCallback(async (zipPath, buildTime) => {
         try {
-            // Copy static files
-            copyStaticToBuild(projectRoot);
-            // Create zip
-            const appId = getFullAppId(manifest.id);
-            await createBuildZip(projectRoot, appId);
-            const zipPath = getZipPath(projectRoot, manifest);
             let deployZipPath = zipPath;
             // Sign if needed
             if (signed && signingCredentials) {
@@ -94,7 +87,7 @@ export function DevScreen({ projectRoot, manifest, devProperties, signed, signin
                 status: 'ready',
                 message: 'Deployed. Watching for changes...',
                 buildCount: prev.buildCount + 1,
-                lastBuildTime: result.stats?.time,
+                lastBuildTime: buildTime,
                 error: undefined,
             }));
         }
@@ -107,14 +100,122 @@ export function DevScreen({ projectRoot, manifest, devProperties, signed, signin
             }));
         }
     }, [projectRoot, manifest, devProperties, signed, signingCredentials]);
+    // In-house webpack path: copy static, zip, then sign + deploy.
+    const handleBuildComplete = React.useCallback(async (result) => {
+        if (!result.success) {
+            setState(prev => ({
+                ...prev,
+                status: 'error',
+                message: result.errors?.join('\n') || 'Build failed',
+                error: result.errors?.join('\n'),
+            }));
+            return;
+        }
+        try {
+            copyStaticToBuild(projectRoot);
+            const appId = getFullAppId(manifest.id);
+            await createBuildZip(projectRoot, appId);
+            await signAndDeploy(getZipPath(projectRoot, manifest), result.stats?.time);
+        }
+        catch (error) {
+            setState(prev => ({
+                ...prev,
+                status: 'error',
+                message: error instanceof Error ? error.message : String(error),
+                error: error instanceof Error ? error.message : String(error),
+            }));
+        }
+    }, [projectRoot, manifest, signAndDeploy]);
+    // Delegated path: full `sitevision-scripts build` then sign + deploy.
+    // Coalesces overlapping triggers so a save mid-build queues one rebuild.
+    const runDelegatedBuild = React.useCallback(async () => {
+        if (isBuildingRef.current) {
+            pendingRebuildRef.current = true;
+            return;
+        }
+        isBuildingRef.current = true;
+        const buildOnce = async () => {
+            pendingRebuildRef.current = false;
+            setState(prev => ({
+                ...prev,
+                status: 'building',
+                message: 'Building via sitevision-scripts...',
+            }));
+            const result = await runSitevisionScriptsBuild(projectRoot);
+            if (result.success) {
+                await signAndDeploy(getDelegatedZipPath(projectRoot, manifest.id));
+            }
+            else {
+                setState(prev => ({
+                    ...prev,
+                    status: 'error',
+                    message: result.error ?? 'Build failed',
+                    error: `${result.error}\n${result.output.slice(-1000)}`,
+                }));
+            }
+            if (pendingRebuildRef.current) {
+                await buildOnce();
+            }
+        };
+        try {
+            await buildOnce();
+        }
+        finally {
+            isBuildingRef.current = false;
+        }
+    }, [projectRoot, manifest, signAndDeploy]);
+    // Watch source files and trigger a delegated rebuild (debounced).
+    const startFileWatcher = React.useCallback(() => {
+        const targets = [
+            'src',
+            'static',
+            'i18n',
+            'resource',
+            'config',
+            'manifest.json',
+        ]
+            .map(name => path.join(projectRoot, name))
+            .filter(target => fs.existsSync(target));
+        for (const target of targets) {
+            const isDir = fs.statSync(target).isDirectory();
+            const watcher = fs.watch(target, { recursive: isDir }, () => {
+                if (debounceTimerRef.current) {
+                    clearTimeout(debounceTimerRef.current);
+                }
+                debounceTimerRef.current = setTimeout(() => {
+                    void runDelegatedBuild();
+                }, 300);
+            });
+            watchersRef.current.push(watcher);
+        }
+    }, [projectRoot, runDelegatedBuild]);
     React.useEffect(() => {
         const isBundled = isBundledApp(manifest);
         async function startWatch() {
             try {
                 // Clean build directory
                 cleanBuild(projectRoot);
-                if (isBundled) {
-                    // Check if webpack is available
+                if (isBundled && !hasLocalWebpackConfig(projectRoot)) {
+                    // No local webpack config: delegate each build to
+                    // sitevision-scripts (full rebuild) and watch source files
+                    // ourselves, keeping the CLI's own sign + deploy flow.
+                    if (!hasSitevisionScripts(projectRoot)) {
+                        setState({
+                            status: 'error',
+                            message: 'No webpack.config.js found and @sitevision/sitevision-scripts is not installed. Run npm install.',
+                            buildCount: 0,
+                            webpackReady: false,
+                            error: 'No build pipeline available',
+                        });
+                        return;
+                    }
+                    const warning = checkSitevisionScriptsCompatibility(projectRoot).warning;
+                    setState(prev => ({ ...prev, webpackReady: true, warning }));
+                    startFileWatcher();
+                    await runDelegatedBuild();
+                }
+                else if (isBundled) {
+                    // Project ships its own webpack config: incremental in-process watch.
                     if (!WebpackRunner.isWebpackAvailable(projectRoot)) {
                         setState({
                             status: 'error',
@@ -175,14 +276,30 @@ export function DevScreen({ projectRoot, manifest, devProperties, signed, signin
             if (webpackRunnerRef.current) {
                 webpackRunnerRef.current.close().catch(() => { });
             }
+            if (debounceTimerRef.current) {
+                clearTimeout(debounceTimerRef.current);
+            }
+            for (const watcher of watchersRef.current) {
+                watcher.close();
+            }
+            watchersRef.current = [];
         };
-    }, [projectRoot, manifest, handleBuildComplete]);
+    }, [
+        projectRoot,
+        manifest,
+        handleBuildComplete,
+        runDelegatedBuild,
+        startFileWatcher,
+    ]);
     // Handle Ctrl+C
     React.useEffect(() => {
         const handleExit = () => {
             if (webpackRunnerRef.current) {
                 webpackRunnerRef.current.close().catch(() => { });
             }
+            for (const watcher of watchersRef.current) {
+                watcher.close();
+            }
             exit();
         };
         process.on('SIGINT', handleExit);
@@ -220,7 +337,7 @@ export function DevScreen({ projectRoot, manifest, devProperties, signed, signin
                 return 'Error';
         }
     };
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(StatusIndicator, { status: getStatusType(), label: getStatusLabel(), message: state.message }) }), state.buildCount > 0 && (_jsx(Box, { marginLeft: 2, marginBottom: 1, children: _jsxs(Text, { dimColor: true, children: ["Builds: ", state.buildCount, state.lastBuildTime
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(StatusIndicator, { status: getStatusType(), label: getStatusLabel(), message: state.message }) }), state.warning && (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: "yellow", children: ["\u26A0 ", state.warning] }) })), state.buildCount > 0 && (_jsx(Box, { marginLeft: 2, marginBottom: 1, children: _jsxs(Text, { dimColor: true, children: ["Builds: ", state.buildCount, state.lastBuildTime
                             ? ` | Last build: ${state.lastBuildTime}ms`
                             : '', signed ? ' | Signed mode' : ''] }) })), _jsx(Box, { marginLeft: 2, marginBottom: 1, children: _jsxs(Text, { dimColor: true, children: [manifest.name, " v", manifest.version] }) }), devProperties && (_jsx(Box, { marginLeft: 2, marginBottom: 1, children: _jsxs(Text, { dimColor: true, children: ["Target: ", devProperties.domain, "/", devProperties.siteName, "/", devProperties.addonName] }) })), state.status === 'error' && state.error && (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsx(Text, { color: "red", children: state.error }) })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [state.status === 'error' && onRetryCredentials && (_jsx(Text, { dimColor: true, children: "Press r to retry with new credentials" })), onBack ? (_jsx(Text, { dimColor: true, children: "Press q or Esc to return to menu (Ctrl+C to stop process)" })) : (_jsx(Text, { dimColor: true, children: "Press Ctrl+C to stop" }))] })] }));
 }

package/dist/components/AnimatedLogo.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    onDone: () => void;
+}
+/**
+ * One-shot startup flair: wipes the big wordmark in left-to-right while a
+ * rainbow gradient drifts across it, then calls `onDone`. Purely decorative.
+ */
+export declare function AnimatedLogo({ onDone }: Props): import("react").JSX.Element;
+export {};

package/dist/components/AnimatedLogo.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment, useEffect, useRef, useState } from 'react';
+import { Box, Text } from 'ink';
+import { BIG_LOGO, BIG_LOGO_WIDTH } from '../utils/branding.js';
+const FRAME_MS = 45;
+const REVEAL_COLS_PER_FRAME = 9; // how fast the wipe sweeps left → right
+const HOLD_FRAMES = 20; // frames to keep cycling colours once fully revealed
+const REVEAL_FRAMES = Math.ceil(BIG_LOGO_WIDTH / REVEAL_COLS_PER_FRAME);
+const TOTAL_FRAMES = REVEAL_FRAMES + HOLD_FRAMES;
+// Convert HSL (h in degrees, s/l in 0..1) to a #rrggbb string for ink/chalk.
+function hslToHex(h, s, l) {
+    const hue = h / 360;
+    const a = s * Math.min(l, 1 - l);
+    const channel = (n) => {
+        const scaled = hue * 12;
+        const k = (n + scaled) % 12;
+        const offset = a * Math.max(-1, Math.min(k - 3, 9 - k, 1));
+        const value = l - offset;
+        return Math.round(255 * value)
+            .toString(16)
+            .padStart(2, '0');
+    };
+    return `#${channel(0)}${channel(8)}${channel(4)}`;
+}
+function buildSpans(line, y, frame, reveal) {
+    const spans = [];
+    for (const [x, char] of [...line].entries()) {
+        const hidden = x >= reveal;
+        const blank = char === ' ' || hidden;
+        // Moving diagonal rainbow: hue depends on column + row + time, quantised
+        // so neighbouring characters share a colour and runs stay long.
+        const col = x * 1.6;
+        const row = y * 6;
+        const time = frame * 7;
+        const stepped = Math.round((col + row + time) / 8) * 8;
+        const hue = blank ? undefined : stepped % 360;
+        // Shadow characters sit darker than the solid blocks for a bit of depth.
+        const color = hue === undefined
+            ? undefined
+            : hslToHex(hue, 0.95, char === '░' ? 0.32 : 0.58);
+        const text = hidden ? ' ' : char;
+        const last = spans.at(-1);
+        if (last && last.color === color) {
+            last.text += text;
+        }
+        else {
+            spans.push({ text, color });
+        }
+    }
+    return spans;
+}
+/**
+ * One-shot startup flair: wipes the big wordmark in left-to-right while a
+ * rainbow gradient drifts across it, then calls `onDone`. Purely decorative.
+ */
+export function AnimatedLogo({ onDone }) {
+    const [frame, setFrame] = useState(0);
+    const intervalRef = useRef(undefined);
+    useEffect(() => {
+        intervalRef.current = setInterval(() => {
+            setFrame(current => current + 1);
+        }, FRAME_MS);
+        return () => {
+            clearInterval(intervalRef.current);
+        };
+    }, []);
+    // Stop the loop and notify the parent exactly once, when the last frame is
+    // reached. Kept out of the setFrame updater so that updater stays pure.
+    useEffect(() => {
+        if (frame >= TOTAL_FRAMES) {
+            clearInterval(intervalRef.current);
+            onDone();
+        }
+    }, [frame, onDone]);
+    const reveal = frame >= REVEAL_FRAMES
+        ? BIG_LOGO_WIDTH
+        : (frame + 1) * REVEAL_COLS_PER_FRAME;
+    return (_jsx(Box, { flexDirection: "column", padding: 1, children: BIG_LOGO.map((line, y) => (_jsx(Text, { children: buildSpans(line, y, frame, reveal).map((span, index) => (_jsx(Fragment, { children: span.color ? (_jsx(Text, { color: span.color, children: span.text })) : (_jsx(Text, { children: span.text })) }, index))) }, y))) }));
+}

package/dist/components/InfoScreen.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Text, useInput } from 'ink';
 import { getAppType } from '../utils/project-detection.js';
+import { checkSitevisionScriptsCompatibility } from '../utils/sitevision-scripts-runner.js';
 export function InfoScreen({ project, onBack }) {
     const appType = getAppType(project.manifest);
+    const scriptsCompat = checkSitevisionScriptsCompatibility(project.root);
     useInput((input, key) => {
         if (key.escape || input === 'q' || key.return) {
             onBack();
         }
     });
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Sitevision Project Information" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Name: " }), _jsx(Text, { children: project.manifest.name })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "ID: " }), _jsx(Text, { children: project.manifest.id })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Version: " }), _jsx(Text, { children: project.manifest.version })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Type: " }), _jsx(Text, { color: "green", children: project.manifest.type }), _jsxs(Text, { dimColor: true, children: [" (", appType, ")"] })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Bundled: " }), _jsx(Text, { children: project.manifest.bundled ? 'Yes' : 'No' })] })] }), project.hasDevProperties && project.devProperties && (_jsxs(_Fragment, { children: [_jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Development Configuration" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Domain: " }), _jsx(Text, { children: project.devProperties.domain })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Site: " }), _jsx(Text, { children: project.devProperties.siteName })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Addon: " }), _jsx(Text, { children: project.devProperties.addonName })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Username: " }), _jsx(Text, { children: project.devProperties.username })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Use HTTP: " }), _jsx(Text, { children: project.devProperties.useHTTPForDevDeploy ? 'Yes' : 'No' })] })] })] })), !project.hasDevProperties && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "yellow", children: "\u26A0 No dev properties found. Run setup-dev-properties to configure." }) })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, children: "Project Root: " }), _jsx(Text, { dimColor: true, children: project.root })] }), _jsx(Box, { marginTop: 2, children: _jsx(Text, { dimColor: true, children: "Press Enter or ESC to return to menu" }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Sitevision Project Information" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Name: " }), _jsx(Text, { children: project.manifest.name })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "ID: " }), _jsx(Text, { children: project.manifest.id })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Version: " }), _jsx(Text, { children: project.manifest.version })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Type: " }), _jsx(Text, { color: "green", children: project.manifest.type }), _jsxs(Text, { dimColor: true, children: [" (", appType, ")"] })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Bundled: " }), _jsx(Text, { children: project.manifest.bundled ? 'Yes' : 'No' })] })] }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Build Tooling" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "sitevision-scripts: " }), _jsx(Text, { children: scriptsCompat.installed ?? 'not installed' }), _jsxs(Text, { dimColor: true, children: [" (supported ", scriptsCompat.supportedRange, ")"] })] }), scriptsCompat.warning && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "yellow", children: ["\u26A0 ", scriptsCompat.warning] }) }))] }), project.hasDevProperties && project.devProperties && (_jsxs(_Fragment, { children: [_jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Development Configuration" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Domain: " }), _jsx(Text, { children: project.devProperties.domain })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Site: " }), _jsx(Text, { children: project.devProperties.siteName })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Addon: " }), _jsx(Text, { children: project.devProperties.addonName })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Username: " }), _jsx(Text, { children: project.devProperties.username })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Use HTTP: " }), _jsx(Text, { children: project.devProperties.useHTTPForDevDeploy ? 'Yes' : 'No' })] })] })] })), !project.hasDevProperties && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "yellow", children: "\u26A0 No dev properties found. Run setup-dev-properties to configure." }) })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, children: "Project Root: " }), _jsx(Text, { dimColor: true, children: project.root })] }), _jsx(Box, { marginTop: 2, children: _jsx(Text, { dimColor: true, children: "Press Enter or ESC to return to menu" }) })] }));
 }

package/dist/utils/branding.d.ts

@@ -5,6 +5,15 @@
  */
 export declare const LOGO: string[];
 export declare const AUTHOR = "Rasmus S\u00F6derstr\u00F6m";
+/**
+ * Big block-shadow "Sitevision CLI" wordmark, used by the animated startup
+ * intro (see components/AnimatedLogo). It's ~120 columns wide, so callers
+ * should only render it when the terminal is at least that wide — otherwise it
+ * wraps and looks broken.
+ */
+export declare const BIG_LOGO: string[];
+/** Display width of the widest BIG_LOGO line. */
+export declare const BIG_LOGO_WIDTH: number;
 /**
  * Print the logo + author line straight to stdout (non-interactive), mirroring
  * how the masthead is printed. Used for the update banner.

package/dist/utils/branding.js

@@ -17,6 +17,24 @@ export const LOGO = [
     '  └──────────┘  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄',
 ];
 export const AUTHOR = 'Rasmus Söderström';
+/**
+ * Big block-shadow "Sitevision CLI" wordmark, used by the animated startup
+ * intro (see components/AnimatedLogo). It's ~120 columns wide, so callers
+ * should only render it when the terminal is at least that wide — otherwise it
+ * wraps and looks broken.
+ */
+export const BIG_LOGO = [
+    ' █████████   ███   █████                          ███           ███                           █████████  █████       █████',
+    ' ███░░░░░███ ░░░   ░░███                          ░░░           ░░░                           ███░░░░░███░░███       ░░███ ',
+    '░███    ░░░  ████  ███████    ██████  █████ █████ ████   █████  ████   ██████  ████████      ███     ░░░  ░███        ░███ ',
+    '░░█████████ ░░███ ░░░███░    ███░░███░░███ ░░███ ░░███  ███░░  ░░███  ███░░███░░███░░███    ░███          ░███        ░███ ',
+    ' ░░░░░░░░███ ░███   ░███    ░███████  ░███  ░███  ░███ ░░█████  ░███ ░███ ░███ ░███ ░███    ░███          ░███        ░███ ',
+    ' ███    ░███ ░███   ░███ ███░███░░░   ░░███ ███   ░███  ░░░░███ ░███ ░███ ░███ ░███ ░███    ░░███     ███ ░███      █ ░███ ',
+    '░░█████████  █████  ░░█████ ░░██████   ░░█████    █████ ██████  █████░░██████  ████ █████    ░░█████████  ███████████ █████',
+    ' ░░░░░░░░░  ░░░░░    ░░░░░   ░░░░░░     ░░░░░    ░░░░░ ░░░░░░  ░░░░░  ░░░░░░  ░░░░ ░░░░░      ░░░░░░░░░  ░░░░░░░░░░░ ░░░░░ ',
+];
+/** Display width of the widest BIG_LOGO line. */
+export const BIG_LOGO_WIDTH = Math.max(...BIG_LOGO.map(line => line.length));
 /**
  * Print the logo + author line straight to stdout (non-interactive), mirroring
  * how the masthead is printed. Used for the update banner.

package/dist/utils/process-runner.d.ts

@@ -20,11 +20,3 @@ export declare class ProcessRunner extends EventEmitter {
     kill(): void;
     getOutput(): ProcessOutput[];
 }
-/**
- * Run a sitevision-scripts command in the project directory
- */
-export declare function runSitevisionScript(scriptName: string, args?: string[], projectRoot?: string): ProcessRunner;
-/**
- * Run an NPM script
- */
-export declare function runNpmScript(scriptName: string, args?: string[], projectRoot?: string, customEnv?: Record<string, string>): ProcessRunner;

package/dist/utils/process-runner.js

@@ -72,18 +72,3 @@ export class ProcessRunner extends EventEmitter {
         return this.output;
     }
 }
-/**
- * Run a sitevision-scripts command in the project directory
- */
-export function runSitevisionScript(scriptName, args = [], projectRoot) {
-    // Check if sitevision-scripts is available locally
-    const runner = new ProcessRunner('npm', ['run', scriptName, '--', ...args], projectRoot);
-    return runner;
-}
-/**
- * Run an NPM script
- */
-export function runNpmScript(scriptName, args = [], projectRoot, customEnv) {
-    const runner = new ProcessRunner('npm', ['run', scriptName, ...args], projectRoot, false, customEnv);
-    return runner;
-}

package/dist/utils/sitevision-api.d.ts

@@ -13,6 +13,38 @@ import type { SigningCredentials, DeployConfig, ProductionDeployConfig, SigningR
  * Create Basic Auth header value
  */
 declare function createBasicAuth(username: string, password: string): string;
+/**
+ * Make an HTTP/HTTPS request
+ */
+export declare function makeRequest(url: string, options: {
+    method: string;
+    headers?: Record<string, string>;
+    body?: Buffer;
+    auth?: {
+        username: string;
+        password: string;
+    };
+    timeoutMs?: number;
+}): Promise<{
+    statusCode: number;
+    body: Buffer;
+    headers: Record<string, string>;
+}>;
+/**
+ * Whether an HTTP status is worth retrying (transient server-side failures).
+ */
+export declare function isRetryableStatus(statusCode: number): boolean;
+/**
+ * Summarize a non-success response body for error messages.
+ * Avoids dumping raw bytes (e.g. an HTML error page or a binary blob) by
+ * trimming text bodies and labelling binary ones by their content type.
+ */
+export declare function summarizeErrorBody(body: Buffer, headers: Record<string, string>): string;
+/**
+ * Check that a buffer begins with the ZIP magic bytes. Used to fail fast when
+ * the signing endpoint returns an error page with HTTP 200.
+ */
+export declare function looksLikeZip(body: Buffer): boolean;
 /**
  * Sign an app via developer.sitevision.se
  *