cssprobe-cli 0.2.22 → 0.2.24

package/dist/browser/launcher.d.ts

@@ -1,4 +1,4 @@
-import { type Page } from 'playwright-core';
+import { type BrowserContext, type Page } from 'playwright-core';
 import type { Snapshot, CollectConfig } from '../engine/types';
 export interface LauncherOptions {
     browser?: string;
@@ -23,5 +23,7 @@ export declare class BrowserLauncher {
     navigate(url: string): Promise<void>;
     /** Get the current page object. */
     getPage(): Page | null;
+    /** Get the current browser context. */
+    getContext(): BrowserContext | null;
     close(): Promise<void>;
 }

package/dist/browser/launcher.js

@@ -129,6 +129,10 @@ class BrowserLauncher {
     getPage() {
         return this.page;
     }
+    /** Get the current browser context. */
+    getContext() {
+        return this.context;
+    }
     async close() {
         if (this.context)
             await this.context.close().catch(() => { });

package/dist/cli/commands.js

@@ -170,6 +170,14 @@ const stateImport = (0, command_1.declareCommand)({
         merge: z.string().optional().describe('existing state file to merge into'),
     }),
 });
+const stateSave = (0, command_1.declareCommand)({
+    name: 'state-save',
+    category: 'core',
+    description: 'Save current browser session state (cookies + localStorage)',
+    options: z.object({
+        name: z.string().optional().describe('state file name (default: session)'),
+    }),
+});
 // ── config ──
 const configShow = (0, command_1.declareCommand)({
     name: 'config-show',
@@ -247,7 +255,7 @@ const commandsArray = [
     // browser
     resize, evalCmd, playwrightCmd, screenshot,
     // state
-    stateImport,
+    stateImport, stateSave,
     // config
     configShow, configSet, configList, configUse, configNew, configPath,
     // skill

package/dist/cli/program.js

@@ -51,6 +51,9 @@ async function program() {
         case 'state-import':
             await handleStateImport(command, rawArgs, output);
             return;
+        case 'state-save':
+            await handleStateSave(command, rawArgs, output);
+            return;
         case 'inspect':
         case 'tree':
         case 'layout':
@@ -492,4 +495,44 @@ async function handleStateImport(command, args, output) {
         output.error(e instanceof Error ? e.message : String(e));
     }
 }
+// ── state-save ──
+async function handleStateSave(command, args, output) {
+    try {
+        const session = await (0, session_1.loadSession)();
+        if (!session) {
+            output.error('No active session. Run: cssprobe-cli open <url>');
+            return;
+        }
+        const cmdArgs = splitArgs(args);
+        const parsed = (0, command_1.parseCommand)(command, cmdArgs);
+        const name = parsed.name || 'session';
+        const fileName = name.endsWith('.json') ? name : `${name}.json`;
+        const outPath = path_1.default.join(os_1.default.homedir(), '.cssprobe-cli', 'states', fileName);
+        // Ask daemon to save state
+        const result = await session.run({ _: ['state-save'] });
+        const state = JSON.parse(result.text);
+        const resolvedOut = path_1.default.resolve(outPath);
+        const dir = path_1.default.dirname(resolvedOut);
+        if (!fs_1.default.existsSync(dir))
+            fs_1.default.mkdirSync(dir, { recursive: true });
+        fs_1.default.writeFileSync(resolvedOut, JSON.stringify(state, null, 2) + '\n');
+        if (output.json) {
+            console.log(JSON.stringify({
+                saved: resolvedOut,
+                cookies: state.cookies?.length || 0,
+                origins: state.origins?.length || 0,
+                usage: `cssprobe-cli open <url> --state ${resolvedOut}`,
+            }, null, 2));
+        }
+        else {
+            console.log(`State saved: ${resolvedOut}`);
+            console.log(`Cookies: ${state.cookies?.length || 0}`);
+            console.log(`Origins: ${state.origins?.length || 0}`);
+            console.log(`Usage: cssprobe-cli open <url> --state ${resolvedOut}`);
+        }
+    }
+    catch (e) {
+        output.error(e instanceof Error ? e.message : String(e));
+    }
+}
 //# sourceMappingURL=program.js.map

package/dist/daemon/daemon.js

@@ -200,6 +200,13 @@ async function executeCommand(launcher, args) {
             const result = await asyncFunction(page, browser);
             return { text: JSON.stringify(result, null, 2) };
         }
+        case 'state-save': {
+            const context = launcher.getContext();
+            if (!context)
+                throw new Error('Browser is not open. Run: cssprobe-cli open <url>');
+            const state = await context.storageState();
+            return { text: JSON.stringify(state) };
+        }
         default:
             throw new Error(`Unknown command: ${command}`);
     }

package/dist/help.json

@@ -1,5 +1,5 @@
 {
-  "global": "Usage: cssprobe-cli <command> [args] [options]\n\n\nSession Management:\n  open [url]                  open browser in session mode (non-blocking)\n  close                       close the browser session\n  status                      show current session status\n  resize <width> <height>     resize the browser viewport\n  eval <expression>           evaluate javascript expression on the page (browser context)\n  playwright <call>           execute playwright api call (node.js context)\n  state-import [file]         import cookies from netscape format file\n\nCSS Inspection:\n  inspect <selector>          inspect the runtime css of a page element\n  tree <selector>             show dom tree structure\n  layout <selector>           show ascii layout diagram\n  findings <selector>         show only issues/warnings/errors\n  inject-css <css>            inject css into the current page\n\nExport:\n  screenshot                  take a screenshot of the current page\n\nConfiguration:\n  config-show                 show current configuration\n  config-set <key> <value>    set a configuration value\n  config-list                 list all profiles\n  config-use <name>           switch active profile\n  config-new <name>           create a new profile\n  config-path                 show configuration file path\n\nAgent Skills:\n  skill-install               install agent skill for cssprobe-cli\n  skill-uninstall             remove agent skill for cssprobe-cli\n\nGlobal options:\n  --help [command]            print help\n  --json                      output response as JSON\n  --raw                       output only the result value\n  --version                   print version\n  -p, --profile <name>        use named profile (or CSSPROBE_PROFILE env)",
+  "global": "Usage: cssprobe-cli <command> [args] [options]\n\n\nSession Management:\n  open [url]                  open browser in session mode (non-blocking)\n  close                       close the browser session\n  status                      show current session status\n  resize <width> <height>     resize the browser viewport\n  eval <expression>           evaluate javascript expression on the page (browser context)\n  playwright <call>           execute playwright api call (node.js context)\n  state-import [file]         import cookies from netscape format file\n  state-save                  save current browser session state (cookies + localstorage)\n\nCSS Inspection:\n  inspect <selector>          inspect the runtime css of a page element\n  tree <selector>             show dom tree structure\n  layout <selector>           show ascii layout diagram\n  findings <selector>         show only issues/warnings/errors\n  inject-css <css>            inject css into the current page\n\nExport:\n  screenshot                  take a screenshot of the current page\n\nConfiguration:\n  config-show                 show current configuration\n  config-set <key> <value>    set a configuration value\n  config-list                 list all profiles\n  config-use <name>           switch active profile\n  config-new <name>           create a new profile\n  config-path                 show configuration file path\n\nAgent Skills:\n  skill-install               install agent skill for cssprobe-cli\n  skill-uninstall             remove agent skill for cssprobe-cli\n\nGlobal options:\n  --help [command]            print help\n  --json                      output response as JSON\n  --raw                       output only the result value\n  --version                   print version\n  -p, --profile <name>        use named profile (or CSSPROBE_PROFILE env)",
   "commands": {
     "open": {
       "help": "cssprobe-cli open [url]\n\nOpen browser in session mode (non-blocking)\n\nArguments:\n  [url]                       url, file:// path, or local html file path\nOptions:\n  --browser                   browser engine (default chromium)\n  --headed                    show the browser window\n  --viewport                  viewport size as wxh (e.g. 1280x720)\n  --state                     path to saved state file (cookies + localstorage)\n\nGlobal options:\n  --json                      output as JSON\n  --profile, -p <name>        use named profile",
@@ -107,6 +107,13 @@
         "file"
       ]
     },
+    "state-save": {
+      "help": "cssprobe-cli state-save \n\nSave current browser session state (cookies + localStorage)\n\nOptions:\n  --name                      state file name (default: session)\n\nGlobal options:\n  --json                      output as JSON\n  --profile, -p <name>        use named profile",
+      "flags": {
+        "name": "string"
+      },
+      "args": []
+    },
     "config-show": {
       "help": "cssprobe-cli config-show \n\nShow current configuration\n\nOptions:\n  --profile                   profile name",
       "flags": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cssprobe-cli",
-  "version": "0.2.22",
+  "version": "0.2.24",
   "description": "Runtime CSS probe — inspect layout, colors, backgrounds, fonts and more in a live browser. AI agents and shell automation.",
   "keywords": [
     "css",