@hubspot/ui-extensions 0.0.1-prealpha.4 → 0.0.1-prealpha.5

package/dist/coreComponents.d.ts

@@ -0,0 +1,142 @@
+import type { AlertProps, ButtonProps, ButtonRowProps, CardProps, DescriptionListProps, DescriptionListItemProps, DividerProps, FormProps, HeadingProps, ImageProps, InputProps, LoadingSpinnerProps, ProgressBarProps, SelectProps, TagProps, TextProps, TileProps, StackProps, StatisticsProps, StatisticsItemProps, StatisticsTrendProps, TableProps, TableElementProps } from './types';
+declare const Alert: "Alert" & {
+    readonly type?: "Alert" | undefined;
+    readonly props?: AlertProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Alert", AlertProps, true>>;
+declare const Button: "Button" & {
+    readonly type?: "Button" | undefined;
+    readonly props?: ButtonProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Button", ButtonProps, true>>;
+declare const ButtonRow: "ButtonRow" & {
+    readonly type?: "ButtonRow" | undefined;
+    readonly props?: ButtonRowProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ButtonRow", ButtonRowProps, true>>;
+declare const Card: "Card" & {
+    readonly type?: "Card" | undefined;
+    readonly props?: CardProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Card", CardProps, true>>;
+declare const DescriptionList: "DescriptionList" & {
+    readonly type?: "DescriptionList" | undefined;
+    readonly props?: DescriptionListProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"DescriptionList", DescriptionListProps, true>>;
+declare const DescriptionListItem: "DescriptionListItem" & {
+    readonly type?: "DescriptionListItem" | undefined;
+    readonly props?: DescriptionListItemProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"DescriptionListItem", DescriptionListItemProps, true>>;
+declare const Divider: "Divider" & {
+    readonly type?: "Divider" | undefined;
+    readonly props?: DividerProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Divider", DividerProps, true>>;
+declare const Form: "Form" & {
+    readonly type?: "Form" | undefined;
+    readonly props?: FormProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Form", FormProps, true>>;
+declare const Heading: "Heading" & {
+    readonly type?: "Heading" | undefined;
+    readonly props?: HeadingProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Heading", HeadingProps, true>>;
+declare const Image: "Image" & {
+    readonly type?: "Image" | undefined;
+    readonly props?: ImageProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Image", ImageProps, true>>;
+declare const Input: "Input" & {
+    readonly type?: "Input" | undefined;
+    readonly props?: InputProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Input", InputProps, true>>;
+declare const LoadingSpinner: "LoadingSpinner" & {
+    readonly type?: "LoadingSpinner" | undefined;
+    readonly props?: LoadingSpinnerProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"LoadingSpinner", LoadingSpinnerProps, true>>;
+declare const ProgressBar: "ProgressBar" & {
+    readonly type?: "ProgressBar" | undefined;
+    readonly props?: ProgressBarProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ProgressBar", ProgressBarProps, true>>;
+declare const Select: "Select" & {
+    readonly type?: "Select" | undefined;
+    readonly props?: SelectProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Select", SelectProps, true>>;
+declare const Tag: "Tag" & {
+    readonly type?: "Tag" | undefined;
+    readonly props?: TagProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Tag", TagProps, true>>;
+declare const Text: "Text" & {
+    readonly type?: "Text" | undefined;
+    readonly props?: TextProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Text", TextProps, true>>;
+declare const Tile: "Tile" & {
+    readonly type?: "Tile" | undefined;
+    readonly props?: TileProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Tile", TileProps, true>>;
+declare const Stack: "Stack" & {
+    readonly type?: "Stack" | undefined;
+    readonly props?: StackProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Stack", StackProps, true>>;
+declare const StatisticsItem: "StatisticsItem" & {
+    readonly type?: "StatisticsItem" | undefined;
+    readonly props?: StatisticsItemProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"StatisticsItem", StatisticsItemProps, true>>;
+declare const Statistics: "Statistics" & {
+    readonly type?: "Statistics" | undefined;
+    readonly props?: StatisticsProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Statistics", StatisticsProps, true>>;
+declare const StatisticsTrend: "StatisticsTrend" & {
+    readonly type?: "StatisticsTrend" | undefined;
+    readonly props?: StatisticsTrendProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"StatisticsTrend", StatisticsTrendProps, true>>;
+declare const Table: "Table" & {
+    readonly type?: "Table" | undefined;
+    readonly props?: TableProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Table", TableProps, true>>;
+declare const TableFooter: "TableFooter" & {
+    readonly type?: "TableFooter" | undefined;
+    readonly props?: TableElementProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableFooter", TableElementProps, true>>;
+declare const TableCell: "TableCell" & {
+    readonly type?: "TableCell" | undefined;
+    readonly props?: TableElementProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableCell", TableElementProps, true>>;
+declare const TableRow: "TableRow" & {
+    readonly type?: "TableRow" | undefined;
+    readonly props?: TableElementProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableRow", TableElementProps, true>>;
+declare const TableBody: "TableBody" & {
+    readonly type?: "TableBody" | undefined;
+    readonly props?: TableElementProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableBody", TableElementProps, true>>;
+declare const TableHeader: "TableHeader" & {
+    readonly type?: "TableHeader" | undefined;
+    readonly props?: TableElementProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableHeader", TableElementProps, true>>;
+declare const TableHead: "TableHead" & {
+    readonly type?: "TableHead" | undefined;
+    readonly props?: TableElementProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableHead", TableElementProps, true>>;
+export { Alert, Button, ButtonRow, Card, DescriptionList, DescriptionListItem, Divider, Form, Heading, Image, Input, LoadingSpinner, ProgressBar, Select, Stack, Statistics, StatisticsItem, StatisticsTrend, Table, TableFooter, TableCell, TableRow, TableBody, TableHeader, TableHead, Tag, Text, Tile, };

package/dist/coreComponents.js

@@ -0,0 +1,30 @@
+import { createRemoteReactComponent } from '@remote-ui/react';
+const Alert = createRemoteReactComponent('Alert');
+const Button = createRemoteReactComponent('Button');
+const ButtonRow = createRemoteReactComponent('ButtonRow');
+const Card = createRemoteReactComponent('Card');
+const DescriptionList = createRemoteReactComponent('DescriptionList');
+const DescriptionListItem = createRemoteReactComponent('DescriptionListItem');
+const Divider = createRemoteReactComponent('Divider');
+const Form = createRemoteReactComponent('Form');
+const Heading = createRemoteReactComponent('Heading');
+const Image = createRemoteReactComponent('Image');
+const Input = createRemoteReactComponent('Input');
+const LoadingSpinner = createRemoteReactComponent('LoadingSpinner');
+const ProgressBar = createRemoteReactComponent('ProgressBar');
+const Select = createRemoteReactComponent('Select');
+const Tag = createRemoteReactComponent('Tag');
+const Text = createRemoteReactComponent('Text');
+const Tile = createRemoteReactComponent('Tile');
+const Stack = createRemoteReactComponent('Stack');
+const StatisticsItem = createRemoteReactComponent('StatisticsItem');
+const Statistics = createRemoteReactComponent('Statistics');
+const StatisticsTrend = createRemoteReactComponent('StatisticsTrend');
+const Table = createRemoteReactComponent('Table');
+const TableFooter = createRemoteReactComponent('TableFooter');
+const TableCell = createRemoteReactComponent('TableCell');
+const TableRow = createRemoteReactComponent('TableRow');
+const TableBody = createRemoteReactComponent('TableBody');
+const TableHeader = createRemoteReactComponent('TableHeader');
+const TableHead = createRemoteReactComponent('TableHead');
+export { Alert, Button, ButtonRow, Card, DescriptionList, DescriptionListItem, Divider, Form, Heading, Image, Input, LoadingSpinner, ProgressBar, Select, Stack, Statistics, StatisticsItem, StatisticsTrend, Table, TableFooter, TableCell, TableRow, TableBody, TableHeader, TableHead, Tag, Text, Tile, };

package/dist/crm/components.d.ts

@@ -0,0 +1,7 @@
+import { CrmPropertyListProps } from '../types';
+declare const CrmPropertyList: "CrmPropertyList" & {
+    readonly type?: "CrmPropertyList" | undefined;
+    readonly props?: CrmPropertyListProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmPropertyList", CrmPropertyListProps, true>>;
+export { CrmPropertyList };

package/dist/crm/components.js

@@ -0,0 +1,3 @@
+import { createExtensionComponent } from '../utils/createExtensionComponent';
+const CrmPropertyList = createExtensionComponent('CrmPropertyList');
+export { CrmPropertyList };

package/dist/crm/index.d.ts

@@ -0,0 +1,2 @@
+import { CrmPropertyList } from './components';
+export { CrmPropertyList };

package/dist/crm/index.js

@@ -0,0 +1,2 @@
+import { CrmPropertyList } from './components';
+export { CrmPropertyList };

package/dist/hubspot.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import type { ExtensionPoints, ExtensionPointApi } from './types';
+export declare const hubspot: {
+    extend: typeof render;
+};
+declare function render<ExtensionPointName extends keyof ExtensionPoints>(renderCallback: (api: ExtensionPointApi<ExtensionPointName>) => ReactElement<any>): any;
+export {};

package/dist/hubspot.js

@@ -0,0 +1,17 @@
+/* eslint-disable hubspot-dev/no-confusing-browser-globals */
+import { createRoot } from '@remote-ui/react';
+import { isValidElement } from 'react';
+export const hubspot = {
+    extend: render,
+};
+const extend = (...args) => self.extend(...args);
+function render(renderCallback) {
+    return extend((root, api) => {
+        const renderCallbackResult = renderCallback(api);
+        if (!isValidElement(renderCallbackResult)) {
+            throw new Error(`[hubspot.extend]: Expected callback function to return a valid element, got: ${renderCallbackResult}`);
+        }
+        createRoot(root).render(renderCallbackResult);
+        root.mount();
+    });
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { Alert, Button, ButtonRow, Card, DescriptionList, DescriptionListItem, Divider, Form, Heading, Image, Input, LoadingSpinner, ProgressBar, Select, Stack, Statistics, StatisticsItem, StatisticsTrend, Table, TableFooter, TableCell, TableRow, TableBody, TableHeader, TableHead, Tag, Text, Tile, } from './coreComponents';
+export { hubspot } from './hubspot';
+export * from './types';

package/dist/index.js

@@ -0,0 +1,3 @@
+export { Alert, Button, ButtonRow, Card, DescriptionList, DescriptionListItem, Divider, Form, Heading, Image, Input, LoadingSpinner, ProgressBar, Select, Stack, Statistics, StatisticsItem, StatisticsTrend, Table, TableFooter, TableCell, TableRow, TableBody, TableHeader, TableHead, Tag, Text, Tile, } from './coreComponents';
+export { hubspot } from './hubspot';
+export * from './types';

package/dist/types.d.ts

@@ -0,0 +1,263 @@
+import { ReactNode, ComponentType } from 'react';
+export interface AlertProps {
+    title: string;
+    body?: string;
+    children?: ReactNode;
+    variant?: 'info' | 'warning' | 'success' | 'error' | 'danger';
+}
+export interface ButtonProps {
+    text: string;
+    onClick?: () => void;
+    href?: string;
+    disabled?: boolean;
+    variant?: 'primary' | 'secondary' | 'destructive';
+    type?: 'button' | 'reset' | 'submit';
+}
+export interface ButtonRowProps {
+    children: ReactNode;
+    disableDropdown?: boolean;
+}
+export interface CardProps {
+    children: ReactNode;
+}
+export interface DescriptionListItemProps {
+    children: ReactNode;
+    label: string;
+}
+export interface DescriptionListProps {
+    children: ReactNode;
+    direction?: 'row' | 'column';
+}
+export interface DividerProps {
+    distance?: 'flush' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+}
+export interface FormProps {
+    children: ReactNode;
+    onSubmit?: () => void;
+    preventDefault?: boolean;
+}
+export interface HeadingProps {
+    text: string;
+    format?: 'plaintext' | 'markdown';
+}
+export interface ImageProps {
+    alt?: string;
+    href?: string;
+    onClick?: () => void;
+    src: string;
+    width?: number;
+}
+export interface InputProps {
+    label: string;
+    name: string;
+    value?: string;
+    required?: boolean;
+    readonly?: boolean;
+    description?: string;
+    tooltip?: string;
+    placeholder?: string;
+    error?: boolean;
+    validationMessage?: string;
+    onChange: (value: string) => void;
+    onInput: (value: string) => void;
+}
+export interface ProgressBarProps {
+    title?: string;
+    showPercentage?: boolean;
+    value?: number;
+    valueMax?: number;
+    valueDescription?: string;
+    variant?: 'success' | 'danger' | 'warning';
+}
+export interface SelectProps {
+    label: string;
+    name: string;
+    value?: string | number | boolean;
+    required?: boolean;
+    readonly?: boolean;
+    description?: string;
+    tooltip?: string;
+    placeholder?: string;
+    error?: boolean;
+    validationMessage?: string;
+    onChange?: (value: SelectProps['value']) => void;
+    options: {
+        label: string;
+        value: string | number | boolean;
+    }[];
+}
+export interface TagProps {
+    text: string;
+    onClick?: () => void;
+    variant?: 'default' | 'warning' | 'success' | 'error';
+}
+export interface TextProps {
+    format?: 'plaintext' | 'markdown';
+    text: string;
+    variant?: 'bodytext' | 'microcopy';
+}
+export interface TileProps {
+    children: ReactNode;
+    flush?: boolean;
+}
+interface Team {
+    id: number;
+    name: string;
+    teammates: number[];
+}
+export interface UserContext {
+    id: number;
+    emails: string[];
+    email: string;
+    firstName: string;
+    lastName: string;
+    roles: string[];
+    teams: Team[];
+    locale?: string;
+}
+export interface PortalContext {
+    id: number;
+    timezone: string;
+}
+export interface Context {
+    user: UserContext;
+    portal: PortalContext;
+}
+type distanceOptions = 'flush' | 'small';
+export interface StackProps {
+    distance?: distanceOptions;
+    children?: React.ReactNode;
+}
+export interface StatisticsTrendProps {
+    value: string;
+    direction: 'increase' | 'decrease';
+}
+export interface StatisticsItemProps {
+    id?: string;
+    label: string;
+    number: string;
+    children: ReactNode;
+}
+export interface StatisticsProps {
+    children: ReactNode;
+}
+export interface CrmPropertyListProps {
+    properties: string[];
+    direction?: string;
+}
+export interface ServerlessRunnerParams {
+    name: string;
+    payload: Record<string, unknown>;
+    onError?: () => void;
+}
+export type ServerlessFuncRunner = (params: ServerlessRunnerParams) => Promise<any>;
+export interface ServerlessSuccessResponse {
+    logId: string;
+    response: {
+        message?: {
+            type: 'SUCCESS' | 'ERROR';
+            body: string;
+        } | string;
+        context?: Record<string, unknown>;
+        section?: Record<string, unknown>;
+    };
+}
+export interface ServerlessErrorResponse {
+    responseJSON?: {
+        message: string;
+        correlationId: string;
+        category: string;
+        subCategory?: string;
+        errors?: {
+            message: string;
+            subCategory: string;
+        }[];
+    };
+    status: number;
+}
+export interface ExtensionCardContextData {
+    cardId: string;
+    appId: number | string;
+    objectId: number | string;
+    objectTypeId: string;
+    location: keyof ExtensionPoints;
+}
+export type ExtensionPointAction = (...args: any[]) => Promise<any> | void;
+export interface ExtensionPointContract {
+    actions?: {
+        [k: string]: ExtensionPointAction;
+    } | {};
+    customComponents: Record<string, ComponentType<any>>;
+}
+type AlertType = 'info' | 'warning' | 'success' | 'danger' | 'tip' | undefined;
+export type AddAlertAction = (args: {
+    type?: AlertType;
+    message: string;
+}) => void;
+export type ReloadPageAction = () => void;
+export type FetchCrmObjectPropertiesAction = (properties: string[]) => Promise<{
+    name: string;
+    value: string;
+}[]>;
+export type OpenIframeModalAction = (action: OpenIframeActionPayload) => void;
+export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
+    actions: {
+        addAlert: AddAlertAction;
+        reloadPage: ReloadPageAction;
+        fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
+        openIframeModal: OpenIframeModalAction;
+    };
+    customComponents: {
+        CrmPropertyList?: ComponentType<CrmPropertyListProps>;
+    };
+}
+interface CrmSidebarExtensionPoint extends ExtensionPointContract {
+    actions: {
+        reloadPage: ReloadPageAction;
+    };
+}
+interface RemotePlaygroundExtensionPoint extends ExtensionPointContract {
+    actions: {
+        warn: () => void;
+    };
+    customComponents: {
+        ExampleCrmComponent: ComponentType<ExampleCrmComponentProps>;
+    };
+}
+export interface ExtensionPoints {
+    'uie.playground.middle': RemotePlaygroundExtensionPoint;
+    'crm.record.tab': CrmMiddleExtensionPoint;
+    'crm.record.sidebar': CrmSidebarExtensionPoint;
+}
+export interface ExampleCrmComponentProps {
+    name: string;
+    size: 'sm' | 'md' | 'lg';
+    count: number;
+}
+export interface ExtensionPointApi<ExtensionPointName extends keyof ExtensionPoints> {
+    context: Context;
+    runServerlessFunction: ServerlessFuncRunner;
+    actions: ExtensionPoints[ExtensionPointName]['actions'];
+    customComponents: string[];
+}
+interface OpenIframeActionPayload {
+    uri: string;
+    height: number;
+    width: number;
+    associatedObjectProperties?: string[];
+}
+export interface LoadingSpinnerProps {
+    label: string;
+    showLabel?: boolean;
+    size?: 'xs' | 'sm' | 'md';
+    layout?: 'inline' | 'centered';
+    grow?: boolean;
+}
+export interface TableElementProps {
+    children: React.ReactNode;
+}
+export interface TableProps extends TableElementProps {
+    flush?: boolean;
+    bordered?: boolean;
+}
+export {};

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/createExtensionComponent.d.ts

@@ -0,0 +1,3 @@
+import type { RemoteComponentType } from '@remote-ui/core';
+import type { ReactComponentTypeFromRemoteComponentType } from '@remote-ui/react';
+export declare function createExtensionComponent<ComponentType extends string, Props = Record<string, never>, AllowedChildren extends RemoteComponentType<string, any> | boolean = true>(componentType: ComponentType | RemoteComponentType<ComponentType, Props, AllowedChildren>): RemoteComponentType<ComponentType, Props, AllowedChildren> & ReactComponentTypeFromRemoteComponentType<RemoteComponentType<ComponentType, Props, AllowedChildren>>;

package/dist/utils/createExtensionComponent.js

@@ -0,0 +1,4 @@
+import { createRemoteReactComponent } from '@remote-ui/react';
+export function createExtensionComponent(componentType) {
+    return createRemoteReactComponent(componentType);
+}

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.0.1-prealpha.4",
+  "version": "0.0.1-prealpha.5",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "rm -rf dist/ && tsc",
-    "watch": "rm -rf dist/ && tsc --watch"
+    "clean": "rm -rf dist/",
+    "prepare": "npm run clean && tsc",
+    "watch": "npm run clean && tsc --watch"
   },
   "files": [
     "dist/**/*"
   ],
-  "prepare": "npm run build",
   "publishConfig": {
     "access": "public"
   },
@@ -47,5 +47,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "d3ed42de0f9675a2f599416ba1886ba379ecfcd0"
+  "gitHead": "a4652eb58cbde813dbebc8b7127c36102b9b6ed6"
 }