sitevision-cli 0.6.0-beta.1 → 1.0.0-beta.0

package/dist/app.js

@@ -24,6 +24,15 @@ export default function App({ project }) {
     // slow and this component re-renders frequently).
     const signingUsername = project.devProperties?.signingUsername;
     const storedSigningPassword = useMemo(() => (signingUsername ? getSigningPassword(signingUsername) : null), [signingUsername]);
+    // Map a signing-capable command to the screen it lands on once the signing
+    // password is resolved.
+    const signedDestination = (command = currentCommand) => {
+        if (command === 'dev-signed')
+            return 'dev';
+        if (command === 'watch-signed')
+            return 'watch';
+        return 'sign';
+    };
     // Decide the next step once a signing password is needed: proceed if we already
     // have one this session, offer the keychain choice if one is saved, otherwise
     // prompt for manual entry.
@@ -34,7 +43,7 @@ export default function App({ project }) {
             isRetry: signingRetry,
         });
         if (step === 'proceed') {
-            setState(command === 'dev-signed' ? 'dev' : 'sign');
+            setState(signedDestination(command));
         }
         else if (step === 'choice') {
             setState('signing-password-choice');
@@ -78,7 +87,7 @@ export default function App({ project }) {
         if (storedSigningPassword) {
             setSigningPassword(storedSigningPassword);
         }
-        setState(currentCommand === 'dev-signed' ? 'dev' : 'sign');
+        setState(signedDestination());
     };
     const handleEnterNewSigning = () => {
         setState('signing-password-input');
@@ -88,12 +97,7 @@ export default function App({ project }) {
         if (remember && project.devProperties?.signingUsername && password) {
             saveSigningPassword(project.devProperties.signingUsername, password);
         }
-        if (currentCommand === 'dev-signed') {
-            setState('dev');
-        }
-        else {
-            setState('sign');
-        }
+        setState(signedDestination());
     };
     const handleCommandSelect = (command) => {
         setCurrentCommand(command);
@@ -135,6 +139,21 @@ export default function App({ project }) {
                     routeToSigningStep(command);
                 }
                 break;
+            case 'watch':
+                // Build/sign-only: no deploy and no signing, so no credentials needed.
+                setState('watch');
+                break;
+            case 'watch-signed':
+                if (!project.hasDevProperties || !project.devProperties) {
+                    console.log('\x1b[31mDevelopment properties not configured. Create a .dev_properties.json file first.\x1b[0m');
+                    return;
+                }
+                if (!project.hasSigningProperties) {
+                    console.log('\x1b[31mSigning credentials not configured. Run svc setup-signing first.\x1b[0m');
+                    return;
+                }
+                routeToSigningStep(command);
+                break;
             case 'sign':
                 if (!project.hasDevProperties || !project.devProperties) {
                     console.log('\x1b[31mDevelopment properties not configured. Create a .dev_properties.json file first.\x1b[0m');
@@ -205,6 +224,23 @@ export default function App({ project }) {
                 }
                 : undefined }));
     }
+    if (state === 'watch') {
+        const watchSigned = currentCommand === 'watch-signed';
+        return (_jsx(DevScreen, { projectRoot: project.root, manifest: project.manifest, devProperties: project.devProperties, signed: watchSigned, deploy: false, onBack: () => setState('menu'), onRetryCredentials: watchSigned
+                ? () => {
+                    setSigningPassword('');
+                    // The saved password may be what failed — don't re-offer it.
+                    setSigningRetry(true);
+                    routeToSigningStep('watch-signed');
+                }
+                : undefined, signingCredentials: watchSigned && project.devProperties?.signingUsername
+                ? {
+                    username: project.devProperties.signingUsername,
+                    password: signingPassword,
+                    certificateName: project.devProperties.certificateName,
+                }
+                : undefined }));
+    }
     if (state === 'build') {
         return (_jsx(BuildScreen, { projectRoot: project.root, manifest: project.manifest, createZip: true, onBack: () => setState('menu') }));
     }

package/dist/cli.js

@@ -12,7 +12,7 @@ import { checkForUpdate } from './utils/version-check.js';
 import { isFirstRun, markFirstRunComplete, getLastSeenVersion, setLastSeenVersion, } from './utils/config.js';
 import { WelcomeScreen } from './components/WelcomeScreen.js';
 import { AnimatedLogo } from './components/AnimatedLogo.js';
-import { printBranding, BIG_LOGO_WIDTH } from './utils/branding.js';
+import { printBranding, BIG_LOGO, BIG_LOGO_WIDTH, SMALL_LOGO, SMALL_LOGO_WIDTH, } from './utils/branding.js';
 const pkg = JSON.parse(readFileSync(new URL('../package.json', import.meta.url), 'utf8'));
 const cli = meow(`
 	Usage
@@ -21,7 +21,9 @@ const cli = meow(`
 
 	Commands
 	  dev           Start development server with watch mode
+	  watch         Watch and rebuild (optionally signing) without deploying
 	  build         Build the application for production
+	  sign          Sign the app for production deployment
 	  deploy        Deploy the application
 	  info          Show project information
 
@@ -33,6 +35,8 @@ const cli = meow(`
 	  $ svc                     # Interactive menu
 	  $ svc dev
 	  $ svc dev --signed
+	  $ svc watch
+	  $ svc watch --signed
 	  $ svc build
 	  $ svc deploy --force
 	  $ svc deploy --production
@@ -85,10 +89,19 @@ function printMasthead(version) {
         `${spaces(gap)}${DIM}${right}${RESET}${spaces(padding)}${CYAN}│${RESET}`);
     console.log(`${CYAN}╰${border}╯${RESET}`);
 }
+// Pick the widest wordmark that fits the terminal, or undefined if even the
+// compact one would wrap (caller then falls back to the static masthead).
+function pickIntroArt(columns) {
+    if (columns >= BIG_LOGO_WIDTH)
+        return BIG_LOGO;
+    if (columns >= SMALL_LOGO_WIDTH)
+        return SMALL_LOGO;
+    return undefined;
+}
 // Play the one-shot animated wordmark and resolve once it finishes.
-async function playIntro() {
+async function playIntro(art) {
     await new Promise(resolve => {
-        const app = render(_jsx(AnimatedLogo, { onDone: () => app.unmount() }));
+        const app = render(_jsx(AnimatedLogo, { art: art, onDone: () => app.unmount() }));
         app.waitUntilExit().then(() => resolve(), () => resolve());
     });
 }
@@ -104,19 +117,18 @@ async function main() {
     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;
+    // instead of the static masthead — sized to the terminal. Only on a TTY so it
+    // doesn't run in CI / piped input.
+    const introEligible = !firstRun && !isUpdate && !commandName && Boolean(process.stdin.isTTY);
+    const introArt = introEligible
+        ? pickIntroArt(process.stdout.columns ?? 0)
+        : undefined;
     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 if (!wantsIntro) {
+        else if (!introArt) {
             printMasthead(pkg.version);
         }
         // Record the current version so the banner shows once per upgrade.
@@ -152,8 +164,8 @@ async function main() {
     // If no command, show interactive menu (with the animated intro first when
     // the terminal can fit it).
     if (!commandName) {
-        if (wantsIntro) {
-            await playIntro();
+        if (introArt) {
+            await playIntro(introArt);
         }
         render(_jsx(App, { project: project }));
         return;

package/dist/commands/dev.d.ts

@@ -4,12 +4,13 @@ import type { SitevisionManifest, DevProperties, SigningCredentials } from '../t
 interface DevScreenProps {
     projectRoot: string;
     manifest: SitevisionManifest;
-    devProperties: DevProperties;
+    devProperties?: DevProperties;
     signed: boolean;
+    deploy?: boolean;
     signingCredentials?: SigningCredentials;
     onBack?: () => void;
     onRetryCredentials?: () => void;
 }
-export declare function DevScreen({ projectRoot, manifest, devProperties, signed, signingCredentials, onBack, onRetryCredentials, }: DevScreenProps): React.JSX.Element;
+export declare function DevScreen({ projectRoot, manifest, devProperties, signed, deploy, signingCredentials, onBack, onRetryCredentials, }: DevScreenProps): React.JSX.Element;
 export declare const devCommand: Command;
 export {};

package/dist/commands/dev.js

@@ -12,7 +12,7 @@ import { setDeployPassword } from '../utils/keychain.js';
 import { resolveSigningPassword } from '../utils/signing-password.js';
 import { copyStaticToBuild, createBuildZip, cleanBuild } from '../utils/zip.js';
 import { isBundledApp, getAppType, getFullAppId, getZipPath, getSignedZipPath, } from '../utils/project-detection.js';
-export function DevScreen({ projectRoot, manifest, devProperties, signed, signingCredentials, onBack, onRetryCredentials, }) {
+export function DevScreen({ projectRoot, manifest, devProperties, signed, deploy = true, signingCredentials, onBack, onRetryCredentials, }) {
     const { exit } = useApp();
     const [state, setState] = React.useState({
         status: 'initializing',
@@ -57,6 +57,20 @@ export function DevScreen({ projectRoot, manifest, devProperties, signed, signin
                 }
                 deployZipPath = signedZipPath;
             }
+            // Watch/build-only mode: stop after building (and signing).
+            if (!deploy || !devProperties) {
+                setState(prev => ({
+                    ...prev,
+                    status: 'ready',
+                    message: signed
+                        ? 'Signed. Watching for changes...'
+                        : 'Built. Watching for changes...',
+                    buildCount: prev.buildCount + 1,
+                    lastBuildTime: buildTime,
+                    error: undefined,
+                }));
+                return;
+            }
             // Deploy
             setState(prev => ({
                 ...prev,
@@ -99,7 +113,7 @@ export function DevScreen({ projectRoot, manifest, devProperties, signed, signin
                 error: error instanceof Error ? error.message : String(error),
             }));
         }
-    }, [projectRoot, manifest, devProperties, signed, signingCredentials]);
+    }, [projectRoot, manifest, devProperties, signed, deploy, signingCredentials]);
     // In-house webpack path: copy static, zip, then sign + deploy.
     const handleBuildComplete = React.useCallback(async (result) => {
         if (!result.success) {
@@ -339,7 +353,7 @@ export function DevScreen({ projectRoot, manifest, devProperties, signed, signin
     };
     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" }))] })] }));
+                            : '', signed ? ' | Signed mode' : ''] }) })), _jsx(Box, { marginLeft: 2, marginBottom: 1, children: _jsxs(Text, { dimColor: true, children: [manifest.name, " v", manifest.version] }) }), deploy && 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" }))] })] }));
 }
 export const devCommand = {
     name: 'dev',

package/dist/commands/index.js

@@ -1,4 +1,5 @@
 import { devCommand } from './dev.js';
+import { watchCommand } from './watch.js';
 import { buildCommand } from './build.js';
 import { deployCommand } from './deploy.js';
 import { infoCommand } from './info.js';
@@ -6,6 +7,7 @@ import { setupSigningCommand } from './setup-signing.js';
 import { signCommand } from './sign.js';
 export const commands = [
     devCommand,
+    watchCommand,
     buildCommand,
     signCommand,
     deployCommand,

package/dist/commands/watch.d.ts

@@ -0,0 +1,2 @@
+import { type Command } from './types.js';
+export declare const watchCommand: Command;

package/dist/commands/watch.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from 'ink';
+import { DevScreen } from './dev.js';
+import { resolveSigningPassword } from '../utils/signing-password.js';
+export const watchCommand = {
+    name: 'watch',
+    description: 'Watch and rebuild (optionally signing) without deploying',
+    requiresProject: true,
+    flags: {
+        signed: {
+            type: 'boolean',
+            description: 'Sign after each build',
+            alias: 's',
+            default: false,
+        },
+    },
+    async execute({ project, flags }) {
+        const signed = Boolean(flags['signed']);
+        let signingCredentials;
+        // Signed mode: resolve signing credentials (keychain → env → prompt).
+        // No deploy credentials are needed — watch never deploys.
+        if (signed) {
+            if (!project.hasSigningProperties ||
+                !project.devProperties?.signingUsername) {
+                console.log('\n\x1b[33mSigning credentials not configured.\x1b[0m');
+                console.log('Run \x1b[36msetup-signing\x1b[0m to configure credentials.\n');
+                return;
+            }
+            const signingUsername = project.devProperties.signingUsername;
+            const password = await resolveSigningPassword(signingUsername);
+            if (!password) {
+                console.log('\x1b[31mError: Password is required for signed mode\x1b[0m');
+                return;
+            }
+            signingCredentials = {
+                username: signingUsername,
+                password,
+                certificateName: project.devProperties.certificateName,
+            };
+        }
+        const { waitUntilExit } = render(_jsx(DevScreen, { projectRoot: project.root, manifest: project.manifest, devProperties: project.devProperties, signed: signed, deploy: false, signingCredentials: signingCredentials }));
+        await waitUntilExit();
+    },
+};

package/dist/components/AnimatedLogo.d.ts

@@ -1,9 +1,10 @@
 interface Props {
+    art?: string[];
     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 declare function AnimatedLogo({ art, onDone }: Props): import("react").JSX.Element;
 export {};

package/dist/components/AnimatedLogo.js

@@ -1,15 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, useEffect, useRef, useState } from 'react';
 import { Box, Text } from 'ink';
-import { AUTHOR, BIG_LOGO, BIG_LOGO_WIDTH } from '../utils/branding.js';
+import { AUTHOR, BIG_LOGO } from '../utils/branding.js';
 const FRAME_MS = 45;
 const SWEEP_COLS_PER_FRAME = 7; // how fast the wipe edge moves left → right
 const BAND = 18; // width of the rainbow zone trailing the sweep edge
 const HOLD_FRAMES = 6; // frames to hold the fully-settled logo before finishing
-// The sweep edge runs past the right side by BAND so the rainbow zone trails
-// all the way off, leaving every character settled to the terminal default.
-const SWEEP_FRAMES = Math.ceil((BIG_LOGO_WIDTH + BAND) / SWEEP_COLS_PER_FRAME);
-const TOTAL_FRAMES = SWEEP_FRAMES + HOLD_FRAMES;
+// Frames to fully reveal and settle art `width` columns wide. The sweep edge
+// runs past the right side by BAND so the rainbow zone trails all the way off,
+// leaving every character settled to the terminal default.
+function framesFor(width) {
+    return Math.ceil((width + BAND) / SWEEP_COLS_PER_FRAME) + 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;
@@ -59,9 +61,11 @@ function buildSpans(line, y, frame, edge) {
  * 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 }) {
+export function AnimatedLogo({ art = BIG_LOGO, onDone }) {
     const [frame, setFrame] = useState(0);
     const intervalRef = useRef(undefined);
+    const width = Math.max(...art.map(line => [...line].length));
+    const total = framesFor(width);
     useEffect(() => {
         intervalRef.current = setInterval(() => {
             setFrame(current => current + 1);
@@ -73,11 +77,11 @@ export function AnimatedLogo({ onDone }) {
     // 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) {
+        if (frame >= total) {
             clearInterval(intervalRef.current);
             onDone();
         }
-    }, [frame, onDone]);
+    }, [frame, total, onDone]);
     const edge = (frame + 1) * SWEEP_COLS_PER_FRAME;
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [BIG_LOGO.map((line, y) => (_jsx(Text, { children: buildSpans(line, y, frame, edge).map((span, index) => (_jsx(Fragment, { children: span.color ? (_jsx(Text, { color: span.color, children: span.text })) : (_jsx(Text, { children: span.text })) }, index))) }, y))), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: '  a tool by ' }), _jsx(Text, { bold: true, children: AUTHOR })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [art.map((line, y) => (_jsx(Text, { children: buildSpans(line, y, frame, edge).map((span, index) => (_jsx(Fragment, { children: span.color ? (_jsx(Text, { color: span.color, children: span.text })) : (_jsx(Text, { children: span.text })) }, index))) }, y))), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: '  a tool by ' }), _jsx(Text, { bold: true, children: AUTHOR })] })] }));
 }

package/dist/components/MainMenu.js

@@ -16,6 +16,16 @@ export function MainMenu({ project, onSelect }) {
             value: 'dev-signed',
             description: 'Development with automatic signing',
         },
+        {
+            label: '👀 Watch',
+            value: 'watch',
+            description: 'Rebuild on change without deploying',
+        },
+        {
+            label: '👀 Watch (Signed)',
+            value: 'watch-signed',
+            description: 'Rebuild and sign on change without deploying',
+        },
         {
             label: '🔨 Build',
             value: 'build',

package/dist/utils/branding.d.ts

@@ -14,6 +14,13 @@ export declare const AUTHOR = "Rasmus S\u00F6derstr\u00F6m";
 export declare const BIG_LOGO: string[];
 /** Display width of the widest BIG_LOGO line. */
 export declare const BIG_LOGO_WIDTH: number;
+/**
+ * Compact "Sitevision CLI" wordmark, animated on terminals too narrow for
+ * BIG_LOGO. ~72 columns wide.
+ */
+export declare const SMALL_LOGO: string[];
+/** Display width of the widest SMALL_LOGO line. */
+export declare const SMALL_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

@@ -35,6 +35,17 @@ 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));
+/**
+ * Compact "Sitevision CLI" wordmark, animated on terminals too narrow for
+ * BIG_LOGO. ~72 columns wide.
+ */
+export const SMALL_LOGO = [
+    '▄█████ ▄▄ ▄▄▄▄▄▄ ▄▄▄▄▄ ▄▄ ▄▄ ▄▄  ▄▄▄▄ ▄▄  ▄▄▄  ▄▄  ▄▄   ▄█████ ██     ██ ',
+    '▀▀▀▄▄▄ ██   ██   ██▄▄  ██▄██ ██ ███▄▄ ██ ██▀██ ███▄██   ██     ██     ██ ',
+    '█████▀ ██   ██   ██▄▄▄  ▀█▀  ██ ▄▄██▀ ██ ▀███▀ ██ ▀██   ▀█████ ██████ ██ ',
+];
+/** Display width of the widest SMALL_LOGO line. */
+export const SMALL_LOGO_WIDTH = Math.max(...SMALL_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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sitevision-cli",
-	"version": "0.6.0-beta.1",
+	"version": "1.0.0-beta.0",
 	"license": "MIT",
 	"bin": {
 		"svc": "dist/cli.js"