@vicinae/api 0.16.2 → 0.16.3

package/dist/api/color.d.ts

@@ -1,3 +1,4 @@
+import * as ui from "./proto/ui";
 type DynamicColor = {
     dark: string;
     light: string;
@@ -19,6 +20,6 @@ export declare enum Color {
     SecondaryText = "secondary-text"
 }
 export type ColorLike = Color.Dynamic | Color.Raw | Color;
-export type SerializedColorLike = Color.Dynamic | string;
+export type SerializedColorLike = ui.ColorLike;
 export declare const serializeColorLike: (color: ColorLike) => SerializedColorLike;
 export {};

package/dist/api/color.js

@@ -1,6 +1,40 @@
 "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.serializeColorLike = exports.Color = void 0;
+const ui = __importStar(require("./proto/ui"));
 var Color;
 (function (Color) {
     Color["Blue"] = "blue";
@@ -14,9 +48,20 @@ var Color;
     Color["SecondaryText"] = "secondary-text";
 })(Color || (exports.Color = Color = {}));
 const serializeColorLike = (color) => {
-    if (typeof color == "string") {
-        return color;
+    const colorLike = ui.ColorLike.create();
+    if (typeof color === "string") {
+        colorLike.raw = color;
+    }
+    else {
+        // It's a DynamicColor
+        const dynamicColor = ui.DynamicColor.create();
+        dynamicColor.light = color.light;
+        dynamicColor.dark = color.dark;
+        if (color.adjustContrast !== undefined) {
+            dynamicColor.adjustContrast = color.adjustContrast;
+        }
+        colorLike.dynamic = dynamicColor;
     }
-    return color;
+    return colorLike;
 };
 exports.serializeColorLike = serializeColorLike;

package/dist/api/components/action-pannel.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
-import { Image } from "../image";
-import { Keyboard } from "../keyboard";
+import type { ReactNode } from "react";
+import { type Image } from "../image";
+import type { Keyboard } from "../keyboard";
 export type ActionPanelProps = {
     title?: string;
     children?: ReactNode;

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

@@ -2,6 +2,7 @@
 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 });
@@ -12,8 +13,9 @@ const ActionPanelSection = (props) => {
     };
     return ((0, jsx_runtime_1.jsx)("action-panel-section", { ...nativeProps, children: props.children }));
 };
-const ActionPannelSubmenu = ({ children, ...props }) => {
-    return (0, jsx_runtime_1.jsx)("action-panel-submenu", { ...props, children: children });
+const ActionPannelSubmenu = ({ children, icon, ...props }) => {
+    const serializedIcon = icon ? (0, image_1.serializeProtoImage)(icon) : icon;
+    return ((0, jsx_runtime_1.jsx)("action-panel-submenu", { ...props, icon: serializedIcon, children: children }));
 };
 exports.ActionPanel = Object.assign(ActionPanelRoot, {
     Section: ActionPanelSection,

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

@@ -1,7 +1,7 @@
 import React, { ReactNode } from "react";
 import type { PathLike } from "node:fs";
 import { Clipboard } from "../clipboard";
-import { ImageLike } from "../image";
+import { type ImageLike } from "../image";
 import { Keyboard } from "../keyboard";
 import { Application } from "../utils";
 import { Form } from "./form";

package/dist/api/components/actions.js

@@ -4,11 +4,15 @@ 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 = (props) => {
-    return (0, jsx_runtime_1.jsx)("action", { ...props });
+    const serializedIcon = props.icon
+        ? (0, image_1.serializeProtoImage)(props.icon)
+        : props.icon;
+    return (0, jsx_runtime_1.jsx)("action", { ...props, icon: serializedIcon });
 };
 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 () => {
@@ -50,6 +54,7 @@ const SubmitForm = ({ title = "Submit", ...props }) => {
     const nativeProps = {
         ...props,
         title,
+        icon: props.icon ? (0, image_1.serializeProtoImage)(props.icon) : props.icon,
         onAction: () => { },
     };
     return (0, jsx_runtime_1.jsx)("action", { ...nativeProps });
@@ -67,6 +72,7 @@ const CreateQuicklink = ({ title = "Create Quicklink", quicklink, ...props }) =>
                 : quicklink.application?.name,
             icon: quicklink.icon,
         },
+        icon: props.icon ? (0, image_1.serializeProtoImage)(props.icon) : props.icon,
         onAction: () => { },
     };
     return (0, jsx_runtime_1.jsx)("action", { ...nativeProps });

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

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { Image } from "../image";
+import { type Image } from "../image";
 export declare namespace Dropdown {
     type Props = DropdownProps;
     type Item = DropdownItemProps;

package/dist/api/components/dropdown.js

@@ -2,11 +2,13 @@
 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 });
+    const serializedIcon = icon ? (0, image_1.serializeProtoImage)(icon) : icon;
+    return (0, jsx_runtime_1.jsx)("dropdown-item", { title: title, value: value, icon: serializedIcon });
 };
 const Section = ({ title, children }) => {
     return (0, jsx_runtime_1.jsx)("dropdown-section", { title: title, children: children });

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

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

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

@@ -1,5 +1,5 @@
 import { ReactNode, Ref } from "react";
-import { ImageLike } from "../image";
+import { type ImageLike } from "../image";
 type FormProps = {
     actions?: React.ReactNode;
     children?: React.ReactNode;

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 image_1 = require("../image");
 const dropdown_1 = require("./dropdown");
 const wrapFormItemProps = (props) => {
     return {
@@ -81,7 +82,8 @@ 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 });
+    const serializedIcon = icon ? (0, image_1.serializeProtoImage)(icon) : icon;
+    return (0, jsx_runtime_1.jsx)("tag-picker-item", { ...props, icon: serializedIcon });
 };
 const TagPicker = Object.assign(TagPickerRoot, {
     Item: TagPickerItem,

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

@@ -1,6 +1,6 @@
 import React, { ReactNode } from "react";
-import { Image, ImageLike } from "../image";
-import { Color, ColorLike } from "../color";
+import { type Image, type ImageLike } from "../image";
+import { type ColorLike } from "../color";
 declare enum GridInset {
     Zero = "zero",
     Small = "small",
@@ -56,7 +56,7 @@ export declare namespace Grid {
     export type ItemSize = GridItemSize;
     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 = {
+        type Props = {
             title?: string;
             detail?: React.ReactNode;
             keywords?: string[];
@@ -64,31 +64,20 @@ export declare namespace Grid {
             content: Image.ImageLike | {
                 color: ColorLike;
             } | {
-                value: Image.ImageLike;
+                value: Image.ImageLike | {
+                    color: ColorLike;
+                };
                 tooltip?: string;
             };
             id?: string;
             subtitle?: string;
             actions?: ReactNode;
-            accessories?: Grid.Item.Accessory[];
+            accessory?: Grid.Item.Accessory;
         };
-        type Tag = string | Date | undefined | null | {
-            color: ColorLike;
-            value: string | Date | undefined | null;
-        };
-        type Text = string | Date | undefined | null | {
-            color: Color;
-            value: string | Date | undefined | null;
-        };
-        export type Accessory = ({
-            tag?: Tag;
-        } | {
-            text?: Text;
-        }) & {
+        type Accessory = {
             icon?: Image.ImageLike;
             tooltip?: string | null;
         };
-        export {};
     }
     export {};
 }

package/dist/api/components/grid.js

@@ -3,8 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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 color_1 = require("../color");
 const dropdown_1 = require("./dropdown");
 var GridInset;
 (function (GridInset) {
@@ -55,9 +57,37 @@ const GridRoot = ({ searchBarAccessory, children, actions, inset, itemSize, fit
     }
     return ((0, jsx_runtime_1.jsxs)("grid", { fit: fit, inset: inset, aspectRatio: aspectRatioMap[aspectRatio], ...props, children: [searchBarAccessory, children, actions] }));
 };
-const GridItem = ({ detail, actions, ...props }) => {
+const GridItem = ({ detail, actions, content, accessory, ...props }) => {
     const id = (0, react_1.useRef)(props.id ?? (0, crypto_1.randomUUID)());
-    return ((0, jsx_runtime_1.jsxs)("grid-item", { ...props, id: id.current, children: [detail, actions] }));
+    // Remove value wrapper
+    const innerContent = typeof content === "object" && "value" in content ? content.value : content;
+    const tooltip = typeof content === "object" && "tooltip" in content
+        ? content.tooltip
+        : undefined;
+    // Content
+    let serializedContent;
+    if (innerContent &&
+        typeof innerContent === "object" &&
+        "color" in innerContent) {
+        serializedContent = {
+            color: (0, color_1.serializeColorLike)(innerContent.color),
+        };
+    }
+    else {
+        serializedContent = innerContent
+            ? (0, image_1.serializeProtoImage)(innerContent)
+            : undefined;
+    }
+    // Accessory
+    const serializedAccessory = accessory
+        ? {
+            icon: accessory.icon
+                ? (0, image_1.serializeProtoImage)(accessory.icon)
+                : accessory.icon,
+            tooltip: accessory.tooltip,
+        }
+        : undefined;
+    return ((0, jsx_runtime_1.jsxs)("grid-item", { ...props, content: serializedContent, tooltip: tooltip, accessory: serializedAccessory, id: id.current, children: [detail, actions] }));
 };
 const GridSection = ({ fit, aspectRatio, inset, ...props }) => {
     const nativeProps = {

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

@@ -1,6 +1,6 @@
 import React, { ReactNode } from "react";
-import { Image, ImageLike } from "../image";
-import { Color, ColorLike } from "../color";
+import { type Image, type ImageLike, type SerializedImageLike } from "../image";
+import { type Color, type ColorLike, type SerializedColorLike } from "../color";
 export declare namespace List {
     type Props = {
         actions?: React.ReactNode;
@@ -31,7 +31,10 @@ export declare namespace List {
             title: string;
             keywords?: string[];
             detail?: React.ReactNode;
-            icon?: ImageLike;
+            icon?: ImageLike | {
+                value: ImageLike | undefined | null;
+                tooltip: string;
+            };
             id?: string;
             subtitle?: string;
             actions?: ReactNode;
@@ -63,6 +66,22 @@ export declare namespace List {
         };
     }
 }
+export type SerializedTag = List.Item.AccessoryBase | {
+    color: SerializedColorLike;
+    value: string | Date | undefined | null;
+};
+export type SerializedText = List.Item.AccessoryBase | {
+    color: SerializedColorLike;
+    value: string | Date | undefined | null;
+};
+export type SerializedAccessory = ({
+    tag?: SerializedTag;
+} | {
+    text?: SerializedText;
+}) & {
+    icon?: SerializedImageLike;
+    tooltip?: string | null;
+};
 export declare const List: React.FC<List.Props> & {
     Section: React.FC<List.Section.Props>;
     EmptyView: React.FC<import("./empty-view").EmptyViewProps>;

package/dist/api/components/list.js

@@ -3,10 +3,44 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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");
+const color_1 = require("../color");
 const dropdown_1 = require("./dropdown");
+function serializeAccessory(accessory) {
+    const icon = accessory.icon ? (0, image_1.serializeProtoImage)(accessory.icon) : undefined;
+    const tag = typeof accessory === "object" && "tag" in accessory
+        ? serializeTag(accessory.tag)
+        : undefined;
+    const text = typeof accessory === "object" && "text" in accessory
+        ? serializeText(accessory.text)
+        : undefined;
+    return { icon, tooltip: accessory.tooltip, tag, text };
+}
+function serializeTag(tag) {
+    if (tag == null)
+        return tag; // null or undefined
+    if (typeof tag !== "object")
+        return tag;
+    if ("color" in tag) {
+        const color = (0, color_1.serializeColorLike)(tag.color);
+        const value = "value" in tag ? tag.value : undefined;
+        return { color, value };
+    }
+}
+function serializeText(text) {
+    if (text == null)
+        return text; // null or undefined
+    if (typeof text !== "object")
+        return text;
+    if ("color" in text) {
+        const color = (0, color_1.serializeColorLike)(text.color);
+        const value = "value" in text ? text.value : undefined;
+        return { color, value };
+    }
+}
 const ListRoot = ({ searchBarAccessory, children, actions, ...props }) => {
     if (typeof props.enableFiltering === "boolean" &&
         typeof props.filtering === "undefined") {
@@ -14,9 +48,22 @@ const ListRoot = ({ searchBarAccessory, children, actions, ...props }) => {
     }
     return ((0, jsx_runtime_1.jsxs)("list", { ...props, children: [searchBarAccessory, children, actions] }));
 };
-const ListItem = ({ detail, actions, ...props }) => {
+const ListItem = ({ detail, actions, icon, accessories, ...props }) => {
     const id = (0, react_1.useRef)(props.id ?? (0, crypto_1.randomUUID)());
-    return ((0, jsx_runtime_1.jsxs)("list-item", { ...props, id: id.current, children: [detail, actions] }));
+    // Icon
+    let serializedIcon;
+    if (icon && typeof icon === "object" && "value" in icon) {
+        serializedIcon = {
+            value: icon.value ? (0, image_1.serializeProtoImage)(icon.value) : undefined,
+            tooltip: icon.tooltip,
+        };
+    }
+    else {
+        serializedIcon = icon ? (0, image_1.serializeProtoImage)(icon) : undefined;
+    }
+    // Accessories
+    const serializedAccessories = accessories?.map(serializeAccessory) ?? undefined;
+    return ((0, jsx_runtime_1.jsxs)("list-item", { ...props, icon: serializedIcon, accessories: serializedAccessories, id: id.current, children: [detail, actions] }));
 };
 const ListItemDetail = ({ metadata, ...props }) => {
     return (0, jsx_runtime_1.jsx)("list-item-detail", { ...props, children: metadata });

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { ImageLike } from "../image";
+import { type ImageLike } from "../image";
 export type MetadataProps = {
     children?: React.ReactNode;
 };

package/dist/api/components/metadata.js

@@ -2,12 +2,16 @@
 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 = (props) => {
-    return (0, jsx_runtime_1.jsx)("metadata-label", { ...props });
+    const serializedIcon = props.icon
+        ? (0, image_1.serializeProtoImage)(props.icon)
+        : props.icon;
+    return (0, jsx_runtime_1.jsx)("metadata-label", { ...props, icon: serializedIcon });
 };
 const MetadataSeparator = () => {
     return (0, jsx_runtime_1.jsx)("metadata-separator", {});

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

@@ -1,6 +1,6 @@
 import React, { ReactNode } from "react";
-import { ImageLike } from "../image";
-import { ColorLike } from "../color";
+import { type ColorLike } from "../color";
+import { type ImageLike } from "../image";
 export type TagListProps = {
     title: string;
     children: ReactNode;

package/dist/api/components/tag.js

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

package/dist/api/image.d.ts

@@ -1,12 +1,14 @@
-import { Color } from "./color";
+import { type ColorLike } from "./color";
+import type { Icon } from "./icon";
 import * as ui from "./proto/ui";
 export type Image = {
     source: Image.Source;
-    fallback?: Image.Fallback;
-    tintColor?: Color;
-    mask?: Image.Mask;
+    fallback?: Image.Fallback | undefined | null;
+    tintColor?: ColorLike | undefined | null;
+    mask?: Image.Mask | undefined | null;
 };
 export type ImageLike = Image.ImageLike;
+export type SerializedImageLike = URL | Image.Asset | Icon | ui.Image | Image.ThemedImage;
 export declare namespace Image {
     type Asset = string;
     type ThemedSource = {
@@ -15,7 +17,7 @@ export declare namespace Image {
     };
     type Fallback = Source;
     type Source = URL | Asset | ThemedSource;
-    type ImageLike = URL | Image.Asset | Image | ThemedImage;
+    type ImageLike = URL | Image.Asset | Icon | Image | ThemedImage;
     type ThemedImage = {
         light: URL | Asset;
         dark: URL | Asset;

package/dist/api/image.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.serializeProtoImage = exports.Image = void 0;
+const color_1 = require("./color");
 const ui = __importStar(require("./proto/ui"));
 var Image;
 (function (Image) {
@@ -69,6 +70,9 @@ const serializeProtoImage = (image) => {
     if (img.mask) {
         proto.mask = maskMap[img.mask];
     }
+    if (img.tintColor) {
+        proto.tintColor = (0, color_1.serializeColorLike)(img.tintColor);
+    }
     return proto;
 };
 exports.serializeProtoImage = serializeProtoImage;

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

@@ -15,9 +15,12 @@ export interface DmenuRequest {
     rawContent: string;
     navigationTitle: string;
     placeholder: string;
-    noIcon: boolean;
     sectionTitle: string;
     noSection: boolean;
+    noQuickLook: boolean;
+    noIcon: boolean;
+    noMetadata: boolean;
+    query: string;
 }
 export interface LaunchAppRequest {
     appId: string;