@vicinae/api 0.20.15 → 0.21.1

package/dist/api/alert.js

@@ -39,7 +39,8 @@ const styleMap = {
  */
 const confirmAlert = async (options) => {
     return new Promise((resolve) => {
-        (0, client_1.getClient)().UI.confirmAlert({
+        (0, client_1.getClient)()
+            .UI.confirmAlert({
             title: options.title,
             description: options.message ?? "Are you sure?",
             //icon: options.icon && serializeProtoImage(options.icon),
@@ -52,7 +53,8 @@ const confirmAlert = async (options) => {
                 title: options.dismissAction?.title ?? "Cancel",
                 style: styleMap[options.dismissAction?.style ?? Alert.ActionStyle.Cancel],
             },
-        }).then((confirmed) => {
+        })
+            .then((confirmed) => {
             if (confirmed) {
                 options.primaryAction?.onAction?.();
             }

package/dist/api/components/actions.d.ts

@@ -49,6 +49,12 @@ export declare namespace Action {
             app?: Application;
         };
     }
+    namespace OpenWith {
+        type Props = BaseActionProps & {
+            path: string;
+            onOpen?: (path: string) => void;
+        };
+    }
     namespace Trash {
         type PathArg = PathLike | PathLike[];
         export type Props = BaseActionProps & {
@@ -122,7 +128,7 @@ export declare const Action: React.FC<ActionProps> & {
     Paste: React.FC<Action.Paste.Props>;
     SubmitForm: React.FC<Action.SubmitForm.Props>;
     OpenInBrowser: React.FC<Action.OpenInBrowser.Props>;
-    OpenWith: () => null;
+    OpenWith: React.FC<Action.OpenWith.Props>;
     Trash: React.FC<Action.Trash.Props>;
     ShowInFinder: React.FC<Action.ShowInFinderProps.Props>;
     RunInTerminal: React.FC<Action.RunInTerminal.Props>;

package/dist/api/components/actions.js

@@ -10,6 +10,8 @@ const image_1 = require("../image");
 const utils_1 = require("../utils");
 const icon_1 = require("../icon");
 const controls_1 = require("../controls");
+const action_pannel_1 = require("./action-pannel");
+const toast_1 = require("../toast");
 const ActionRoot = ({ icon, ...props }) => {
     const serializedIcon = icon ? (0, image_1.serializeProtoImage)(icon) : icon;
     const stableIdRef = (0, react_1.useRef)(undefined);
@@ -37,43 +39,25 @@ const Open = ({ target, app, ...props }) => {
             (0, utils_1.open)(target, app);
         } }));
 };
-// TODO: export when action panel is less buggy
-const OpenWith = () => null;
-/*
-const OpenWith: React.FC<Action.OpenWith.Props> = ({
-    path,
-    title = "Open with...",
-    shortcut,
-    icon,
-    ...props
-}) => {
-    const [apps, setApps] = useState<Application[]>([]);
-
+const OpenWith = ({ path, title = "Open with...", shortcut, icon, ...props }) => {
+    const [apps, setApps] = (0, react_1.useState)([]);
     const fetchApps = () => {
-        getApplications(path).then(setApps);
+        (0, utils_1.getApplications)(path).then(setApps);
     };
-
-    return (
-        <ActionPanel.Submenu
-            title={title}
-            icon={icon}
-            shortcut={shortcut}
-            onOpen={() => {
-                fetchApps();
-            }}
-        >
-            {apps.map((app) => (
-                <Action
-                    key={app.id}
-                    title={`Open in ${app.name}`}
-                    icon={app.icon}
-                    onAction={() => props.onOpen?.(path)}
-                />
-            ))}
-        </ActionPanel.Submenu>
-    );
+    return ((0, jsx_runtime_1.jsx)(action_pannel_1.ActionPanel.Submenu, { title: title, icon: icon, shortcut: shortcut, onOpen: () => {
+            fetchApps();
+        }, children: apps.map((app) => ((0, jsx_runtime_1.jsx)(exports.Action, { title: `Open in ${app.name}`, icon: app.icon, onAction: () => {
+                (0, controls_1.closeMainWindow)();
+                (0, utils_1.open)(path, app)
+                    .then(() => {
+                    props.onOpen?.(path);
+                })
+                    .catch(async (error) => {
+                    (0, toast_1.showToast)({ title: `Failed to open app` });
+                    console.error("Failed to open app", error);
+                });
+            } }, app.id))) }));
 };
-*/
 const Trash = ({ title, paths, ...props }) => {
     const actionTitle = title ?? `Delete item${Array.isArray(paths) ? "s" : ""}`;
     return ((0, jsx_runtime_1.jsx)(ActionRoot, { title: actionTitle, ...props, onAction: async () => {

package/dist/api/components/form.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = exports.DatePickerType = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const use_imperative_form_handle_1 = require("../hooks/use-imperative-form-handle");
+const use_event_counted_1 = require("../hooks/use-event-counted");
 const image_1 = require("../image");
 const dropdown_1 = require("./dropdown");
 const wrapFormItemProps = (props) => {
@@ -29,13 +30,15 @@ const FormRoot = ({ enableDrafts = false, actions, children, isLoading = false,
         //@ts-ignore
         enableDrafts: enableDrafts, isLoading: isLoading, navigationTitle: navigationTitle, children: [searchBarAccessory, children, actions] }));
 };
-const TextField = ({ ref, ...props }) => {
+const TextField = ({ ref, value, onChange, ...props }) => {
     (0, use_imperative_form_handle_1.useImperativeFormHandle)(ref);
-    return (0, jsx_runtime_1.jsx)("text-field", { ...wrapFormItemProps(props) });
+    const [countedValue, wrappedOnChange] = (0, use_event_counted_1.useEventCounted)(value, onChange);
+    return ((0, jsx_runtime_1.jsx)("text-field", { ...wrapFormItemProps(props), value: countedValue, onChange: wrappedOnChange }));
 };
-const PasswordField = ({ ref, ...props }) => {
+const PasswordField = ({ ref, value, onChange, ...props }) => {
     (0, use_imperative_form_handle_1.useImperativeFormHandle)(ref);
-    return (0, jsx_runtime_1.jsx)("password-field", { ...props });
+    const [countedValue, wrappedOnChange] = (0, use_event_counted_1.useEventCounted)(value, onChange);
+    return ((0, jsx_runtime_1.jsx)("password-field", { ...props, value: countedValue, onChange: wrappedOnChange }));
 };
 var DatePickerType;
 (function (DatePickerType) {
@@ -88,9 +91,10 @@ const TagPickerItem = ({ icon, ...props }) => {
 const TagPicker = Object.assign(TagPickerRoot, {
     Item: TagPickerItem,
 });
-const TextArea = ({ ref, ...props }) => {
+const TextArea = ({ ref, value, onChange, ...props }) => {
     (0, use_imperative_form_handle_1.useImperativeFormHandle)(ref);
-    return (0, jsx_runtime_1.jsx)("text-area-field", { ...wrapFormItemProps(props) });
+    const [countedValue, wrappedOnChange] = (0, use_event_counted_1.useEventCounted)(value, onChange);
+    return ((0, jsx_runtime_1.jsx)("text-area-field", { ...wrapFormItemProps(props), value: countedValue, onChange: wrappedOnChange }));
 };
 const FilePicker = ({ ref, ...props }) => {
     (0, use_imperative_form_handle_1.useImperativeFormHandle)(ref);

package/dist/api/components/grid.js

@@ -8,6 +8,7 @@ const crypto_1 = require("crypto");
 const empty_view_1 = require("./empty-view");
 const color_1 = require("../color");
 const dropdown_1 = require("./dropdown");
+const use_event_counted_1 = require("../hooks/use-event-counted");
 var GridInset;
 (function (GridInset) {
     GridInset["Zero"] = "zero";
@@ -52,7 +53,7 @@ var GridFit;
      */
     GridFit["Fill"] = "fill";
 })(GridFit || (GridFit = {}));
-const GridRoot = ({ searchBarAccessory, children, actions, inset, itemSize, fit = GridFit.Contain, aspectRatio = "1", ...props }) => {
+const GridRoot = ({ searchBarAccessory, children, actions, inset, itemSize, fit = GridFit.Contain, aspectRatio = "1", searchText, onSearchTextChange, ...props }) => {
     if (typeof props.enableFiltering === "boolean" &&
         typeof props.filtering === "undefined") {
         props.filtering = props.enableFiltering;
@@ -64,7 +65,8 @@ const GridRoot = ({ searchBarAccessory, children, actions, inset, itemSize, fit
             [GridItemSize.Large]: 3,
         }[itemSize];
     }
-    return ((0, jsx_runtime_1.jsxs)("grid", { fit: fit, inset: inset, aspectRatio: aspectRatioMap[aspectRatio], ...props, children: [searchBarAccessory, children, actions] }));
+    const [countedSearchText, wrappedOnSearchTextChange] = (0, use_event_counted_1.useEventCounted)(searchText, onSearchTextChange);
+    return ((0, jsx_runtime_1.jsxs)("grid", { fit: fit, inset: inset, aspectRatio: aspectRatioMap[aspectRatio], searchText: countedSearchText, onSearchTextChange: wrappedOnSearchTextChange, ...props, children: [searchBarAccessory, children, actions] }));
 };
 const GridItem = ({ detail, actions, content, accessory, ...props }) => {
     const id = (0, react_1.useRef)(props.id ?? (0, crypto_1.randomUUID)());

package/dist/api/components/list.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const use_event_counted_1 = require("../hooks/use-event-counted");
 const image_1 = require("../image");
 const node_crypto_1 = require("node:crypto");
 const metadata_1 = require("./metadata");
@@ -41,12 +42,13 @@ function serializeText(text) {
         return { color, value };
     }
 }
-const ListRoot = ({ searchBarAccessory, children, actions, ...props }) => {
+const ListRoot = ({ searchBarAccessory, children, actions, searchText, onSearchTextChange, ...props }) => {
     if (typeof props.enableFiltering === "boolean" &&
         typeof props.filtering === "undefined") {
         props.filtering = props.enableFiltering;
     }
-    return ((0, jsx_runtime_1.jsxs)("list", { ...props, children: [searchBarAccessory, children, actions] }));
+    const [countedSearchText, wrappedOnSearchTextChange] = (0, use_event_counted_1.useEventCounted)(searchText, onSearchTextChange);
+    return ((0, jsx_runtime_1.jsxs)("list", { ...props, searchText: countedSearchText, onSearchTextChange: wrappedOnSearchTextChange, children: [searchBarAccessory, children, actions] }));
 };
 const ListItem = ({ detail, actions, icon, accessories, ...props }) => {
     const id = (0, react_1.useRef)(props.id ?? (0, node_crypto_1.randomUUID)());

package/dist/api/components/metadata.js

@@ -15,7 +15,9 @@ const MetadataLabel = (props) => {
     let serializedText;
     if (props.text && typeof props.text === "object") {
         serializedText = {
-            color: props.text.color ? (0, color_1.serializeColorLike)(props.text.color) : undefined,
+            color: props.text.color
+                ? (0, color_1.serializeColorLike)(props.text.color)
+                : undefined,
             value: props.text.value,
         };
     }
@@ -23,7 +25,7 @@ const MetadataLabel = (props) => {
         serializedText = props.text;
     }
     const { text, ...restProps } = props;
-    return (0, jsx_runtime_1.jsx)("metadata-label", { ...restProps, icon: serializedIcon, text: serializedText });
+    return ((0, jsx_runtime_1.jsx)("metadata-label", { ...restProps, icon: serializedIcon, text: serializedText }));
 };
 const MetadataSeparator = () => {
     return (0, jsx_runtime_1.jsx)("metadata-separator", {});

package/dist/api/file-search.d.ts

@@ -31,10 +31,9 @@ export declare namespace FileSearch {
      * @returns Promise resolving to array of matching files
      *
      * @remarks
-     * Uses prefix matching on filename tokens. For example:
-     * - File: "invoice-new-motherboard.pdf"
-     * - Matches: "inv", "new", "mother", "pdf"
-     * - No match: "board", "oice" (not prefixes)
+     * Uses fuzzy filename matching backed by Vicinae's file index. For example:
+     * - File: "example folder"
+     * - Matches: "fol exa", "exa fol", "ex fold"
      *
      * @example
      * ```typescript

package/dist/api/file-search.js

@@ -34,10 +34,9 @@ var FileSearch;
      * @returns Promise resolving to array of matching files
      *
      * @remarks
-     * Uses prefix matching on filename tokens. For example:
-     * - File: "invoice-new-motherboard.pdf"
-     * - Matches: "inv", "new", "mother", "pdf"
-     * - No match: "board", "oice" (not prefixes)
+     * Uses fuzzy filename matching backed by Vicinae's file index. For example:
+     * - File: "example folder"
+     * - Matches: "fol exa", "exa fol", "ex fold"
      *
      * @example
      * ```typescript

package/dist/api/hooks/index.d.ts

@@ -1 +1,2 @@
+export * from "./use-event-counted";
 export * from "./use-navigation";

package/dist/api/hooks/index.js

@@ -14,4 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./use-event-counted"), exports);
 __exportStar(require("./use-navigation"), exports);

package/dist/api/hooks/use-event-counted.d.ts

@@ -0,0 +1,5 @@
+export type EventCounted<T> = {
+    value: T;
+    eventCount: number;
+};
+export declare function useEventCounted<T>(value: T | undefined, onChange?: (value: T) => void): [EventCounted<T> | undefined, ((...args: any[]) => void) | undefined];

package/dist/api/hooks/use-event-counted.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEventCounted = useEventCounted;
+const react_1 = require("react");
+function useEventCounted(value, onChange) {
+    const ref = (0, react_1.useRef)(0);
+    const handler = (0, react_1.useCallback)((...args) => {
+        if (typeof args[1] === "number")
+            ref.current = args[1];
+        onChange?.(args[0]);
+    }, [onChange]);
+    const counted = value != null ? { value, eventCount: ref.current } : undefined;
+    return [counted, onChange ? handler : undefined];
+}

package/dist/api/proto/api.d.ts

@@ -15,10 +15,10 @@ export declare class RpcTransport {
     private requestMap;
     private handlers;
 }
-export type ImageMask = 'None' | 'Circle' | 'RoundedRectangle';
-export type ToastStyle = 'Success' | 'Info' | 'Warning' | 'Error' | 'Dynamic';
-export type PopToRootType = 'Default' | 'Immediate' | 'Suspended';
-export type ConfirmAlertActionStyle = 'Default' | 'Destructive' | 'Cancel';
+export type ImageMask = "None" | "Circle" | "RoundedRectangle";
+export type ToastStyle = "Success" | "Info" | "Warning" | "Error" | "Dynamic";
+export type PopToRootType = "Default" | "Immediate" | "Suspended";
+export type ConfirmAlertActionStyle = "Default" | "Destructive" | "Cancel";
 export type Application = {
     id: string;
     name: string;

package/dist/api/proto/api.js

@@ -30,7 +30,7 @@ class RpcTransport {
         const promise = new Promise((resolve, reject) => {
             this.requestMap.set(id, { resolve: (msg) => resolve(msg), reject });
         });
-        this.sendMessage({ jsonrpc: '2.0', id, method, params });
+        this.sendMessage({ jsonrpc: "2.0", id, method, params });
         return promise;
     }
     subscribe(method, cb) {
@@ -52,11 +52,10 @@ class RpcTransport {
         this.transport.send(JSON.stringify(msg));
     }
     id = 1;
-    requestMap = new Map;
-    handlers = new Map;
+    requestMap = new Map();
+    handlers = new Map();
 }
 exports.RpcTransport = RpcTransport;
-;
 class ApplicationService {
     transport;
     constructor(transport) {
@@ -72,7 +71,10 @@ class ApplicationService {
         return this.transport.request("Application/getDefault", { target });
     }
     showInFileBrowser(target, select) {
-        return this.transport.request("Application/showInFileBrowser", { target, select });
+        return this.transport.request("Application/showInFileBrowser", {
+            target,
+            select,
+        });
     }
     runInTerminal(opts) {
         return this.transport.request("Application/runInTerminal", { opts });
@@ -87,7 +89,12 @@ class UIService {
         return this.transport.request("UI/render", { json });
     }
     showToast(id, title, message, style) {
-        return this.transport.request("UI/showToast", { id, title, message, style });
+        return this.transport.request("UI/showToast", {
+            id,
+            title,
+            message,
+            style,
+        });
     }
     updateToast(id, title) {
         return this.transport.request("UI/updateToast", { id, title });
@@ -96,10 +103,17 @@ class UIService {
         return this.transport.request("UI/hideToast", { id });
     }
     showHud(text, clear_root, popToRoot) {
-        return this.transport.request("UI/showHud", { text, clear_root, popToRoot });
+        return this.transport.request("UI/showHud", {
+            text,
+            clear_root,
+            popToRoot,
+        });
     }
     closeMainWindow(clearRoot, popToRoot) {
-        return this.transport.request("UI/closeMainWindow", { clearRoot, popToRoot });
+        return this.transport.request("UI/closeMainWindow", {
+            clearRoot,
+            popToRoot,
+        });
     }
     popToRoot(clearSearchBar) {
         return this.transport.request("UI/popToRoot", { clearSearchBar });
@@ -141,7 +155,9 @@ class WindowManagementService {
         return this.transport.request("WindowManagement/getActiveWorkspace", {});
     }
     getWindows(workspaceId) {
-        return this.transport.request("WindowManagement/getWindows", { workspaceId });
+        return this.transport.request("WindowManagement/getWindows", {
+            workspaceId,
+        });
     }
     getScreens() {
         return this.transport.request("WindowManagement/getScreens", {});
@@ -150,7 +166,10 @@ class WindowManagementService {
         return this.transport.request("WindowManagement/getWorkspaces", {});
     }
     setWindowBounds(winId, bounds) {
-        return this.transport.request("WindowManagement/setWindowBounds", { winId, bounds });
+        return this.transport.request("WindowManagement/setWindowBounds", {
+            winId,
+            bounds,
+        });
     }
 }
 class ClipboardService {
@@ -257,7 +276,9 @@ class Client {
         this.OAuth = new OAuthService(this.transport);
         this.EventCore = new EventCoreService(this.transport);
     }
-    route(msg) { this.transport.dispatchMessage(msg); }
+    route(msg) {
+        this.transport.dispatchMessage(msg);
+    }
     Application;
     UI;
     WindowManagement;

package/dist/api/window-management.js

@@ -51,7 +51,9 @@ const transformWindow = (proto) => {
 var WindowManagement;
 (function (WindowManagement) {
     async function getWindows(workspaceId) {
-        return (0, client_1.getClient)().WindowManagement.getWindows(workspaceId).then((wins) => wins.map(transformWindow));
+        return (0, client_1.getClient)()
+            .WindowManagement.getWindows(workspaceId)
+            .then((wins) => wins.map(transformWindow));
     }
     WindowManagement.getWindows = getWindows;
     /**
@@ -76,7 +78,9 @@ var WindowManagement;
      * Return the list of screens (physical and virtual) currently attached to the computer.
      */
     async function getScreens() {
-        return (0, client_1.getClient)().WindowManagement.getScreens().then((screens) => screens.map((sc) => ({
+        return (0, client_1.getClient)()
+            .WindowManagement.getScreens()
+            .then((screens) => screens.map((sc) => ({
             name: sc.name,
             make: sc.make,
             model: sc.model,
@@ -89,15 +93,21 @@ var WindowManagement;
     }
     WindowManagement.getScreens = getScreens;
     async function getActiveWorkspace() {
-        return (0, client_1.getClient)().WindowManagement.getActiveWorkspace().then(transformWorkspace);
+        return (0, client_1.getClient)()
+            .WindowManagement.getActiveWorkspace()
+            .then(transformWorkspace);
     }
     WindowManagement.getActiveWorkspace = getActiveWorkspace;
     async function getWorkspaces() {
-        return (0, client_1.getClient)().WindowManagement.getWorkspaces().then((workspaces) => workspaces.map(transformWorkspace));
+        return (0, client_1.getClient)()
+            .WindowManagement.getWorkspaces()
+            .then((workspaces) => workspaces.map(transformWorkspace));
     }
     WindowManagement.getWorkspaces = getWorkspaces;
     async function getWindowsOnActiveWorkspace() {
-        return (0, client_1.getClient)().WindowManagement.getActiveWorkspace().then((ws) => getWindows(ws.id));
+        return (0, client_1.getClient)()
+            .WindowManagement.getActiveWorkspace()
+            .then((ws) => getWindows(ws.id));
     }
     WindowManagement.getWindowsOnActiveWorkspace = getWindowsOnActiveWorkspace;
     async function getActiveWindow() {

package/dist/bin.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/bin.js

@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_js_1 = require("./cli.js");
+(0, cli_js_1.main)();

package/dist/cli.d.ts

@@ -0,0 +1,12 @@
+interface FlagDef {
+    short?: string;
+    description: string;
+    default?: string;
+}
+export interface CommandDef {
+    description: string;
+    flags: Record<string, FlagDef>;
+    run: (flags: Record<string, string | undefined>) => Promise<void>;
+}
+export declare function main(): Promise<void>;
+export {};

package/dist/cli.js

@@ -0,0 +1,85 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.main = main;
+const index_js_1 = __importDefault(require("./commands/build/index.js"));
+const index_js_2 = __importDefault(require("./commands/develop/index.js"));
+const index_js_3 = __importDefault(require("./commands/lint/index.js"));
+function parseFlags(argv, defs) {
+    const result = {};
+    for (const [name, def] of Object.entries(defs)) {
+        if (def.default !== undefined)
+            result[name] = def.default;
+    }
+    const shortToLong = new Map();
+    for (const [name, def] of Object.entries(defs)) {
+        if (def.short)
+            shortToLong.set(def.short, name);
+    }
+    for (let i = 0; i < argv.length; i++) {
+        const arg = argv[i];
+        if (arg.startsWith("--")) {
+            const eqIdx = arg.indexOf("=");
+            if (eqIdx !== -1) {
+                result[arg.slice(2, eqIdx)] = arg.slice(eqIdx + 1);
+            }
+            else {
+                result[arg.slice(2)] = argv[++i];
+            }
+        }
+        else if (arg.startsWith("-") && arg.length === 2) {
+            const long = shortToLong.get(arg[1]);
+            if (long)
+                result[long] = argv[++i];
+        }
+    }
+    return result;
+}
+function printHelp(commands) {
+    console.log("vici - Vicinae extension development CLI\n");
+    console.log("USAGE");
+    console.log("  $ vici <command> [flags]\n");
+    console.log("COMMANDS");
+    for (const [name, cmd] of Object.entries(commands)) {
+        console.log(`  ${name.padEnd(12)} ${cmd.description}`);
+    }
+    console.log(`\nRun "vici <command> --help" for more information about a command.`);
+}
+function printCommandHelp(name, cmd) {
+    console.log(`vici ${name} - ${cmd.description}\n`);
+    console.log("USAGE");
+    console.log(`  $ vici ${name} [flags]\n`);
+    const flagEntries = Object.entries(cmd.flags);
+    if (flagEntries.length === 0)
+        return;
+    console.log("FLAGS");
+    for (const [flagName, def] of flagEntries) {
+        const short = def.short ? `-${def.short}, ` : "    ";
+        const defaultHint = def.default !== undefined
+            ? ` (default: ${def.default === process.cwd() ? "cwd" : def.default})`
+            : "";
+        console.log(`  ${short}--${flagName.padEnd(10)} ${def.description}${defaultHint}`);
+    }
+}
+async function main() {
+    const commands = { build: index_js_1.default, develop: index_js_2.default, lint: index_js_3.default };
+    const [commandName, ...rest] = process.argv.slice(2);
+    if (!commandName || commandName === "--help" || commandName === "-h") {
+        printHelp(commands);
+        return;
+    }
+    const cmd = commands[commandName];
+    if (!cmd) {
+        console.error(`Unknown command: ${commandName}\n`);
+        printHelp(commands);
+        process.exit(1);
+    }
+    if (rest.includes("--help") || rest.includes("-h")) {
+        printCommandHelp(commandName, cmd);
+        return;
+    }
+    const flags = parseFlags(rest, cmd.flags);
+    await cmd.run(flags);
+}

package/dist/commands/build/index.d.ts

@@ -1,11 +1,3 @@
-import { Command } from "@oclif/core";
-export default class Build extends Command {
-    static args: {};
-    static description: string;
-    static examples: string[];
-    static flags: {
-        out: import("@oclif/core/interfaces").OptionFlag<string | undefined, import("@oclif/core/interfaces").CustomOptions>;
-        src: import("@oclif/core/interfaces").OptionFlag<string, import("@oclif/core/interfaces").CustomOptions>;
-    };
-    run(): Promise<void>;
-}
+import type { CommandDef } from "../../cli.js";
+declare const build: CommandDef;
+export default build;

package/dist/commands/build/index.js

@@ -36,39 +36,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@oclif/core");
 const esbuild = __importStar(require("esbuild"));
 const node_child_process_1 = require("node:child_process");
 const node_fs_1 = require("node:fs");
 const node_path_1 = require("node:path");
+const manifest_js_1 = __importDefault(require("../../schemas/manifest.js"));
+const extension_types_js_1 = require("../../utils/extension-types.js");
 const logger_js_1 = require("../../utils/logger.js");
 const utils_js_1 = require("../../utils/utils.js");
-const extension_types_js_1 = require("../../utils/extension-types.js");
-const manifest_js_1 = __importDefault(require("../../schemas/manifest.js"));
-class Build extends core_1.Command {
-    static args = {};
-    static description = "Start an extension development session";
-    static examples = [
-        `<%= config.bin %> <%= command.id %> --target /path/to/extension`,
-    ];
-    static flags = {
-        out: core_1.Flags.string({
-            aliases: ["output"],
-            char: "o",
+const build = {
+    description: "Build an extension for distribution",
+    flags: {
+        out: {
+            short: "o",
             description: "Path to output the compiled extension bundle to. Defaults to Vicinae extension directory.",
-            required: false,
-        }),
-        src: core_1.Flags.string({
-            aliases: ["src"],
-            char: "s",
-            default: process.cwd(),
-            defaultHelp: "The current working directory",
+        },
+        src: {
+            short: "s",
             description: "Path to the extension source directory",
-            required: false,
-        }),
-    };
-    async run() {
-        const { flags } = await this.parse(Build);
+            default: process.cwd(),
+        },
+    },
+    async run(flags) {
         const logger = new logger_js_1.Logger();
         const src = flags.src ?? process.cwd();
         const pkgPath = (0, node_path_1.join)(src, "package.json");
@@ -84,7 +73,7 @@ class Build extends core_1.Command {
         }
         const manifest = e.data;
         const outDir = flags.out ?? (0, node_path_1.join)((0, utils_js_1.extensionDataDir)(), manifest.name);
-        const build = async (outDir) => {
+        const doBuild = async (outDir) => {
             const entryPoints = manifest.commands.map((cmd) => (0, node_path_1.join)("src", `${cmd.name}.tsx`));
             logger.logInfo(`entrypoints [${entryPoints.join(", ")}]`);
             const promises = manifest.commands.map((cmd) => {
@@ -95,7 +84,6 @@ class Build extends core_1.Command {
                 if (cmd.mode === "view" && !(0, node_fs_1.existsSync)(tsxSource)) {
                     throw new Error(`Unable to find view command ${cmd.name} at ${tsxSource}`);
                 }
-                // we allow .ts or .tsx for no-view
                 if (cmd.mode === "no-view") {
                     if (!(0, node_fs_1.existsSync)(tsxSource)) {
                         source = tsSource;
@@ -138,8 +126,8 @@ class Build extends core_1.Command {
             process.exit(1);
         }
         (0, node_fs_1.mkdirSync)(outDir, { recursive: true });
-        await build(outDir);
+        await doBuild(outDir);
         logger.logReady(`built extension successfully - output at ${outDir}`);
-    }
-}
-exports.default = Build;
+    },
+};
+exports.default = build;

package/dist/commands/develop/index.d.ts

@@ -1,10 +1,3 @@
-import { Command } from "@oclif/core";
-export default class Develop extends Command {
-    static args: {};
-    static description: string;
-    static examples: string[];
-    static flags: {
-        target: import("@oclif/core/interfaces").OptionFlag<string, import("@oclif/core/interfaces").CustomOptions>;
-    };
-    run(): Promise<void>;
-}
+import type { CommandDef } from "../../cli.js";
+declare const develop: CommandDef;
+export default develop;

package/dist/commands/develop/index.js

@@ -36,39 +36,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@oclif/core");
 const chokidar = __importStar(require("chokidar"));
 const esbuild = __importStar(require("esbuild"));
 const node_child_process_1 = require("node:child_process");
 const fs = __importStar(require("node:fs"));
 const fsp = __importStar(require("node:fs/promises"));
 const path = __importStar(require("node:path"));
+const manifest_js_1 = __importDefault(require("../../schemas/manifest.js"));
+const extension_types_js_1 = require("../../utils/extension-types.js");
 const logger_js_1 = require("../../utils/logger.js");
+const tail_js_1 = require("../../utils/tail.js");
 const utils_js_1 = require("../../utils/utils.js");
-const extension_types_js_1 = require("../../utils/extension-types.js");
 const vicinae_js_1 = require("../../utils/vicinae.js");
-const manifest_js_1 = __importDefault(require("../../schemas/manifest.js"));
-const tail_js_1 = require("../../utils/tail.js");
-class Develop extends core_1.Command {
-    static args = {};
-    static description = "Start an extension development session";
-    static examples = [
-        `<%= config.bin %> <%= command.id %> --target /path/to/extension`,
-    ];
-    static flags = {
-        target: core_1.Flags.string({
-            aliases: ["input"],
-            char: "i",
-            default: process.cwd(),
-            defaultHelp: "The current working directory",
+const develop = {
+    description: "Start an extension development session",
+    flags: {
+        target: {
+            short: "i",
             description: "Path to the extension directory",
-            required: false,
-        }),
-    };
-    async run() {
-        const { flags } = await this.parse(Develop);
+            default: process.cwd(),
+        },
+    },
+    async run(flags) {
         const logger = new logger_js_1.Logger();
-        const pkgPath = path.join(flags.target, "package.json");
+        const target = flags.target ?? process.cwd();
+        const pkgPath = path.join(target, "package.json");
         const parseManifest = () => {
             if (!fs.existsSync(pkgPath)) {
                 logger.logError(`No package.json found at ${pkgPath}. Does this location point to a valid extension repository?`);
@@ -85,7 +77,7 @@ class Develop extends core_1.Command {
         let manifest = parseManifest();
         const vicinae = new vicinae_js_1.VicinaeClient();
         logger.logInfo("Generating extension types...");
-        (0, extension_types_js_1.updateExtensionTypes)(manifest, flags.target);
+        (0, extension_types_js_1.updateExtensionTypes)(manifest, target);
         const typeCheck = async () => {
             const spawned = (0, node_child_process_1.spawn)("npx", ["tsc", "--noEmit"]);
             let stderr = Buffer.from("");
@@ -97,16 +89,6 @@ class Develop extends core_1.Command {
             });
         };
         const build = async (outDir) => {
-            /*
-      logger.logInfo("Started type checking in background thread");
-      typeCheck().then(({ error, ok }) => {
-        if (!ok) {
-          logger.logInfo(`Type checking error: ${error}`);
-        }
-
-        logger.logInfo("Done type checking");
-      });
-      */
             const entryPoints = manifest.commands
                 .map((cmd) => path.join("src", `${cmd.name}.tsx`))
                 .filter(fs.existsSync);
@@ -119,7 +101,6 @@ class Develop extends core_1.Command {
                 if (cmd.mode === "view" && !fs.existsSync(tsxSource)) {
                     throw new Error(`could not find entrypoint src/${cmd.name}.tsx for command ${cmd.name}.`);
                 }
-                // we allow .ts or .tsx for no-view
                 if (cmd.mode === "no-view") {
                     if (!fs.existsSync(tsxSource)) {
                         source = tsSource;
@@ -173,7 +154,7 @@ class Develop extends core_1.Command {
                 }
             }
         };
-        process.chdir(flags.target);
+        process.chdir(target);
         const dataDir = (0, utils_js_1.extensionDataDir)();
         const id = `${manifest.name}`;
         const extensionDir = path.join(dataDir, id);
@@ -209,15 +190,15 @@ class Develop extends core_1.Command {
             awaitWriteFinish: { pollInterval: 100, stabilityThreshold: 100 },
             ignoreInitial: true,
         })
-            .on("all", async (_, path) => {
-            if (path.endsWith("package.json")) {
+            .on("all", async (_, filePath) => {
+            if (filePath.endsWith("package.json")) {
                 manifest = parseManifest();
                 logger.logInfo("Generating extension types...");
-                (0, extension_types_js_1.updateExtensionTypes)(manifest, flags.target);
+                (0, extension_types_js_1.updateExtensionTypes)(manifest, target);
             }
-            logger.logEvent(`changed file ${path}`);
+            logger.logEvent(`changed file ${filePath}`);
             await safeBuild(extensionDir);
         });
-    }
-}
-exports.default = Develop;
+    },
+};
+exports.default = develop;

package/dist/commands/lint/index.d.ts

@@ -1,10 +1,3 @@
-import { Command } from "@oclif/core";
-export default class Lint extends Command {
-    static args: {};
-    static description: string;
-    static examples: string[];
-    static flags: {
-        src: import("@oclif/core/interfaces").OptionFlag<string, import("@oclif/core/interfaces").CustomOptions>;
-    };
-    run(): Promise<void>;
-}
+import type { CommandDef } from "../../cli.js";
+declare const lint: CommandDef;
+export default lint;

package/dist/commands/lint/index.js

@@ -3,30 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@oclif/core");
 const node_fs_1 = require("node:fs");
 const node_path_1 = require("node:path");
-const logger_js_1 = require("../../utils/logger.js");
 const manifest_js_1 = __importDefault(require("../../schemas/manifest.js"));
-class Lint extends core_1.Command {
-    static args = {};
-    static description = "Validate the extension manifest (package.json)";
-    static examples = [
-        `<%= config.bin %> <%= command.id %>`,
-        `<%= config.bin %> <%= command.id %> --src /path/to/extension`,
-    ];
-    static flags = {
-        src: core_1.Flags.string({
-            aliases: ["src"],
-            char: "s",
-            default: process.cwd(),
-            defaultHelp: "The current working directory",
+const logger_js_1 = require("../../utils/logger.js");
+const lint = {
+    description: "Validate the extension manifest (package.json)",
+    flags: {
+        src: {
+            short: "s",
             description: "Path to the extension source directory",
-            required: false,
-        }),
-    };
-    async run() {
-        const { flags } = await this.parse(Lint);
+            default: process.cwd(),
+        },
+    },
+    async run(flags) {
         const logger = new logger_js_1.Logger();
         const src = flags.src ?? process.cwd();
         const pkgPath = (0, node_path_1.join)(src, "package.json");
@@ -41,6 +31,6 @@ class Lint extends core_1.Command {
             process.exit(1);
         }
         logger.logReady(`Manifest is valid`);
-    }
-}
-exports.default = Lint;
+    },
+};
+exports.default = lint;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vicinae/api",
-	"version": "0.20.15",
+	"version": "0.21.1",
 	"description": "TypeScript SDK to build Vicinae extensions",
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",
@@ -10,7 +10,7 @@
 		"format": "biome format --write"
 	},
 	"bin": {
-		"vici": "./bin/run.js"
+		"vici": "./dist/bin.js"
 	},
 	"files": [
 		"dist",
@@ -27,15 +27,9 @@
 	},
 	"main": "dist/index.js",
 	"dependencies": {
-		"@jgoz/esbuild-plugin-typecheck": "^4.0.3",
-		"@oclif/core": "^4",
-		"@oclif/plugin-help": "^6",
-		"@oclif/plugin-plugins": "^5",
-		"@types/node": ">=18",
-		"@types/react": "19.0.10",
 		"chokidar": "^4.0.3",
 		"esbuild": "^0.25.2",
-		"react": "19.0.0",
+		"react": "^19.0.0",
 		"zod": "^4.0.17"
 	},
 	"peerDependencies": {
@@ -44,28 +38,12 @@
 	},
 	"devDependencies": {
 		"@biomejs/biome": "2.3.2",
-		"@oclif/test": "^4",
-		"@types/chai": "^4",
-		"@types/mocha": "^10",
-		"chai": "^4",
-		"mocha": "^11.7.5",
-		"oclif": "^4",
-		"shx": "^0.3.3",
-		"ts-node": "^10",
-		"typedoc": "^0.28.13",
-		"typedoc-github-theme": "^0.3.1",
-		"typedoc-plugin-markdown": "^4.8.1",
-		"typescript": "^5"
-	},
-	"oclif": {
-		"bin": "vici",
-		"dirname": "vici",
-		"commands": "./dist/commands",
-		"plugins": [
-			"@oclif/plugin-help"
-		],
-		"topicSeparator": " ",
-		"topics": {}
+		"@types/node": "24.3.0",
+		"@types/react": "19.0.10",
+		"typedoc": "0.28.13",
+		"typedoc-github-theme": "0.3.1",
+		"typedoc-plugin-markdown": "4.8.1",
+		"typescript": "5.9.2"
 	},
 	"repository": "vicinaehq/vicinae"
 }

package/types/jsx.d.ts

@@ -1,6 +1,7 @@
 import type * as React from "react";
 import type {
 	DatePickerType,
+	EventCounted,
 	Grid,
 	Keyboard,
 	List,
@@ -13,6 +14,7 @@ type BaseFormField = {
 	onBlur?: Function;
 	onFocus?: Function;
 	onChange?: Function;
+	value?: any;
 };
 
 declare module "react" {
@@ -30,9 +32,10 @@ declare module "react" {
 				filtering?: boolean;
 				isLoading?: boolean;
 				isShowingDetail?: boolean;
+				searchText?: EventCounted<string>;
 				searchBarPlaceholder?: string;
 				navigationTitle?: string;
-				onSearchTextChange?: (text: string) => void;
+				onSearchTextChange?: (...args: any[]) => void;
 				onSelectionChange?: (selectedItemId: string) => void;
 			};
 			"list-section": {
@@ -45,11 +48,11 @@ declare module "react" {
 				id?: string;
 				subtitle?: string;
 				icon?:
-				| SerializedImageLike
-				| {
-					value?: SerializedImageLike | null;
-					tooltip: string;
-				};
+					| SerializedImageLike
+					| {
+							value?: SerializedImageLike | null;
+							tooltip: string;
+					  };
 				keywords?: string[];
 				accessories?: List.Item.SerializedAccessory[];
 				children?: React.ReactNode;
@@ -67,9 +70,10 @@ declare module "react" {
 				filtering?: boolean;
 				isLoading?: boolean;
 				isShowingDetail?: boolean;
+				searchText?: EventCounted<string>;
 				searchBarPlaceholder?: string;
 				navigationTitle?: string;
-				onSearchTextChange?: (text: string) => void;
+				onSearchTextChange?: (...args: any[]) => void;
 				onSelectionChange?: (selectedItemId: string) => void;
 			};
 			"grid-section": {
@@ -193,7 +197,7 @@ declare module "react" {
 				type?: DatePickerType;
 			};
 			"checkbox-field": BaseFormField & {};
-			"password-field": {};
+			"password-field": BaseFormField & {};
 			"textarea-field": {};
 
 			dropdown: {

package/bin/run.js

@@ -1,9 +0,0 @@
-#!/usr/bin/env node
-
-const { execute } = require("@oclif/core");
-
-const main = async () => {
-	await execute({ dir: __filename });
-};
-
-main();