@pagepocket/cli 0.12.0 → 0.13.0

package/dist/commands/archive.js

@@ -1,139 +1,11 @@
-import { createRequire } from "node:module";
-import { pathToFileURL } from "node:url";
 import { Args, Command, Flags } from "@oclif/core";
 import { ga, ns, PagePocket } from "@pagepocket/lib";
 import chalk from "chalk";
+import ora from "ora";
 import { ConfigService } from "../services/config-service.js";
 import { loadConfiguredPlugins } from "../services/load-configured-plugins.js";
-import { readBuiltinStrategy, listBuiltinStrategyNames } from "../services/strategy/builtin-strategy-registry.js";
-import { normalizeStrategyUnits } from "../services/strategy/strategy-normalize.js";
 import { StrategyService } from "../services/strategy/strategy-service.js";
-import { UnitStore } from "../services/units/unit-store.js";
-import { isUnitLike, resolveUnitConstructor } from "../services/units/unit-validate.js";
-import { parsePinnedSpec } from "../services/user-packages/parse-pinned-spec.js";
-import { uniq } from "../utils/array.js";
-import { withSpinner } from "../utils/with-spinner.js";
-const buildMissingStrategyError = (input) => {
-    const available = uniq([...input.installedNames, ...listBuiltinStrategyNames()])
-        .filter((name) => name.trim().length > 0)
-        .sort((left, right) => left.localeCompare(right));
-    const suffix = available.length > 0
-        ? ` Available strategies: ${available.join(", ")}`
-        : " No strategies found.";
-    return new Error(`Strategy not found: ${input.strategyName}.${suffix}`);
-};
-const resolveStrategy = (input) => {
-    const installedNames = input.strategyService.listInstalledStrategyNames();
-    if (installedNames.includes(input.strategyName)) {
-        return {
-            name: input.strategyName,
-            strategyFile: input.strategyService.readStrategy(input.strategyName),
-            source: "installed"
-        };
-    }
-    const builtin = readBuiltinStrategy(input.strategyName);
-    if (builtin) {
-        return {
-            name: input.strategyName,
-            strategyFile: builtin,
-            source: "builtin"
-        };
-    }
-    throw buildMissingStrategyError({
-        strategyName: input.strategyName,
-        installedNames
-    });
-};
-const assertNoDuplicateUnitIds = (input) => {
-    const seen = new Set();
-    const duplicateUnit = input.units.find((unit) => {
-        if (seen.has(unit.id)) {
-            return true;
-        }
-        seen.add(unit.id);
-        return false;
-    });
-    if (duplicateUnit) {
-        throw new Error(`Duplicate unit id detected in strategy ${input.strategyName}: ${duplicateUnit.id}`);
-    }
-};
-const loadInstalledStrategyUnits = async (input) => {
-    const strategyService = new StrategyService(input.configService);
-    const unitStore = new UnitStore(input.configService);
-    strategyService.ensureConfigFileExists();
-    const strategyFile = strategyService.readStrategy(input.strategyName);
-    const normalized = normalizeStrategyUnits(strategyFile);
-    const installed = unitStore.readInstalledDependencyVersions();
-    const drift = normalized.flatMap((unit) => {
-        const pinned = parsePinnedSpec(unit.ref);
-        const installedVersion = installed[pinned.name];
-        if (!installedVersion || installedVersion !== pinned.version) {
-            return [
-                {
-                    name: pinned.name,
-                    pinned: pinned.version,
-                    installed: installedVersion
-                }
-            ];
-        }
-        return [];
-    });
-    if (drift.length > 0) {
-        const details = drift
-            .map((driftItem) => {
-            const installedText = typeof driftItem.installed === "string" ? driftItem.installed : "(not installed)";
-            return `${driftItem.name}: pinned ${driftItem.pinned}, installed ${installedText}`;
-        })
-            .join("; ");
-        throw new Error(`Strategy drift detected (${input.strategyName}). ${details}. ` +
-            `Fix: pp strategy update ${input.strategyName} OR pp strategy pin ${input.strategyName}`);
-    }
-    const units = await Promise.all(normalized.map(async (unit) => unitStore.instantiateFromRef(unit.ref, unit.args)));
-    assertNoDuplicateUnitIds({
-        strategyName: input.strategyName,
-        units
-    });
-    return units;
-};
-const instantiateBuiltinUnit = async (input) => {
-    const req = createRequire(import.meta.url);
-    const pinned = parsePinnedSpec(input.ref);
-    const resolved = req.resolve(pinned.name);
-    const mod = (await import(pathToFileURL(resolved).href));
-    const ctor = resolveUnitConstructor(mod);
-    if (!ctor) {
-        throw new Error(`Unit ${pinned.name} does not export a Unit constructor.`);
-    }
-    const instance = new ctor(...input.args);
-    if (!isUnitLike(instance)) {
-        throw new Error(`Unit ${pinned.name} exported constructor did not produce a Unit.`);
-    }
-    return instance;
-};
-const loadBuiltinStrategyUnits = async (input) => {
-    const normalized = normalizeStrategyUnits(input.strategyFile);
-    const units = await Promise.all(normalized.map(async (unit) => instantiateBuiltinUnit({
-        ref: unit.ref,
-        args: unit.args
-    })));
-    assertNoDuplicateUnitIds({
-        strategyName: input.strategyName,
-        units
-    });
-    return units;
-};
-const loadStrategyUnits = async (input) => {
-    if (input.strategy.source === "installed") {
-        return loadInstalledStrategyUnits({
-            strategyName: input.strategy.name,
-            configService: input.configService
-        });
-    }
-    return loadBuiltinStrategyUnits({
-        strategyName: input.strategy.name,
-        strategyFile: input.strategy.strategyFile
-    });
-};
+import { loadStrategyUnits, resolveStrategy } from "../utils/archive-strategy.js";
 export default class ArchiveCommand extends Command {
     static description = "Archive a web page as an offline snapshot.";
     static args = {
@@ -165,38 +37,51 @@ export default class ArchiveCommand extends Command {
         const timeoutMs = typeof flags.timeout === "number" ? flags.timeout : undefined;
         const maxDurationMs = typeof flags.maxDuration === "number" ? flags.maxDuration : undefined;
         const strategyName = typeof flags.strategy === "string" ? flags.strategy.trim() : undefined;
+        const configService = new ConfigService();
+        const name = strategyName && strategyName.length > 0 ? strategyName : "default";
+        const strategyService = new StrategyService(configService);
+        strategyService.ensureConfigFileExists();
+        const strategy = resolveStrategy({ strategyName: name, strategyService });
+        const units = await loadStrategyUnits({ strategy, configService });
+        const strategyFile = strategy.strategyFile;
+        const captureOptions = strategyFile.pipeline.captureOptions;
+        const effectiveTimeoutMs = typeof timeoutMs === "number" ? timeoutMs : captureOptions?.timeoutMs;
+        const effectiveMaxDurationMs = typeof maxDurationMs === "number" ? maxDurationMs : captureOptions?.maxDurationMs;
         const pagepocket = PagePocket.fromURL(targetUrl);
-        const result = await withSpinner(async (spinner) => {
-            {
-                const configService = new ConfigService();
-                const name = strategyName && strategyName.length > 0 ? strategyName : "default";
-                const strategyService = new StrategyService(configService);
-                strategyService.ensureConfigFileExists();
-                const strategy = resolveStrategy({
-                    strategyName: name,
-                    strategyService
-                });
-                const units = await loadStrategyUnits({
-                    strategy,
-                    configService
-                });
-                const entryTarget = pagepocket;
-                const strategyFile = strategy.strategyFile;
-                const captureOptions = strategyFile.pipeline.captureOptions;
-                const effectiveTimeoutMs = typeof timeoutMs === "number" ? timeoutMs : captureOptions?.timeoutMs;
-                const effectiveMaxDurationMs = typeof maxDurationMs === "number" ? maxDurationMs : captureOptions?.maxDurationMs;
-                const result = await entryTarget.capture({
-                    ...(typeof effectiveTimeoutMs === "number" ? { timeoutMs: effectiveTimeoutMs } : {}),
-                    ...(typeof effectiveMaxDurationMs === "number"
-                        ? { maxDurationMs: effectiveMaxDurationMs }
-                        : {}),
-                    blacklist: [...ga, ...ns],
-                    units,
-                    plugins: await loadConfiguredPlugins().catch(() => [])
-                });
-                return result;
+        let spinner = ora();
+        let activeUnitId = "";
+        let activeUnitLabel = "";
+        const formatUnitLabel = (index, total, unitDescription) => `[${index + 1}/${total}] ${unitDescription}`;
+        pagepocket.on("unit:start", (e) => {
+            activeUnitId = e.unitId;
+            activeUnitLabel = formatUnitLabel(e.index, e.total, e.unitDescription);
+            spinner = ora(activeUnitLabel).start();
+        });
+        pagepocket.on("unit:log", (e) => {
+            if (e.unitId !== activeUnitId) {
+                return;
             }
-        }, "Freezing page");
+            spinner.text = `${activeUnitLabel} ${chalk.gray(e.message)}`;
+        });
+        pagepocket.on("unit:end", (e) => {
+            spinner.succeed(formatUnitLabel(e.index, e.total, e.unitDescription));
+        });
+        let result;
+        try {
+            result = await pagepocket.capture({
+                ...(typeof effectiveTimeoutMs === "number" ? { timeoutMs: effectiveTimeoutMs } : {}),
+                ...(typeof effectiveMaxDurationMs === "number"
+                    ? { maxDurationMs: effectiveMaxDurationMs }
+                    : {}),
+                blacklist: [...ga, ...ns],
+                units,
+                plugins: await loadConfiguredPlugins().catch(() => [])
+            });
+        }
+        catch (error) {
+            spinner.fail();
+            throw error;
+        }
         this.log(chalk.green("All done! Snapshot created."));
         if (result.kind === "zip") {
             this.log(`Snapshot saved to ${chalk.cyan(result.zip.outputPath)}`);

package/dist/commands/strategy/ls.js

@@ -1,14 +1,19 @@
 import { Command } from "@oclif/core";
 import chalk from "chalk";
 import { listBuiltinStrategyNames, readBuiltinStrategy } from "../../services/strategy/builtin-strategy-registry.js";
-import { normalizeStrategyUnits } from "../../services/strategy/strategy-normalize.js";
+import { normalizeBuiltinStrategyUnits, normalizeStrategyUnits } from "../../services/strategy/strategy-normalize.js";
 import { StrategyService } from "../../services/strategy/strategy-service.js";
 import { uniq } from "../../utils/array.js";
-const formatStrategy = (name, strategyFile) => {
+const formatInstalledStrategy = (name, strategyFile) => {
     const units = normalizeStrategyUnits(strategyFile);
     const pipeline = units.map((unit) => unit.ref).join(" -> ");
     return pipeline.length > 0 ? `${name}${chalk.dim(`(${pipeline})`)}` : name;
 };
+const formatBuiltinStrategy = (name, strategyFile) => {
+    const units = normalizeBuiltinStrategyUnits(strategyFile);
+    const pipeline = units.map((unit) => unit.name).join(" -> ");
+    return pipeline.length > 0 ? `${name}${chalk.dim(`(${pipeline})`)}` : name;
+};
 export default class StrategyLsCommand extends Command {
     static description = "List available strategies.";
     async run() {
@@ -25,11 +30,13 @@ export default class StrategyLsCommand extends Command {
             return;
         }
         for (const name of names) {
-            const strategyFile = installedNames.includes(name)
-                ? service.readStrategy(name)
-                : readBuiltinStrategy(name);
+            const isInstalled = installedNames.includes(name);
+            const strategyFile = isInstalled ? service.readStrategy(name) : readBuiltinStrategy(name);
             if (strategyFile) {
-                this.log(formatStrategy(name, strategyFile));
+                const formatted = isInstalled
+                    ? formatInstalledStrategy(name, strategyFile)
+                    : formatBuiltinStrategy(name, strategyFile);
+                this.log(formatted);
             }
             else {
                 this.log(name);

package/dist/commands/view.js

@@ -51,7 +51,7 @@ export default class ViewCommand extends Command {
             host: flags.host,
             port
         });
-        this.log(`Serving ${chalk.cyan(rootDir)}`);
+        this.log(`Serving ${chalk.cyan(rootDir)} ${chalk.dim(`(${server.snapshotType})`)}`);
         this.log(chalk.green(server.url));
     }
 }

package/dist/services/strategy/strategy-normalize.js

@@ -43,3 +43,41 @@ export const normalizeStrategyUnits = (strategy) => {
     const units = strategy.pipeline.units;
     return units.map((spec, idx) => normalizeUnitSpec(spec, idx));
 };
+const parsePackageName = (spec) => {
+    const trimmed = spec.trim();
+    if (trimmed.startsWith("@")) {
+        const afterScope = trimmed.indexOf("/");
+        if (afterScope === -1) {
+            throw new Error(`Invalid scoped package spec: ${trimmed}`);
+        }
+        const versionSep = trimmed.indexOf("@", afterScope + 1);
+        return versionSep === -1 ? trimmed : trimmed.slice(0, versionSep);
+    }
+    const versionSep = trimmed.indexOf("@");
+    return versionSep === -1 ? trimmed : trimmed.slice(0, versionSep);
+};
+const normalizeBuiltinUnitSpec = (spec, idx) => {
+    if (typeof spec === "string") {
+        return { name: parsePackageName(spec), args: [] };
+    }
+    if (!isRecord(spec)) {
+        throw new Error(`Invalid unit spec at index ${idx}`);
+    }
+    const ref = spec.ref;
+    if (typeof ref !== "string") {
+        throw new Error(`Invalid unit ref at index ${idx}`);
+    }
+    const argsRaw = spec.args;
+    const args = typeof argsRaw === "undefined" ? [] : argsRaw;
+    if (!Array.isArray(args)) {
+        throw new Error(`Invalid unit args at index ${idx} (must be an array)`);
+    }
+    if (!isJsonValue(args)) {
+        throw new Error(`Invalid unit args at index ${idx} (must be JSON-only)`);
+    }
+    return { name: parsePackageName(ref), args };
+};
+export const normalizeBuiltinStrategyUnits = (strategy) => {
+    const units = strategy.pipeline.units;
+    return units.map((spec, idx) => normalizeBuiltinUnitSpec(spec, idx));
+};

package/dist/services/strategy/strategy-pack-store.js

@@ -1,7 +1,6 @@
 import path from "node:path";
 import { parsePinnedSpec } from "../user-packages/parse-pinned-spec.js";
-import { installPinnedPackage } from "../user-packages/user-package-installer.js";
-import { updatePackageToLatest } from "../user-packages/user-package-installer.js";
+import { installPinnedPackage, updatePackageToLatest } from "../user-packages/user-package-installer.js";
 import { UserPackageStore } from "../user-packages/user-package-store.js";
 const STRATEGY_PACKS_KIND = "strategy-packs";
 const STRATEGY_PACKS_PACKAGE_JSON_NAME = "pagepocket-user-strategy-packs";

package/dist/services/units/unit-validate.js

@@ -7,9 +7,6 @@ export const isUnitLike = (value) => {
     if (typeof value.id !== "string" || value.id.trim().length === 0) {
         return false;
     }
-    if (typeof value.kind !== "string" || value.kind.trim().length === 0) {
-        return false;
-    }
     if (!isCallable(value.run)) {
         return false;
     }

package/dist/units/network-observer-unit.js

@@ -7,7 +7,7 @@ import { Unit } from "@pagepocket/lib";
  */
 export class NetworkObserverUnit extends Unit {
     id = "networkObserver";
-    kind = "observe.network";
+    description = "Observing network events";
     config;
     constructor(config = {}) {
         super();

package/dist/utils/archive-strategy.js

@@ -0,0 +1,138 @@
+import { createRequire } from "node:module";
+import { pathToFileURL } from "node:url";
+import { readBuiltinStrategy, listBuiltinStrategyNames } from "../services/strategy/builtin-strategy-registry.js";
+import { normalizeBuiltinStrategyUnits, normalizeStrategyUnits } from "../services/strategy/strategy-normalize.js";
+import { StrategyService } from "../services/strategy/strategy-service.js";
+import { UnitStore } from "../services/units/unit-store.js";
+import { isUnitLike, resolveUnitConstructor } from "../services/units/unit-validate.js";
+import { parsePinnedSpec } from "../services/user-packages/parse-pinned-spec.js";
+import { uniq } from "./array.js";
+const buildMissingStrategyError = (input) => {
+    const available = uniq([...input.installedNames, ...listBuiltinStrategyNames()])
+        .filter((name) => name.trim().length > 0)
+        .sort((left, right) => left.localeCompare(right));
+    const suffix = available.length > 0
+        ? ` Available strategies: ${available.join(", ")}`
+        : " No strategies found.";
+    return new Error(`Strategy not found: ${input.strategyName}.${suffix}`);
+};
+const assertNoDuplicateUnitIds = (input) => {
+    const seen = new Set();
+    const duplicateUnit = input.units.find((unit) => {
+        if (seen.has(unit.id)) {
+            return true;
+        }
+        seen.add(unit.id);
+        return false;
+    });
+    if (duplicateUnit) {
+        throw new Error(`Duplicate unit id detected in strategy ${input.strategyName}: ${duplicateUnit.id}`);
+    }
+};
+const loadInstalledStrategyUnits = async (input) => {
+    const strategyService = new StrategyService(input.configService);
+    const unitStore = new UnitStore(input.configService);
+    strategyService.ensureConfigFileExists();
+    const strategyFile = strategyService.readStrategy(input.strategyName);
+    const normalized = normalizeStrategyUnits(strategyFile);
+    const installed = unitStore.readInstalledDependencyVersions();
+    const drift = normalized.flatMap((unit) => {
+        const pinned = parsePinnedSpec(unit.ref);
+        const installedVersion = installed[pinned.name];
+        if (!installedVersion || installedVersion !== pinned.version) {
+            return [
+                {
+                    name: pinned.name,
+                    pinned: pinned.version,
+                    installed: installedVersion
+                }
+            ];
+        }
+        return [];
+    });
+    if (drift.length > 0) {
+        const details = drift
+            .map((driftItem) => {
+            const installedText = typeof driftItem.installed === "string" ? driftItem.installed : "(not installed)";
+            return `${driftItem.name}: pinned ${driftItem.pinned}, installed ${installedText}`;
+        })
+            .join("; ");
+        throw new Error(`Strategy drift detected (${input.strategyName}). ${details}. ` +
+            `Fix: pp strategy update ${input.strategyName} OR pp strategy pin ${input.strategyName}`);
+    }
+    const units = await Promise.all(normalized.map(async (unit) => unitStore.instantiateFromRef(unit.ref, unit.args)));
+    assertNoDuplicateUnitIds({
+        strategyName: input.strategyName,
+        units
+    });
+    return units;
+};
+const instantiateBuiltinUnit = async (input) => {
+    const req = createRequire(import.meta.url);
+    const resolved = req.resolve(input.name);
+    const mod = (await import(pathToFileURL(resolved).href));
+    const ctor = resolveUnitConstructor(mod);
+    if (!ctor) {
+        throw new Error(`Unit ${input.name} does not export a Unit constructor.`);
+    }
+    const instance = new ctor(...input.args);
+    if (!isUnitLike(instance)) {
+        throw new Error(`Unit ${input.name} exported constructor did not produce a Unit.`);
+    }
+    return instance;
+};
+const loadBuiltinStrategyUnits = async (input) => {
+    const normalized = normalizeBuiltinStrategyUnits(input.strategyFile);
+    const units = await Promise.all(normalized.map(async (unit) => instantiateBuiltinUnit(unit)));
+    assertNoDuplicateUnitIds({
+        strategyName: input.strategyName,
+        units
+    });
+    return units;
+};
+/**
+ * Resolve strategy by name from installed strategies first, then built-in strategies.
+ *
+ * Usage:
+ * const strategy = resolveStrategy({ strategyName: "default", strategyService });
+ */
+export const resolveStrategy = (input) => {
+    const installedNames = input.strategyService.listInstalledStrategyNames();
+    if (installedNames.includes(input.strategyName)) {
+        return {
+            name: input.strategyName,
+            strategyFile: input.strategyService.readStrategy(input.strategyName),
+            source: "installed"
+        };
+    }
+    const builtin = readBuiltinStrategy(input.strategyName);
+    if (builtin) {
+        return {
+            name: input.strategyName,
+            strategyFile: builtin,
+            source: "builtin"
+        };
+    }
+    throw buildMissingStrategyError({
+        strategyName: input.strategyName,
+        installedNames
+    });
+};
+/**
+ * Load executable unit instances for a resolved strategy.
+ *
+ * Usage:
+ * const units = await loadStrategyUnits({ strategy, configService });
+ */
+export const loadStrategyUnits = async (input) => {
+    if (input.strategy.source === "installed") {
+        return loadInstalledStrategyUnits({
+            strategyName: input.strategy.name,
+            configService: input.configService
+        });
+    }
+    return loadBuiltinStrategyUnits({
+        strategyName: input.strategy.name,
+        strategyFile: input.strategy.strategyFile
+    });
+};

package/dist/vendor/content-reader.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wider:.05em;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-notion-bg-light:#fff;--color-notion-text-light:#37352f;--color-notion-bg-dark:#191919;--color-notion-text-dark:#d4d4d4;--color-notion-border-light:#e9e9e8;--color-notion-border-dark:#373737;--color-notion-code-bg-light:#f7f6f3;--color-notion-code-bg-dark:#1e1e1e;--color-notion-quote-border-light:#37352f;--color-notion-quote-border-dark:#d4d4d4}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-2{top:calc(var(--spacing) * 2)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing) * 0)!important}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.h-screen{height:100vh}.max-h-\[calc\(100vh-4rem\)\]{max-height:calc(100vh - 4rem)}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-\[280px\]{width:280px}.max-w-\[800px\]{max-width:800px}.max-w-\[1200px\]{max-width:1200px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-zoom-in{cursor:zoom-in}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-\[var\(--border-primary\)\]{border-color:var(--border-primary)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-transparent{border-color:#0000}.bg-\[var\(--bg-primary\)\],.bg-\[var\(--bg-primary\)\]\/90{background-color:var(--bg-primary)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--bg-primary\)\]\/90{background-color:color-mix(in oklab,var(--bg-primary) 90%,transparent)}}.bg-\[var\(--color-notion-code-bg-light\)\]{background-color:var(--color-notion-code-bg-light)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-white{background-color:var(--color-white)}.\!p-4{padding:calc(var(--spacing) * 4)!important}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-blue-600{color:var(--color-blue-600)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}}@media(min-width:64rem){.lg\:mx-auto{margin-inline:auto}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}.lg\:py-16{padding-block:calc(var(--spacing) * 16)}}.dark\:border-gray-800:is(.dark *){border-color:var(--color-gray-800)}.dark\:bg-\[var\(--color-notion-code-bg-dark\)\]:is(.dark *){background-color:var(--color-notion-code-bg-dark)}.dark\:bg-gray-700:is(.dark *){background-color:var(--color-gray-700)}.dark\:text-blue-400:is(.dark *){color:var(--color-blue-400)}.dark\:text-gray-400:is(.dark *){color:var(--color-gray-400)}@media(hover:hover){.dark\:hover\:bg-gray-600:is(.dark *):hover{background-color:var(--color-gray-600)}.dark\:hover\:bg-gray-800:is(.dark *):hover{background-color:var(--color-gray-800)}.dark\:hover\:text-gray-200:is(.dark *):hover{color:var(--color-gray-200)}}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}[data-rmiz-ghost]{pointer-events:none;position:absolute}[data-rmiz-btn-zoom],[data-rmiz-btn-unzoom]{color:#fff;outline-offset:2px;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#000000b3;border:none;border-radius:50%;width:40px;height:40px;margin:0;padding:9px;box-shadow:0 0 1px #ffffff80}[data-rmiz-btn-zoom]:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);pointer-events:none;white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-rmiz-btn-zoom]{cursor:zoom-in;position:absolute;inset:10px 10px auto auto}[data-rmiz-btn-unzoom]{cursor:zoom-out;z-index:1;position:absolute;inset:20px 20px auto auto}[data-rmiz-content=found] img,[data-rmiz-content=found] svg,[data-rmiz-content=found] [role=img],[data-rmiz-content=found] [data-zoom]{cursor:zoom-in}[data-rmiz-modal]::backdrop{display:none}[data-rmiz-modal][open]{pointer-events:all;background:0 0;border:0;width:100dvw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;overflow:hidden}[data-rmiz-modal-overlay]{transition:background-color .3s;position:absolute;top:0;right:0;bottom:0;left:0}[data-rmiz-modal-overlay=hidden]{background-color:#fff0}[data-rmiz-modal-overlay=visible]{background-color:#fff}[data-rmiz-modal-content]{width:100%;height:100%;position:relative}[data-rmiz-modal-img]{cursor:zoom-out;image-rendering:high-quality;transform-origin:0 0;transition:transform .3s;position:absolute}@media(prefers-reduced-motion:reduce){[data-rmiz-modal-overlay],[data-rmiz-modal-img]{transition-duration:.01ms!important}}::view-transition-group(root){animation-duration:1s}::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root){mix-blend-mode:normal}::view-transition-new(root){animation-name:reveal-light}::view-transition-old(root){animation:none}.dark::view-transition-old(root){animation:none}.dark::view-transition-new(root){animation-name:reveal-dark}li{margin-bottom:5px}@keyframes reveal-dark{0%{clip-path:polygon(-30% 0,-30% 0,-15% 100%,-10% 115%)}to{clip-path:polygon(-30% 0,130% 0,115% 100%,-10% 115%)}}@keyframes reveal-light{0%{clip-path:polygon(130% 0,130% 0,115% 100%,110% 115%)}to{clip-path:polygon(130% 0,-30% 0,-15% 100%,110% 115%)}}.prose-notion{max-width:720px;font-family:var(--font-sans);margin-left:auto;margin-right:auto;font-size:16px;line-height:1.7}:root{--bg-primary:var(--color-notion-bg-light);--text-primary:var(--color-notion-text-light);--border-primary:var(--color-notion-border-light);--code-bg:var(--color-notion-code-bg-light);--quote-border:var(--color-notion-quote-border-light)}.dark{--bg-primary:var(--color-notion-bg-dark);--text-primary:var(--color-notion-text-dark);--border-primary:var(--color-notion-border-dark);--code-bg:var(--color-notion-code-bg-dark);--quote-border:var(--color-notion-quote-border-dark)}.prose-notion{color:var(--text-primary);background-color:var(--bg-primary)}.prose-notion h1{margin-top:2em;margin-bottom:.5em;font-size:2em;font-weight:700;line-height:1.3}.prose-notion h2{margin-top:1.4em;margin-bottom:.4em;font-size:1.5em;font-weight:600;line-height:1.3}.prose-notion h3{margin-top:1.2em;margin-bottom:.3em;font-size:1.25em;font-weight:600;line-height:1.3}.prose-notion p{margin-top:.5em;margin-bottom:.5em}.prose-notion blockquote{border-left:3px solid var(--quote-border);opacity:.8;margin-top:1em;margin-bottom:1em;padding-left:1rem;font-style:italic}.prose-notion ul,.prose-notion ol{margin-top:.5em;margin-bottom:.5em;padding-left:1.5em}.prose-notion li{margin-bottom:.25em}.prose-notion hr{border:0;border-top:1px solid var(--border-primary);margin:2em 0}.prose-notion a{text-underline-offset:4px;color:inherit;-webkit-text-decoration:underline #78777466;text-decoration:underline #78777466;transition:text-decoration-color .1s}.prose-notion a:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.prose-notion img{border-radius:4px;max-width:100%;margin:1.5em auto;display:block}.prose-notion table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.9em}.prose-notion th,.prose-notion td{border:1px solid var(--border-primary);text-align:left;padding:8px 12px}.prose-notion th{background-color:#7877740d;font-weight:600}.prose-notion :not(pre)>code{background:var(--code-bg);font-family:var(--font-mono);border-radius:3px;padding:2px 6px;font-size:.9em}.prose-notion pre{background:0 0;margin:0;padding:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}