@plitzi/plitzi-builder 0.37.2 → 0.37.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/plitzi-builder",
-  "version": "0.37.2",
+  "version": "0.37.3",
   "homepage": "./",
   "license": "AGPL-3.0",
   "files": [
@@ -27,26 +27,32 @@
   },
   "dependencies": {
     "@apollo/client": "^4.3.1",
+    "@codemirror/autocomplete": "^6",
+    "@codemirror/lint": "^6",
+    "@codemirror/state": "^6",
     "@fortawesome/fontawesome-free": "^7.3.1",
-    "@plitzi/nexus": "^1.2.2",
-    "@plitzi/plitzi-sdk": "0.37.2",
-    "@plitzi/plitzi-ui": "^1.6.22",
-    "@plitzi/sdk-auth": "0.37.2",
-    "@plitzi/sdk-authoring": "0.37.2",
-    "@plitzi/sdk-dev-tools": "0.37.2",
-    "@plitzi/sdk-elements": "0.37.2",
-    "@plitzi/sdk-event-bridge": "0.37.2",
-    "@plitzi/sdk-interactions": "0.37.2",
-    "@plitzi/sdk-navigation": "0.37.2",
-    "@plitzi/sdk-plugins": "0.37.2",
-    "@plitzi/sdk-schema": "0.37.2",
-    "@plitzi/sdk-shared": "0.37.2",
-    "@plitzi/sdk-style": "0.37.2",
-    "@plitzi/sdk-variables": "0.37.2",
+    "@plitzi/nexus": "^1.3.1",
+    "@plitzi/plitzi-sdk": "0.37.3",
+    "@plitzi/plitzi-ui": "^1.6.24",
+    "@plitzi/sdk-auth": "0.37.3",
+    "@plitzi/sdk-authoring": "0.37.3",
+    "@plitzi/sdk-dev-tools": "0.37.3",
+    "@plitzi/sdk-elements": "0.37.3",
+    "@plitzi/sdk-event-bridge": "0.37.3",
+    "@plitzi/sdk-interactions": "0.37.3",
+    "@plitzi/sdk-navigation": "0.37.3",
+    "@plitzi/sdk-plugins": "0.37.3",
+    "@plitzi/sdk-schema": "0.37.3",
+    "@plitzi/sdk-shared": "0.37.3",
+    "@plitzi/sdk-style": "0.37.3",
+    "@plitzi/sdk-variables": "0.37.3",
     "@tanstack/react-virtual": "^3.14.13",
+    "@typescript/vfs": "^1.6.5",
+    "@valtown/codemirror-ts": "^2.3.1",
     "@xyflow/react": "^12.11.6",
     "apollo-upload-client": "^20.0.0",
     "clsx": "^2.1.1",
+    "comlink": "^4.4.2",
     "graphql": "^17.0.2",
     "graphql-ws": "^6.2.2",
     "immer": "^11.1.18",
@@ -72,6 +78,7 @@
     "@babel/polyfill": "^7.12.1",
     "@babel/preset-env": "^8.0.6",
     "@babel/preset-react": "^8.0.1",
+    "@plitzi/sdk-server": "0.37.3",
     "@tailwindcss/postcss": "^4.3.3",
     "css-loader": "^7.1.5",
     "eslint": "^9.39.5",
@@ -94,7 +101,7 @@
     "stylelint-scss": "^7.3.0",
     "terser": "^5.51.2",
     "typescript": "^6.0.3",
-    "vite": "^8.3.0",
+    "vite": "^8.3.1",
     "vite-plugin-dts": "^5.1.1",
     "vite-plugin-ejs": "^2.0.0",
     "vite-plugin-mkcert": "^2.1.0",
@@ -109,11 +116,11 @@
     "lint-style": "stylelint \"**/*.scss\" --custom-syntax postcss-scss",
     "lint-style:fix": "stylelint \"**/*.scss\" --custom-syntax postcss-scss --fix",
     "typecheck": "tsc -p tsconfig.app.json --noEmit",
-    "build:dev": "tsc -p tsconfig.app.json --noEmit && vite build --mode development",
+    "build:dev": "tsc -p tsconfig.app.json --noEmit && vite build --mode development && vite build --config vite.functions-worker.config.ts --mode development",
     "build:dev-watch": "tsc -p tsconfig.app.json --noEmit && vite build --mode development --watch",
     "build:dev-gzip": "tsc -p tsconfig.app.json --noEmit && ONLY_GZIP=1 vite build --mode development",
     "build:dev-analyze": "tsc -p tsconfig.app.json --noEmit && ONLY_ANALYZE=1 vite build --mode development",
-    "build:prod": "tsc -p tsconfig.app.json --noEmit && vite build",
+    "build:prod": "tsc -p tsconfig.app.json --noEmit && vite build && vite build --config vite.functions-worker.config.ts",
     "build:prod-watch": "tsc -p tsconfig.app.json --noEmit && vite build --watch",
     "build:prod-gzip": "tsc -p tsconfig.app.json --noEmit && ONLY_GZIP=1 vite build",
     "build:prod-analyze": "tsc -p tsconfig.app.json --noEmit && ONLY_ANALYZE=1 vite build",

package/dist/modules/AI/components/ChatInput/components/ButtonVoice/ButtonVoice.d.ts

@@ -1,9 +0,0 @@
-import { AiMode } from '../../../../types';
-export type ButtonVoiceProps = {
-    mode: AiMode;
-    disabled?: boolean;
-    isListening: boolean;
-    onVoiceToggle?: () => void;
-};
-declare const ButtonVoice: ({ mode, disabled, isListening, onVoiceToggle }: ButtonVoiceProps) => import('react').JSX.Element;
-export default ButtonVoice;

package/dist/modules/AI/components/ChatInput/components/ButtonVoice/index.d.ts

@@ -1,3 +0,0 @@
-import { default as ButtonVoice } from './ButtonVoice';
-export * from './ButtonVoice';
-export default ButtonVoice;

package/dist/modules/AI/components/ToggleMode/components/ToggleItem/ToggleItem.d.ts

@@ -1,10 +0,0 @@
-import { AiMode } from '../../../../types';
-export type ToggleItemProps = {
-    mode: AiMode;
-    active?: boolean;
-    disabled?: boolean;
-    title?: string;
-    onClick?: (mode: AiMode) => void;
-};
-declare const ToggleItem: ({ mode, active, disabled, title, onClick }: ToggleItemProps) => import('react').JSX.Element;
-export default ToggleItem;

package/dist/modules/AI/components/ToggleMode/components/ToggleItem/index.d.ts

@@ -1,3 +0,0 @@
-import { default as ToggleItem } from './ToggleItem';
-export * from './ToggleItem';
-export default ToggleItem;

package/dist/modules/App/AppContainer/containers/ContainerIntegrations.d.ts

@@ -1,2 +0,0 @@
-declare const ContainerIntegrations: () => import('react').JSX.Element;
-export default ContainerIntegrations;

package/dist/modules/App/AppContainer/containers/ContainerMarketplace.d.ts

@@ -1,2 +0,0 @@
-declare const ContainerMarketplace: () => import('react').JSX.Element;
-export default ContainerMarketplace;

package/dist/modules/Marketplace/Marketplace.d.ts

@@ -1,2 +0,0 @@
-declare const Marketplace: () => import('react').JSX.Element;
-export default Marketplace;

package/dist/modules/Marketplace/components/MarketNews/MarketNews.d.ts

@@ -1,2 +0,0 @@
-declare const MarketNews: () => import('react').JSX.Element;
-export default MarketNews;

package/dist/modules/Marketplace/components/MarketNews/index.d.ts

@@ -1,3 +0,0 @@
-import { default as MarketNews } from './MarketNews';
-export * from './MarketNews';
-export default MarketNews;

package/dist/modules/Marketplace/components/MarketPlugins/MarketPlugins.d.ts

@@ -1,2 +0,0 @@
-declare const MarketPlugins: () => import('react').JSX.Element;
-export default MarketPlugins;

package/dist/modules/Marketplace/components/MarketPlugins/PluginDetails/DetailsContent.d.ts

@@ -1,2 +0,0 @@
-declare const DetailsContent: () => import('react').JSX.Element;
-export default DetailsContent;

package/dist/modules/Marketplace/components/MarketPlugins/PluginDetails/DetailsSidebar.d.ts

@@ -1,19 +0,0 @@
-export type DetailsSidebarProps = {
-    name?: string;
-    description?: string;
-    createdAt?: number;
-    icon?: string;
-    revisions?: {
-        version: string;
-    }[];
-    owner?: string;
-    website?: string;
-    color?: string;
-    version: string;
-    latestVersion: string;
-    onAdd?: (version: string) => void;
-    onUpdate?: (version: string) => Promise<boolean>;
-    onRemove?: () => void;
-};
-declare const DetailsSidebar: ({ name, description, createdAt, icon, revisions, owner, website, color, version: versionInstalled, latestVersion, onAdd, onUpdate, onRemove }: DetailsSidebarProps) => import('react').JSX.Element;
-export default DetailsSidebar;

package/dist/modules/Marketplace/components/MarketPlugins/PluginDetails/PluginDetails.d.ts

@@ -1,23 +0,0 @@
-import { MarketPlacePlugin } from '../../../types';
-import { Dispatch, SetStateAction } from 'react';
-export type PluginDetailsProps = {
-    name?: string;
-    description?: string;
-    type?: string;
-    latestVersion: string;
-    version: string;
-    revisions: {
-        version: string;
-    }[];
-    icon?: string;
-    color?: string;
-    owner?: string;
-    website?: string;
-    createdAt?: number;
-    setPluginSelected?: Dispatch<SetStateAction<MarketPlacePlugin | undefined>>;
-    onAdd?: (version: string) => void;
-    onUpdate?: (version: string) => Promise<boolean>;
-    onRemove?: () => void;
-};
-declare const PluginDetails: ({ name, description, icon, color, owner, website, revisions, version, latestVersion, createdAt, setPluginSelected, onAdd, onUpdate, onRemove }: PluginDetailsProps) => import('react').JSX.Element;
-export default PluginDetails;

package/dist/modules/Marketplace/components/MarketPlugins/PluginDetails/index.d.ts

@@ -1,3 +0,0 @@
-import { default as PluginDetails } from './PluginDetails';
-export * from './PluginDetails';
-export default PluginDetails;

package/dist/modules/Marketplace/components/MarketPlugins/PluginItem.d.ts

@@ -1,14 +0,0 @@
-export type PluginItemProps = {
-    className?: string;
-    name?: string;
-    description?: string;
-    type?: string;
-    latestVersion?: string;
-    version?: string;
-    icon?: string;
-    website?: string;
-    color?: string;
-    onClick?: (type: string) => void;
-};
-declare const PluginItem: ({ className, name, type, description, latestVersion, version, icon, website, color, onClick }: PluginItemProps) => import('react').JSX.Element;
-export default PluginItem;

package/dist/modules/Marketplace/components/MarketPlugins/PluginList.d.ts

@@ -1,7 +0,0 @@
-import { MarketPlacePluginRaw } from '../../types';
-export type PluginListProps = {
-    plugins?: MarketPlacePluginRaw[];
-    onClick?: (plugin: string) => void;
-};
-declare const PluginList: ({ plugins, onClick }: PluginListProps) => import('react').JSX.Element;
-export default PluginList;

package/dist/modules/Marketplace/components/MarketPlugins/PluginsFilter/FilterCategory.d.ts

@@ -1,9 +0,0 @@
-export type FilterCategoryProps = {
-    className?: string;
-    id?: string;
-    active?: boolean;
-    name?: string;
-    onClick?: (id: string) => void;
-};
-declare const FilterCategory: ({ className, id, active, name, onClick }: FilterCategoryProps) => import('react').JSX.Element;
-export default FilterCategory;

package/dist/modules/Marketplace/components/MarketPlugins/PluginsFilter/PluginsFilter.d.ts

@@ -1,13 +0,0 @@
-export type PluginsFilterProps = {
-    filter: {
-        name: {
-            contains: string;
-        };
-        owner: {
-            contains: string;
-        };
-    };
-    onChange?: (value: string, key?: string) => void;
-};
-declare const PluginsFilter: ({ filter, onChange }: PluginsFilterProps) => import('react').JSX.Element;
-export default PluginsFilter;

package/dist/modules/Marketplace/components/MarketPlugins/PluginsFilter/index.d.ts

@@ -1,3 +0,0 @@
-import { default as PluginsFilter } from './PluginsFilter';
-export * from './PluginsFilter';
-export default PluginsFilter;

package/dist/modules/Marketplace/components/MarketPlugins/index.d.ts

@@ -1,3 +0,0 @@
-import { default as MarketPlugins } from './MarketPlugins';
-export * from './MarketPlugins';
-export default MarketPlugins;

package/dist/modules/Marketplace/components/MarketSidebar.d.ts

@@ -1,6 +0,0 @@
-export type MarketSidebarProps = {
-    className?: string;
-    onSelect?: (option: string) => void;
-};
-declare const MarketSidebar: ({ className, onSelect }: MarketSidebarProps) => import('react').JSX.Element;
-export default MarketSidebar;

package/dist/modules/Marketplace/components/MarketSidebarItem.d.ts

@@ -1,9 +0,0 @@
-export type MarketSidebarItemProps = {
-    id?: string;
-    isSelected?: boolean;
-    className?: string;
-    children?: React.ReactNode;
-    onClick?: (id: string) => void;
-};
-declare const MarketSidebarItem: ({ id, isSelected, className, children, onClick }: MarketSidebarItemProps) => import('react').JSX.Element;
-export default MarketSidebarItem;

package/dist/modules/Marketplace/components/MarketTemplates/MarketTemplates.d.ts

@@ -1,2 +0,0 @@
-declare const MarketTemplates: () => import('react').JSX.Element;
-export default MarketTemplates;

package/dist/modules/Marketplace/components/MarketTemplates/index.d.ts

@@ -1,3 +0,0 @@
-import { default as MarketTemplates } from './MarketTemplates';
-export * from './MarketTemplates';
-export default MarketTemplates;

package/dist/modules/Marketplace/helpers/PluginHelper.d.ts

@@ -1,2 +0,0 @@
-import { MarketPlacePluginRaw, MarketPlacePlugin } from '../types';
-export declare const parsePlugin: (pluginRaw: MarketPlacePluginRaw) => MarketPlacePlugin;

package/dist/modules/Marketplace/index.d.ts

@@ -1,3 +0,0 @@
-import { default as Marketplace } from './Marketplace';
-export * from './Marketplace';
-export default Marketplace;

package/dist/modules/Marketplace/types/index.d.ts

@@ -1,44 +0,0 @@
-export type MarketPlacePluginRaw = {
-    name: string;
-    description: string;
-    type: string;
-    latestVersion: {
-        version: string;
-        createdAt: number;
-        updatedAt: number;
-    };
-    version: string;
-    revisions: {
-        version: string;
-    }[];
-    market: {
-        icon: string;
-        backgroundColor: string;
-        owner: string;
-        category: {
-            name: string;
-        };
-        verified: boolean;
-        website: string;
-    };
-    createdAt: number;
-    updatedAt: number;
-};
-export type MarketPlacePlugin = {
-    name: string;
-    description: string;
-    type: string;
-    latestVersion: string;
-    version: string;
-    owner: string;
-    verified: boolean;
-    category: string;
-    color: string;
-    icon: string;
-    website: string;
-    revisions: {
-        version: string;
-    }[];
-    createdAt: number;
-    updatedAt: number;
-};

package/dist/modules/Network/hooks/useInfiniteGraphQL.d.ts

@@ -1,18 +0,0 @@
-import { BuilderQueriesMap, PageInfo } from '@plitzi/sdk-shared';
-import { SWRInfiniteConfiguration } from 'swr/infinite';
-declare const useInfiniteGraphQL: <K extends keyof BuilderQueriesMap, T>(queryKey: K | null, transform: (data: BuilderQueriesMap[K] | undefined) => {
-    edges: T[];
-    pageInfo: PageInfo;
-} | undefined, variables?: Record<string, unknown>, config?: SWRInfiniteConfiguration<BuilderQueriesMap[K]> & {
-    pageSize?: number;
-}) => {
-    data: (T | undefined)[];
-    error: Error | undefined;
-    size: number;
-    setSize: (size: number | ((_size: number) => number)) => Promise<BuilderQueriesMap[K][] | undefined>;
-    isLoading: boolean;
-    isValidating: boolean;
-    isEmpty: boolean;
-    mutate: import('swr/infinite').SWRInfiniteKeyedMutator<BuilderQueriesMap[K][]>;
-};
-export default useInfiniteGraphQL;

package/dist/modules/Resources/Models/PluginSettingsForm.d.ts

@@ -1,8 +0,0 @@
-export type PluginSettingsFormProps = {
-    className?: string;
-    values?: object;
-    onClose?: () => void;
-    onSubmit?: (values: object) => void;
-};
-declare const PluginSettingsForm: ({ className }: PluginSettingsFormProps) => import('react').JSX.Element;
-export default PluginSettingsForm;

package/dist/modules/Resources/components/Resource/subTypes/ResourceImage/ResourceImage.d.ts

@@ -1,14 +0,0 @@
-import { MouseEvent } from 'react';
-export type ResourceImageProps = {
-    className?: string;
-    id: string;
-    src: string;
-    title?: string;
-    removing?: boolean;
-    directoryName?: string;
-    isLoading?: boolean;
-    onClick?: () => void;
-    onRemove?: (e: MouseEvent) => void;
-};
-declare const ResourceImage: ({ className, id, title, src, removing, directoryName, isLoading, onClick, onRemove }: ResourceImageProps) => import('react').JSX.Element;
-export default ResourceImage;

package/dist/modules/Resources/components/Resource/subTypes/ResourceImage/index.d.ts

@@ -1,3 +0,0 @@
-import { default as ResourceImage } from './ResourceImage';
-export * from './ResourceImage';
-export default ResourceImage;

package/dist/modules/Resources/components/Resource/subTypes/ResourcePlugin/PluginContent.d.ts

@@ -1,13 +0,0 @@
-export type PluginContentProps = {
-    className?: string;
-    backgroundColor?: string;
-    icon?: string;
-    name?: string;
-    version?: string;
-    author?: string;
-    size?: number;
-    components?: string;
-    isUploaded?: boolean;
-};
-declare const PluginContent: ({ className, backgroundColor, icon, name, version, author, size, components, isUploaded }: PluginContentProps) => import('react').JSX.Element;
-export default PluginContent;

package/dist/modules/Resources/components/Resource/subTypes/ResourceVideo/ResourceVideo.d.ts

@@ -1,14 +0,0 @@
-import { MouseEvent } from 'react';
-export type ResourceVideoProps = {
-    className?: string;
-    id: string;
-    src: string;
-    title?: string;
-    removing?: boolean;
-    directoryName?: string;
-    isLoading?: boolean;
-    onClick?: () => void;
-    onRemove?: (e: MouseEvent) => void;
-};
-declare const ResourceVideo: ({ className, id, title, src, removing, directoryName, isLoading, onClick, onRemove }: ResourceVideoProps) => import('react').JSX.Element;
-export default ResourceVideo;

package/dist/modules/Resources/components/Resource/subTypes/ResourceVideo/index.d.ts

@@ -1,3 +0,0 @@
-import { default as ResourceVideo } from './ResourceVideo';
-export * from './ResourceVideo';
-export default ResourceVideo;

package/dist/modules/Resources/components/ResourceManager/helpers/formatBytes.d.ts

@@ -1,2 +0,0 @@
-declare function formatBytes(bytes: number, decimals?: number): string;
-export default formatBytes;

package/dist/modules/Space/SpaceContext.d.ts

@@ -1,3 +0,0 @@
-export type SpaceContextValue = object;
-declare const SpaceContext: import('react').Context<object>;
-export default SpaceContext;

package/dist/modules/Space/SpaceContextProvider.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export type SpaceContextProviderProps = {
-    children?: ReactNode;
-};
-declare const SpaceContextProvider: ({ children }: SpaceContextProviderProps) => import('react').JSX.Element;
-export default SpaceContextProvider;

package/dist/modules/Space/helpers/elementsByRoot.d.ts

@@ -1,19 +0,0 @@
-import { Element } from '@plitzi/sdk-shared';
-/** One root of the schema — a page, or a layout several pages render inside — and how many elements it holds. */
-export interface RootElements {
-    page: string;
-    elements: number;
-}
-/**
- * The element count, grouped by the page that holds it, off the LIVE schema.
- *
- * The same grouping the API answers for every other space, done here for the one being edited: those figures are
- * whatever was last saved, and this one moves with the element someone just dropped — which is the whole reason the
- * meter is in the editor rather than on a dashboard.
- *
- * It is a grouping, not a second measurement: it adds up to the element count exactly. Layouts are roots too and are
- * listed as themselves rather than shared out over the pages that render inside them — their elements are authored
- * once, and splitting them between pages would report a total that no page has.
- */
-declare const elementsByRoot: (flat: Record<string, Element>) => RootElements[];
-export default elementsByRoot;