@vicinae/api 0.13.2 → 0.13.4

package/dist/api/components/action-pannel.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionPanel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const image_1 = require("../image");
 const ActionPanelRoot = (props) => {
     const nativeProps = props;
     return (0, jsx_runtime_1.jsx)("action-panel", { ...nativeProps });
@@ -13,11 +12,8 @@ const ActionPanelSection = (props) => {
     };
     return ((0, jsx_runtime_1.jsx)("action-panel-section", { ...nativeProps, children: props.children }));
 };
-const ActionPannelSubmenu = ({ icon, children, onOpen, onSearchTextChange, ...props }) => {
-    const nativeProps = props;
-    if (icon)
-        nativeProps.icon = (0, image_1.serializeImageLike)(icon);
-    return ((0, jsx_runtime_1.jsx)("action-panel-submenu", { ...nativeProps, children: children }));
+const ActionPannelSubmenu = ({ children, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)("action-panel-submenu", { ...props, children: children }));
 };
 exports.ActionPanel = Object.assign(ActionPanelRoot, {
     Section: ActionPanelSection,

package/dist/api/components/actions.js

@@ -4,18 +4,11 @@ exports.Action = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const index_1 = require("../hooks/index");
 const clipboard_1 = require("../clipboard");
-const image_1 = require("../image");
 const utils_1 = require("../utils");
 const icon_1 = require("../icon");
 const controls_1 = require("../controls");
-const ActionRoot = ({ icon, ...props }) => {
-    const nativeProps = {
-        ...props,
-    };
-    if (icon) {
-        nativeProps.icon = (0, image_1.serializeImageLike)(icon);
-    }
-    return (0, jsx_runtime_1.jsx)("action", { ...nativeProps });
+const ActionRoot = (props) => {
+    return (0, jsx_runtime_1.jsx)("action", { ...props });
 };
 const CopyToClipboard = ({ title = "Copy to clipboard", icon = icon_1.Icon.CopyClipboard, content, concealed = false, onCopy, ...props }) => {
     return ((0, jsx_runtime_1.jsx)(ActionRoot, { title: title, ...props, icon: icon_1.Icon.CopyClipboard, onAction: async () => {
@@ -48,15 +41,12 @@ const Push = ({ target, ...props }) => {
             push(target);
         } }));
 };
-const SubmitForm = ({ icon, title = "Submit", ...props }) => {
+const SubmitForm = ({ title = "Submit", ...props }) => {
     const nativeProps = {
         ...props,
         title,
         onAction: () => { }
     };
-    if (icon) {
-        nativeProps.icon = (0, image_1.serializeImageLike)(icon);
-    }
     return (0, jsx_runtime_1.jsx)("action", { ...nativeProps });
 };
 exports.Action = Object.assign(ActionRoot, {

package/dist/api/components/dropdown.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dropdown = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const image_1 = require("../image");
 const DropdownRoot = ({ children, ...props }) => {
     return ((0, jsx_runtime_1.jsx)("dropdown", { ...props, children: children }));
 };
 const Item = ({ title, value, icon }) => {
-    return ((0, jsx_runtime_1.jsx)("dropdown-item", { title: title, value: value, icon: icon ? (0, image_1.serializeImageLike)(icon) : undefined }));
+    return ((0, jsx_runtime_1.jsx)("dropdown-item", { title: title, value: value, icon: icon }));
 };
 const Section = ({ title, children }) => {
     return (0, jsx_runtime_1.jsx)("dropdown-section", { title: title, children: children });

package/dist/api/components/empty-view.js

@@ -2,11 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmptyView = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const image_1 = require("../image");
-const EmptyView = ({ icon, actions, ...props }) => {
-    const nativeProps = props;
-    if (icon)
-        nativeProps.icon = (0, image_1.serializeImageLike)(icon);
-    return (0, jsx_runtime_1.jsx)("empty-view", { ...nativeProps, children: actions });
+const EmptyView = ({ actions, ...props }) => {
+    return (0, jsx_runtime_1.jsx)("empty-view", { ...props, children: actions });
 };
 exports.EmptyView = EmptyView;

package/dist/api/components/form.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const use_imperative_form_handle_1 = require("../hooks/use-imperative-form-handle");
-const image_1 = require("../image");
 const dropdown_1 = require("./dropdown");
 const wrapFormItemProps = (props) => {
     // TODO: pass the current value in the event
@@ -46,7 +45,7 @@ const TagPickerRoot = ({ children, ...props }) => {
     return ((0, jsx_runtime_1.jsx)("tag-picker-field", { ...wrapFormItemProps(props), children: children }));
 };
 const TagPickerItem = ({ icon, ...props }) => {
-    return (0, jsx_runtime_1.jsx)("tag-picker-item", { ...props, icon: icon && (0, image_1.serializeImageLike)(icon) });
+    return (0, jsx_runtime_1.jsx)("tag-picker-item", { ...props, icon: icon });
 };
 const TagPicker = Object.assign(TagPickerRoot, {
     Item: TagPickerItem

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

@@ -6,25 +6,44 @@ declare enum GridInset {
     Medium = "medium",
     Large = "large"
 }
-type SectionConfig = {
-    inset?: GridInset;
-    columns?: number;
-    fit?: GridFit;
-    aspectRatio?: Grid.AspectRatio;
-};
 declare enum GridFit {
     Contain = "contain",
     Fill = "fill"
 }
 export declare namespace Grid {
-    namespace Section {
-        type Props = GridSectionProps;
+    type BaseSection = {
+        inset?: GridInset;
+        columns?: number;
+        fit?: GridFit;
+        aspectRatio?: Grid.AspectRatio;
+    };
+    export type Props = BaseSection & {
+        actions?: React.ReactNode;
+        children?: React.ReactNode;
+        filtering?: boolean;
+        /**
+         * @deprecated use filtering
+         */
+        enableFiltering?: boolean;
+        isLoading?: boolean;
+        searchText?: string;
+        searchBarPlaceholder?: string;
+        navigationTitle?: string;
+        searchBarAccessory?: ReactNode;
+        onSearchTextChange?: (text: string) => void;
+        onSelectionChange?: (id: string) => void;
+    };
+    export namespace Section {
+        type Props = BaseSection & {
+            title?: string;
+            subtitle?: string;
+            children?: ReactNode;
+        };
     }
-    type Fit = GridFit;
-    type Props = GridProps;
-    type Inset = GridInset;
-    type AspectRatio = "1" | "3/2" | "2/3" | "4/3" | "3/4" | "16/9" | "9/16" | '21/9' | '9/21' | '32/9' | '9/32';
-    namespace Item {
+    export type Fit = GridFit;
+    export type Inset = GridInset;
+    export type AspectRatio = "1" | "3/2" | "2/3" | "4/3" | "3/4" | "16/9" | "9/16" | '21/9' | '9/21' | '32/9' | '9/32';
+    export namespace Item {
         export type Props = {
             title?: string;
             detail?: React.ReactNode;
@@ -59,31 +78,10 @@ export declare namespace Grid {
         };
         export {};
     }
+    export {};
 }
-type GridProps = SectionConfig & {
-    actions?: React.ReactNode;
-    children?: React.ReactNode;
-    filtering?: boolean;
-    /**
-     * @deprecated use filtering
-     */
-    enableFiltering?: boolean;
-    isLoading?: boolean;
-    searchText?: string;
-    searchBarPlaceholder?: string;
-    navigationTitle?: string;
-    searchBarAccessory?: ReactNode;
-    onSearchTextChange?: (text: string) => void;
-    onSelectionChange?: (id: string) => void;
-};
-type GridSectionProps = SectionConfig & {
-    title?: string;
-    subtitle?: string;
-    children?: ReactNode;
-};
-export declare const GridAccessory: React.FC<Grid.Item.Accessory>;
-export declare const Grid: React.FC<GridProps> & {
-    Section: React.FC<GridSectionProps>;
+export declare const Grid: React.FC<Grid.Props> & {
+    Section: React.FC<Grid.Section.Props>;
     EmptyView: React.FC<import("./empty-view").EmptyViewProps>;
     Dropdown: React.FC<{
         tooltip?: string;
@@ -112,8 +110,6 @@ export declare const Grid: React.FC<GridProps> & {
     };
     Fit: typeof GridFit;
     Inset: typeof GridInset;
-    Item: React.FC<Grid.Item.Props> & {
-        Accessory: React.FC<Grid.Item.Accessory>;
-    };
+    Item: React.FC<Grid.Item.Props>;
 };
 export {};

package/dist/api/components/grid.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Grid = exports.GridAccessory = void 0;
+exports.Grid = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const image_1 = require("../image");
 const crypto_1 = require("crypto");
 const empty_view_1 = require("./empty-view");
 const dropdown_1 = require("./dropdown");
@@ -38,33 +37,9 @@ const GridRoot = ({ searchBarAccessory, children, actions, inset, fit = GridFit.
     }
     return ((0, jsx_runtime_1.jsxs)("grid", { fit: fit, inset: inset, aspectRatio: aspectRatioMap[aspectRatio], ...props, children: [searchBarAccessory, children, actions] }));
 };
-const GridItem = ({ detail, actions, keywords, ...props }) => {
+const GridItem = ({ detail, actions, ...props }) => {
     const id = (0, react_1.useRef)(props.id ?? (0, crypto_1.randomUUID)());
-    const nativeProps = {
-        title: props.title,
-        subtitle: props.subtitle,
-        id: id.current,
-        keywords,
-    };
-    const isColor = (content) => {
-        return !!content["color"];
-    };
-    const isDataWithTooltip = (content) => {
-        return !!content["value"];
-    };
-    if (isColor(props.content)) {
-        nativeProps.content = { color: props.content.color };
-    }
-    else if (isDataWithTooltip(props.content)) {
-        nativeProps.content = {
-            value: (0, image_1.serializeImageLike)(props.content.value),
-            tooltip: props.content.tooltip,
-        };
-    }
-    else {
-        nativeProps.content = (0, image_1.serializeImageLike)(props.content);
-    }
-    return ((0, jsx_runtime_1.jsxs)("grid-item", { ...nativeProps, children: [detail, actions] }));
+    return ((0, jsx_runtime_1.jsxs)("grid-item", { ...props, id: id.current, children: [detail, actions] }));
 };
 const GridSection = ({ fit, aspectRatio, inset, ...props }) => {
     const nativeProps = {
@@ -75,17 +50,11 @@ const GridSection = ({ fit, aspectRatio, inset, ...props }) => {
     };
     return (0, jsx_runtime_1.jsx)("grid-section", { ...nativeProps });
 };
-const GridAccessory = (props) => {
-    return (0, jsx_runtime_1.jsx)("list-accessory", {});
-};
-exports.GridAccessory = GridAccessory;
 exports.Grid = Object.assign(GridRoot, {
     Section: GridSection,
     EmptyView: empty_view_1.EmptyView,
     Dropdown: dropdown_1.Dropdown,
     Fit: GridFit,
     Inset: GridInset,
-    Item: Object.assign(GridItem, {
-        Accessory: exports.GridAccessory,
-    }),
+    Item: Object.assign(GridItem, {}),
 });

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

@@ -2,13 +2,54 @@ import React, { ReactNode } from "react";
 import { Image, ImageLike } from "../image";
 import { Color, ColorLike } from "../color";
 export declare namespace List {
+    type Props = {
+        actions?: React.ReactNode;
+        children?: React.ReactNode;
+        filtering?: boolean;
+        /**
+         * @deprecated use filtering
+         */
+        enableFiltering?: boolean;
+        isLoading?: boolean;
+        isShowingDetail?: boolean;
+        searchText?: string;
+        searchBarPlaceholder?: string;
+        navigationTitle?: string;
+        searchBarAccessory?: ReactNode;
+        onSearchTextChange?: (text: string) => void;
+        onSelectionChange?: (id: string) => void;
+    };
+    namespace Section {
+        type Props = {
+            title?: string;
+            subtitle?: string;
+            children?: ReactNode;
+        };
+    }
     namespace Item {
-        type Props = ListItemProps;
-        type Tag = string | Date | undefined | null | {
+        type Props = {
+            title: string;
+            keywords?: string[];
+            detail?: React.ReactNode;
+            icon?: ImageLike;
+            id?: string;
+            subtitle?: string;
+            actions?: ReactNode;
+            accessories?: List.Item.Accessory[];
+        };
+        namespace Detail {
+            type Props = {
+                isLoading?: boolean;
+                markdown?: string;
+                metadata?: React.ReactNode;
+            };
+        }
+        type AccessoryBase = string | Date | undefined | null;
+        type Tag = AccessoryBase | {
             color: ColorLike;
             value: string | Date | undefined | null;
         };
-        type Text = string | Date | undefined | null | {
+        type Text = AccessoryBase | {
             color: Color;
             value: string | Date | undefined | null;
         };
@@ -22,46 +63,8 @@ export declare namespace List {
         };
     }
 }
-type ListProps = {
-    actions?: React.ReactNode;
-    children?: React.ReactNode;
-    filtering?: boolean;
-    /**
-     * @deprecated use filtering
-     */
-    enableFiltering?: boolean;
-    isLoading?: boolean;
-    isShowingDetail?: boolean;
-    searchText?: string;
-    searchBarPlaceholder?: string;
-    navigationTitle?: string;
-    searchBarAccessory?: ReactNode;
-    onSearchTextChange?: (text: string) => void;
-    onSelectionChange?: (id: string) => void;
-};
-export type ListItemProps = {
-    title: string;
-    keywords?: string[];
-    detail?: React.ReactNode;
-    icon?: ImageLike;
-    id?: string;
-    subtitle?: string;
-    actions?: ReactNode;
-    accessories?: List.Item.Accessory[];
-};
-export type ListItemDetailProps = {
-    isLoading?: boolean;
-    markdown?: string;
-    metadata?: React.ReactNode;
-};
-type ListSectionProps = {
-    title?: string;
-    subtitle?: string;
-    children?: ReactNode;
-};
-export declare const ListAccessory: React.FC<List.Item.Accessory>;
-export declare const List: React.FC<ListProps> & {
-    Section: React.FC<ListSectionProps>;
+export declare const List: React.FC<List.Props> & {
+    Section: React.FC<List.Section.Props>;
     EmptyView: React.FC<import("./empty-view").EmptyViewProps>;
     Dropdown: React.FC<{
         tooltip?: string;
@@ -88,8 +91,8 @@ export declare const List: React.FC<ListProps> & {
             children?: ReactNode;
         }>;
     };
-    Item: React.FC<ListItemProps> & {
-        Detail: React.FC<ListItemDetailProps> & {
+    Item: React.FC<List.Item.Props> & {
+        Detail: React.FC<List.Item.Detail.Props> & {
             Metadata: React.FC<import("./metadata").MetadataProps> & {
                 Label: React.FC<import("./metadata").ListItemDetailMetadataLabelProps>;
                 Separator: React.FC<{}>;
@@ -103,7 +106,5 @@ export declare const List: React.FC<ListProps> & {
                 }>;
             };
         };
-        Accessory: React.FC<List.Item.Accessory>;
     };
 };
-export {};

package/dist/api/components/list.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.List = exports.ListAccessory = void 0;
+exports.List = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const image_1 = require("../image");
 const crypto_1 = require("crypto");
 const metadata_1 = require("./metadata");
 const empty_view_1 = require("./empty-view");
@@ -17,26 +16,14 @@ const ListRoot = ({ searchBarAccessory, children, actions, ...props }) => {
 };
 const ListItem = ({ detail, actions, ...props }) => {
     const id = (0, react_1.useRef)(props.id ?? (0, crypto_1.randomUUID)());
-    const nativeProps = {
-        title: props.title,
-        subtitle: props.subtitle,
-        id: id.current,
-    };
-    if (props.icon)
-        nativeProps.icon = (0, image_1.serializeImageLike)(props.icon);
-    return ((0, jsx_runtime_1.jsxs)("list-item", { ...nativeProps, children: [detail, actions] }));
+    return ((0, jsx_runtime_1.jsxs)("list-item", { ...props, id: id.current, children: [detail, actions] }));
 };
 const ListItemDetail = ({ metadata, ...props }) => {
     return (0, jsx_runtime_1.jsx)("list-item-detail", { ...props, children: metadata });
 };
 const ListSection = (props) => {
-    const nativeProps = props;
-    return (0, jsx_runtime_1.jsx)("list-section", { ...nativeProps });
+    return (0, jsx_runtime_1.jsx)("list-section", { ...props });
 };
-const ListAccessory = (props) => {
-    return (0, jsx_runtime_1.jsx)("list-accessory", {});
-};
-exports.ListAccessory = ListAccessory;
 exports.List = Object.assign(ListRoot, {
     Section: ListSection,
     EmptyView: empty_view_1.EmptyView,
@@ -45,6 +32,5 @@ exports.List = Object.assign(ListRoot, {
         Detail: Object.assign(ListItemDetail, {
             Metadata: metadata_1.Metadata,
         }),
-        Accessory: exports.ListAccessory,
     }),
 });

package/dist/api/components/metadata.js

@@ -2,15 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Metadata = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const image_1 = require("../image");
 const tag_1 = require("./tag");
 const MetadataRoot = (props) => {
     return (0, jsx_runtime_1.jsx)("metadata", { ...props });
 };
-const MetadataLabel = ({ icon, ...props }) => {
-    const nativeProps = props;
-    if (icon)
-        nativeProps.icon = (0, image_1.serializeImageLike)(icon);
+const MetadataLabel = (props) => {
     return (0, jsx_runtime_1.jsx)("metadata-label", { ...props });
 };
 const MetadataSeparator = () => {

package/dist/api/components/tag.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TagList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const image_1 = require("../image");
 const color_1 = require("../color");
 const TagListRoot = ({ title, children }) => {
     const nativeProps = {
@@ -11,15 +10,12 @@ const TagListRoot = ({ title, children }) => {
     };
     return (0, jsx_runtime_1.jsx)("tag-list", { ...nativeProps });
 };
-const TagItem = ({ color, icon, text, ...props }) => {
+const TagItem = ({ color, ...props }) => {
     const nativeProps = {
         ...props,
-        text,
     };
     if (color)
         nativeProps.color = (0, color_1.serializeColorLike)(color);
-    if (icon)
-        nativeProps.icon = (0, image_1.serializeImageLike)(icon);
     return (0, jsx_runtime_1.jsx)("tag-item", { ...nativeProps });
 };
 exports.TagList = Object.assign(TagListRoot, {

package/dist/api/controls.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.popToRoot = exports.getSelectedText = exports.clearSearchBar = exports.closeMainWindow = exports.showHUD = exports.PopToRootType = void 0;
 const bus_1 = require("./bus");
 const ui = __importStar(require("./proto/ui"));
+//e
 var PopToRootType;
 (function (PopToRootType) {
     /**

package/dist/api/image.d.ts

@@ -1,11 +1,5 @@
 import { Color } from "./color";
 import * as ui from "./proto/ui";
-export type SerializedImageLike = Image | {
-    fileIcon: string;
-} | {
-    light: URL | Image.Asset;
-    dark: URL | Image.Asset;
-};
 export type Image = {
     source: Image.Source;
     fallback?: Image.Fallback;
@@ -31,5 +25,4 @@ export declare namespace Image {
         RoundedRectangle = "roundedRectangle"
     }
 }
-export declare const serializeImageLike: (image: Image.ImageLike) => SerializedImageLike;
 export declare const serializeProtoImage: (image: ImageLike) => ui.Image;

package/dist/api/image.js

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.serializeProtoImage = exports.serializeImageLike = exports.Image = void 0;
+exports.serializeProtoImage = exports.Image = void 0;
 const ui = __importStar(require("./proto/ui"));
 var Image;
 (function (Image) {
@@ -47,16 +47,6 @@ const maskMap = {
     [Image.Mask.Circle]: ui.ImageMask.Circle,
     [Image.Mask.RoundedRectangle]: ui.ImageMask.RoundedRectangle,
 };
-const serializeImageLike = (image) => {
-    if (image instanceof URL) {
-        return { source: image.toString() };
-    }
-    if (typeof image == "string") {
-        return { source: image };
-    }
-    return image;
-};
-exports.serializeImageLike = serializeImageLike;
 const serializeProtoImage = (image) => {
     const serializeSource = (payload) => {
         if (typeof payload === "object") {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vicinae/api",
-  "version": "0.13.2",
+  "version": "0.13.4",
   "description": "TypeScript SDK to build Vicinae extensions",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "tsc --outDir dist",
-    "protogen": "mkdir ./src/api/proto && protoc --plugin=./node_modules/.bin/protoc-gen-ts_proto -I../proto ../proto/*.proto --ts_proto_out ./src/api/proto",
+    "protogen": "mkdir -p ./src/api/proto && protoc --plugin=./node_modules/.bin/protoc-gen-ts_proto -I../../proto ../../proto/*.proto --ts_proto_out ./src/api/proto",
     "pack": "npm run build && npm pack",
     "docgen-html": "typedoc src/api/index.ts",
     "docgen-md": "typedoc src/api/index.ts --disableSources --readme none --plugin typedoc-plugin-markdown --out ./docs"

package/types/jsx.d.ts

@@ -1,12 +1,13 @@
 import * as React from "react";
  
 import type { ListItemDetailProps } from "../api/components/list";
-import { SerializedImageLike } from "../api/image";
+import { ImageLike } from "../api/image";
 import { SerializedColorLike } from "../api/color";
 import { Keyboard } from "../api/keyboard";
 import { Grid } from "../api/components/grid";
 
 import 'react';
+import { ImageLike, List } from "../src";
 
 type BaseFormField = {
     onBlur?: Function;
@@ -40,12 +41,12 @@ declare module "react" {
         title: string;
         id?: string;
         subtitle?: string;
-        icon?: SerializedImageLike;
+        icon?: ImageLike;
         keywords?: string[];
+		children?: ReactNode;
       };
       "list-item-detail": ListItemDetailProps;
       "list-item-detail-metadata": any;
-      "list-accessory": {};
 
       grid: {
         inset?: Grid.Inset;
@@ -76,14 +77,15 @@ declare module "react" {
         title?: string;
         id?: string;
         subtitle?: string;
-        content?: SerializedImageLike | { color: ColorLike } | { value: SerializedImageLike, tooltip?: string };
+        content?: ImageLike | { color: ColorLike } | { value: ImageLike, tooltip?: string };
         keywords?: string[];
+		children?: ReactNode;
       };
 
       "empty-view": {
         description?: string;
         title?: string;
-        icon?: SerializedImageLike;
+        icon?: ImageLike;
       };
       metadata: {
         children?: React.ReactNode;
@@ -91,7 +93,7 @@ declare module "react" {
       "metadata-label": {
         title: string;
         text: string;
-        icon?: SerializedImageLike;
+        icon?: ImageLike;
       };
       "metadata-separator": {};
       "metadata-link": {
@@ -105,7 +107,7 @@ declare module "react" {
       };
       "action-panel-submenu": {
         title: string;
-        icon?: SerializedImageLike;
+        icon?: ImageLike;
         onOpen?: () => void;
         onSearchTextChange?: (text: string) => void;
         children?: React.ReactNode;
@@ -119,7 +121,7 @@ declare module "react" {
         onAction: () => void;
         onSubmit?: Function;
         shortcut?: Keyboard.Shortcut;
-        icon?: SerializedImageLike;
+        icon?: ImageLike;
         autoFocus?: boolean;
       };
       "tag-list": {
@@ -128,7 +130,7 @@ declare module "react" {
       };
       "tag-item": {
         color?: SerializedColorLike;
-        icon?: SerializedImageLike;
+        icon?: ImageLike;
         text?: string;
         onAction?: () => void;
       };
@@ -143,7 +145,7 @@ declare module "react" {
 	  "tag-picker-item": {
 		  title: string;
 		  value: string;
-		  icon?: SerializedImageLike;
+		  icon?: ImageLike;
 	  },
 	  "text-area-field": BaseFormField & {
 	  }
@@ -169,7 +171,7 @@ declare module "react" {
       "dropdown-item": {
         title: string;
         value: string;
-        icon?: SerializedImageLike;
+        icon?: ImageLike;
         keywords?: string[];
       };
 

package/dist/api/raycast/components/action-panel.d.ts

@@ -1,18 +0,0 @@
-import * as vicinae from '../../';
-export declare const ActionPanel: import("react").FC<vicinae.ActionPanelProps> & {
-    Section: import("react").FC<import("react").PropsWithChildren<vicinae.ActionPanelSectionProps>>;
-    Submenu: import("react").FC<vicinae.ActionPanelSubmenuProps>;
-} & {
-    Item: import("react").FC<vicinae.ActionProps> & {
-        CopyToClipboard: import("react").FC<vicinae.CopyToClipboardProps>;
-        Push: import("react").FC<vicinae.ActionPushProps>;
-        Open: import("react").FC<vicinae.ActionOpenProps>;
-        Paste: import("react").FC<vicinae.ActionPasteProps>;
-        SubmitForm: import("react").FC<vicinae.ActionSubmitFormProps>;
-        OpenInBrowser: import("react").FC<vicinae.ActionOpenInBrowserProps>;
-        Style: {
-            Regular: "regular";
-            Destructive: "destructive";
-        };
-    };
-};

package/dist/api/raycast/components/action-panel.js

@@ -1,41 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionPanel = void 0;
-const vicinae = __importStar(require("../../"));
-// older versions of the Raycast API had ActionPanel.Item
-exports.ActionPanel = Object.assign(vicinae.ActionPanel, {
-    Item: vicinae.Action
-});

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

@@ -1,26 +0,0 @@
-/**
- * This entrypoint is used instead of the normal index.ts when we are
- * dealing with a Raycast extension, e.g an extension that makes use of
- * `@raycast/api` package instead of `@vicinae/api`.
- */
-export * from "../hooks/index.js";
-export * from "../context/index.js";
-export * from "../bus.js";
-export * from "../color.js";
-export * from "../keyboard.js";
-export * from "../image.js";
-export * from "../icon.js";
-export * from "../environment.js";
-export * from "../controls.js";
-export * from "../cache";
-export * from "../toast";
-export * from "../clipboard.js";
-export * from "../oauth.js";
-export * from "../alert.js";
-export * from "../preference.js";
-export * from "./system.js";
-export * from "./local-storage.js";
-export * from './window-management.js';
-export { randomId } from './utils.js';
-export { List, Grid, Form, Detail, Action } from '../components';
-export { ActionPanel } from "./components/action-panel.js";

package/dist/api/raycast/index.js

@@ -1,50 +0,0 @@
-"use strict";
-/**
- * This entrypoint is used instead of the normal index.ts when we are
- * dealing with a Raycast extension, e.g an extension that makes use of
- * `@raycast/api` package instead of `@vicinae/api`.
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 });
-exports.ActionPanel = exports.Action = exports.Detail = exports.Form = exports.Grid = exports.List = exports.randomId = void 0;
-__exportStar(require("../hooks/index.js"), exports);
-__exportStar(require("../context/index.js"), exports);
-__exportStar(require("../bus.js"), exports);
-__exportStar(require("../color.js"), exports);
-__exportStar(require("../keyboard.js"), exports);
-__exportStar(require("../image.js"), exports);
-__exportStar(require("../icon.js"), exports);
-__exportStar(require("../environment.js"), exports);
-__exportStar(require("../controls.js"), exports);
-__exportStar(require("../cache"), exports);
-__exportStar(require("../toast"), exports);
-__exportStar(require("../clipboard.js"), exports);
-__exportStar(require("../oauth.js"), exports);
-__exportStar(require("../alert.js"), exports);
-__exportStar(require("../preference.js"), exports);
-__exportStar(require("./system.js"), exports);
-__exportStar(require("./local-storage.js"), exports);
-__exportStar(require("./window-management.js"), exports);
-var utils_js_1 = require("./utils.js");
-Object.defineProperty(exports, "randomId", { enumerable: true, get: function () { return utils_js_1.randomId; } });
-var components_1 = require("../components");
-Object.defineProperty(exports, "List", { enumerable: true, get: function () { return components_1.List; } });
-Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return components_1.Grid; } });
-Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return components_1.Form; } });
-Object.defineProperty(exports, "Detail", { enumerable: true, get: function () { return components_1.Detail; } });
-Object.defineProperty(exports, "Action", { enumerable: true, get: function () { return components_1.Action; } });
-var action_panel_js_1 = require("./components/action-panel.js");
-Object.defineProperty(exports, "ActionPanel", { enumerable: true, get: function () { return action_panel_js_1.ActionPanel; } });

package/dist/api/raycast/local-storage.d.ts

@@ -1,9 +0,0 @@
-import { LocalStorage } from '../local-storage';
-export declare const allLocalStorageItems: typeof LocalStorage.allItems;
-export declare const getLocalStorageItem: typeof LocalStorage.getItem;
-export declare const setLocalStorageItem: typeof LocalStorage.setItem;
-export declare const removeLocalStorageItem: typeof LocalStorage.removeItem;
-export declare const clearLocalStorage: typeof LocalStorage.clear;
-export type LocalStorageValues = LocalStorage.Values;
-export type LocalStorageValue = LocalStorage.Value;
-export { LocalStorage } from '../local-storage';

package/dist/api/raycast/local-storage.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LocalStorage = exports.clearLocalStorage = exports.removeLocalStorageItem = exports.setLocalStorageItem = exports.getLocalStorageItem = exports.allLocalStorageItems = void 0;
-const local_storage_1 = require("../local-storage");
-// We support deprecated local storage methods:
-// https://developers.raycast.com/misc/migration/v1.28.0#storage
-exports.allLocalStorageItems = local_storage_1.LocalStorage.allItems;
-exports.getLocalStorageItem = local_storage_1.LocalStorage.getItem;
-exports.setLocalStorageItem = local_storage_1.LocalStorage.setItem;
-exports.removeLocalStorageItem = local_storage_1.LocalStorage.removeItem;
-exports.clearLocalStorage = local_storage_1.LocalStorage.clear;
-var local_storage_2 = require("../local-storage");
-Object.defineProperty(exports, "LocalStorage", { enumerable: true, get: function () { return local_storage_2.LocalStorage; } });

package/dist/api/raycast/system.d.ts

@@ -1,20 +0,0 @@
-import { PathLike } from 'fs';
-import * as vicinae from '..';
-export type RaycastApplication = {
-    name: string;
-    path: string;
-    bundleId: string;
-    localizedName: string;
-    windowsAppId: string;
-};
-export declare const transformApp: (app: vicinae.Application) => RaycastApplication;
-export declare const getApplications: (path?: PathLike) => Promise<RaycastApplication[]>;
-export declare const getDefaultApplication: (path: PathLike) => Promise<RaycastApplication>;
-export declare const open: (target: string, app?: vicinae.Application | string) => Promise<void>;
-export declare const trash: (path: PathLike | PathLike[]) => Promise<void>;
-export declare const getFrontmostApplication: () => Promise<RaycastApplication>;
-export declare const captureException: (exception: unknown) => void;
-export declare const showInFinder: (path: PathLike) => Promise<void>;
-export declare const getSelectedFinderItems: () => Promise<{
-    path: string;
-}[]>;

package/dist/api/raycast/system.js

@@ -1,73 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSelectedFinderItems = exports.showInFinder = exports.captureException = exports.getFrontmostApplication = exports.trash = exports.open = exports.getDefaultApplication = exports.getApplications = exports.transformApp = void 0;
-const vicinae = __importStar(require(".."));
-const transformApp = (app) => {
-    return {
-        bundleId: app.id,
-        name: app.name,
-        path: app.path,
-        localizedName: app.name,
-        windowsAppId: app.id,
-    };
-};
-exports.transformApp = transformApp;
-const getApplications = async (path) => {
-    const apps = await vicinae.getApplications(path?.toString());
-    return apps.map(exports.transformApp);
-};
-exports.getApplications = getApplications;
-const getDefaultApplication = async (path) => {
-    return (0, exports.transformApp)(await vicinae.getDefaultApplication(path.toString()));
-};
-exports.getDefaultApplication = getDefaultApplication;
-exports.open = vicinae.open;
-exports.trash = vicinae.trash;
-const getFrontmostApplication = async () => {
-    return (0, exports.transformApp)(await vicinae.getFrontmostApplication());
-};
-exports.getFrontmostApplication = getFrontmostApplication;
-const captureException = (exception) => {
-    // maybe one day, if we have a developer hub...
-    console.error("captureException called on", exception);
-};
-exports.captureException = captureException;
-const showInFinder = (path) => vicinae.showInFileBrowser(path);
-exports.showInFinder = showInFinder;
-const getSelectedFinderItems = async () => {
-    throw new Error('getSelectedFinderItems is not implemented');
-};
-exports.getSelectedFinderItems = getSelectedFinderItems;

package/dist/api/raycast/utils.d.ts

@@ -1,2 +0,0 @@
-import { randomUUID } from "crypto";
-export declare const randomId: typeof randomUUID;

package/dist/api/raycast/utils.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.randomId = void 0;
-const crypto_1 = require("crypto");
-// legacy raycast util
-exports.randomId = crypto_1.randomUUID;

package/dist/api/raycast/window-management.d.ts

@@ -1,42 +0,0 @@
-import { RaycastApplication } from './system';
-type RaycastWindow = {
-    active: boolean;
-    bounds: {
-        position: {
-            x: number;
-            y: number;
-        };
-        size: {
-            height: number;
-            width: number;
-        };
-    } | "fullscreen";
-    desktopId: string;
-    fullScreenSettable: boolean;
-    id: string;
-    positionable: boolean;
-    resizable: boolean;
-    application?: RaycastApplication;
-};
-declare enum DesktopType {
-    User = 0,
-    FullScreen = 1
-}
-type RaycastDesktop = {
-    id: string;
-    screenId: string;
-    size: {
-        height: number;
-        width: number;
-    };
-    active: boolean;
-    type: DesktopType;
-};
-declare class RaycastWindowManagement {
-    getActiveWindow(): Promise<RaycastWindow>;
-    getDesktops(): Promise<RaycastDesktop[]>;
-    getWindowsOnActiveDesktop(): Promise<RaycastWindow[]>;
-    constructor();
-}
-export declare const WindowManagement: RaycastWindowManagement;
-export {};

package/dist/api/raycast/window-management.js

@@ -1,82 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WindowManagement = void 0;
-const system_1 = require("./system");
-const vicinae = __importStar(require(".."));
-var DesktopType;
-(function (DesktopType) {
-    DesktopType[DesktopType["User"] = 0] = "User";
-    DesktopType[DesktopType["FullScreen"] = 1] = "FullScreen";
-})(DesktopType || (DesktopType = {}));
-;
-const transformNativeDesktop = (win) => {
-    return {
-        id: win.id,
-        screenId: win.monitorId,
-        size: { width: 0, height: 0 }, // FIXME: implement
-        active: win.active,
-        type: DesktopType.User
-    };
-};
-const transformNativeWindow = (win) => {
-    return {
-        id: win.id,
-        fullScreenSettable: true,
-        positionable: true,
-        resizable: true,
-        active: win.active,
-        bounds: win.bounds,
-        desktopId: win.workspaceId ?? '0',
-        application: win.application && (0, system_1.transformApp)(win.application)
-    };
-};
-class RaycastWindowManagement {
-    async getActiveWindow() {
-        const window = await vicinae.WindowManagement.getActiveWindow();
-        return transformNativeWindow(window);
-    }
-    async getDesktops() {
-        const workspaces = await vicinae.WindowManagement.getWorkspaces();
-        return workspaces.map(transformNativeDesktop);
-    }
-    async getWindowsOnActiveDesktop() {
-        const wins = await vicinae.WindowManagement.getWindowsOnActiveWorkspace();
-        return wins.map(transformNativeWindow);
-    }
-    constructor() { }
-}
-;
-exports.WindowManagement = new RaycastWindowManagement;