@powerhousedao/vetra 6.0.0-dev.105 → 6.0.0-dev.106

package/dist/document-models/vetra-package/utils.d.ts

@@ -1,14 +0,0 @@
-import type { VetraPackagePHState } from "./gen/types.js";
-/** Utils for the VetraPackage document model */
-export declare const utils: {
-    fileExtension: string;
-    createState: import("document-model").CreateState<VetraPackagePHState>;
-    createDocument: import("document-model").CreateDocument<VetraPackagePHState>;
-    loadFromInput: import("document-model").LoadFromInput<VetraPackagePHState>;
-    saveToFileHandle: import("document-model").SaveToFileHandle;
-    isStateOfType: import("document-model").IsStateOfType<VetraPackagePHState>;
-    assertIsStateOfType: import("document-model").AssertIsStateOfType<VetraPackagePHState>;
-    isDocumentOfType: import("document-model").IsDocumentOfType<VetraPackagePHState>;
-    assertIsDocumentOfType: import("document-model").AssertIsDocumentOfType<VetraPackagePHState>;
-};
-//# sourceMappingURL=utils.d.ts.map

package/dist/document-models/vetra-package/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../document-models/vetra-package/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAI1D,gDAAgD;AAChD,eAAO,MAAM,KAAK;;;;;;;;;;CAGiC,CAAC"}

package/dist/document-models/vetra-package/utils.js

@@ -1,7 +0,0 @@
-import { utils as genUtils } from "./gen/utils.js";
-import * as customUtils from "./src/utils.js";
-/** Utils for the VetraPackage document model */
-export const utils = {
-    ...genUtils,
-    ...customUtils,
-};

package/dist/editors/app-editor/components/AppEditorForm.d.ts

@@ -1,2 +0,0 @@
-export declare const AppEditorForm: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AppEditorForm.d.ts.map

package/dist/editors/app-editor/components/AppEditorForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/app-editor/components/AppEditorForm.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,+CA+OzB,CAAC"}

package/dist/editors/app-editor/components/AppEditorForm.js

@@ -1,105 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useDocumentTypesInSelectedDrive, useSupportedDocumentTypesInReactor, } from "@powerhousedao/reactor-browser";
-import { useCallback, useEffect, useState } from "react";
-import { useSelectedAppModuleDocument } from "../../../document-models/app-module/hooks.js";
-import { actions } from "../../../document-models/app-module/index.js";
-import { StatusPill } from "../../components/index.js";
-import { useDebounce } from "../../hooks/index.js";
-const ALL_IN_DRIVE = "all-in-drive";
-const ALL_IN_REACTOR = "all-in-reactor";
-const ALLOW_ANY = "allow-any";
-export const AppEditorForm = () => {
-    const [document, dispatch] = useSelectedAppModuleDocument();
-    const documentName = document.state.global.name;
-    const status = document.state.global.status;
-    const isDragAndDropEnabled = document.state.global.isDragAndDropEnabled;
-    const allowedDocumentTypes = document.state.global.allowedDocumentTypes;
-    const [appName, setAppName] = useState(documentName);
-    const [isConfirmed, setIsConfirmed] = useState(status === "CONFIRMED");
-    const documentTypesInSelectedDrive = useDocumentTypesInSelectedDrive();
-    const supportedDocumentTypesInReactor = useSupportedDocumentTypesInReactor();
-    const [selectedDocumentTypes, setSelectedDocumentTypes] = useState(allowedDocumentTypes ?? []);
-    // Use the debounce hook for name changes
-    const onNameChange = useCallback((name) => {
-        if (name === documentName)
-            return;
-        console.log("onNameChange", name);
-        dispatch(actions.setAppName({ name }));
-    }, [documentName]);
-    useDebounce(appName, onNameChange, 300);
-    const onConfirm = () => {
-        dispatch(actions.setAppStatus({ status: "CONFIRMED" }));
-    };
-    const onDragAndDropToggle = (enabled) => {
-        if (enabled === isDragAndDropEnabled)
-            return;
-        dispatch(actions.setDragAndDropEnabled({ enabled }));
-    };
-    // Reset confirmation state if status changes back to DRAFT
-    useEffect(() => {
-        if (status === "DRAFT") {
-            setIsConfirmed(false);
-        }
-    }, [status]);
-    // Check if form should be read-only
-    const isReadOnly = isConfirmed || status === "CONFIRMED";
-    const handleConfirm = () => {
-        if (appName.trim()) {
-            setIsConfirmed(true); // Immediate UI update
-            onConfirm();
-        }
-    };
-    const handleAddDocumentType = (documentType) => {
-        if (!documentType || selectedDocumentTypes.includes(documentType))
-            return;
-        setSelectedDocumentTypes([...selectedDocumentTypes, documentType]);
-        dispatch(actions.addDocumentType({ documentType }));
-    };
-    const handleRemoveDocumentType = (documentType) => {
-        setSelectedDocumentTypes(selectedDocumentTypes.filter((dt) => dt !== documentType));
-        dispatch(actions.removeDocumentType({ documentType }));
-    };
-    const handleAddAllDocumentTypesInDrive = () => {
-        const newDocumentTypes = [
-            ...new Set([
-                ...selectedDocumentTypes,
-                ...(documentTypesInSelectedDrive ?? []),
-            ]),
-        ];
-        setSelectedDocumentTypes(newDocumentTypes);
-        dispatch(actions.setDocumentTypes({ documentTypes: newDocumentTypes }));
-    };
-    const handleAddAllDocumentTypesInReactor = () => {
-        const newDocumentTypes = [
-            ...new Set([
-                ...selectedDocumentTypes,
-                ...(supportedDocumentTypesInReactor ?? []),
-            ]),
-        ];
-        setSelectedDocumentTypes(newDocumentTypes);
-        dispatch(actions.setDocumentTypes({ documentTypes: newDocumentTypes }));
-    };
-    const handleAllowAnyDocumentType = () => {
-        setSelectedDocumentTypes([]);
-        dispatch(actions.setDocumentTypes({ documentTypes: [] }));
-    };
-    const handleDocumentTypeSelection = (selectedValue) => {
-        if (selectedValue === ALL_IN_DRIVE) {
-            handleAddAllDocumentTypesInDrive();
-        }
-        else if (selectedValue === ALL_IN_REACTOR) {
-            handleAddAllDocumentTypesInReactor();
-        }
-        else if (selectedValue === ALLOW_ANY) {
-            handleAllowAnyDocumentType();
-        }
-        else {
-            handleAddDocumentType(selectedValue);
-        }
-    };
-    return (_jsxs("div", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "App Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "app-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "App Name" }), _jsx("input", { id: "app-name", type: "text", value: appName, onChange: (e) => setAppName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, placeholder: "Enter app name" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "document-types", className: "mb-2 block text-sm font-medium text-gray-700", children: "Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && (_jsxs("select", { onChange: (e) => handleDocumentTypeSelection(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500", children: [_jsx("option", { children: "Select a document type to add" }), _jsx("option", { children: "--- Vetra drive document types ---" }), _jsx("option", { value: ALL_IN_DRIVE, children: "Add all document types in Vetra drive" }), documentTypesInSelectedDrive
-                                        ?.filter((dt) => !selectedDocumentTypes.includes(dt))
-                                        .map((docType) => (_jsx("option", { value: docType, children: docType }, docType))), _jsx("option", { children: "--- Reactor document types ---" }), _jsx("option", { value: ALL_IN_REACTOR, children: "Add all document types in Reactor" }), supportedDocumentTypesInReactor
-                                        ?.filter((dt) => !selectedDocumentTypes.includes(dt))
-                                        .map((docType) => (_jsx("option", { value: docType, children: docType }, docType))), _jsx("option", { children: "--- Allow any document type ---" }), _jsx("option", { value: ALLOW_ANY, children: "Allow any document type" })] })), _jsx("div", { className: "space-y-1", children: selectedDocumentTypes.length > 0 ? (selectedDocumentTypes.map((type) => (_jsxs("div", { className: "flex items-center py-1", children: [_jsx("span", { className: "text-sm text-gray-700", children: type }), !isReadOnly && (_jsx("button", { onClick: () => handleRemoveDocumentType(type), className: "ml-2 text-gray-400 hover:text-gray-600 focus:outline-none", children: "\u00D7" }))] }, type)))) : (_jsx("span", { className: "text-sm text-gray-700", children: "All documents (*)" })) })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-md mb-4 font-medium text-gray-900", children: "Drag and Drop Settings" }), _jsx("div", { className: "mb-4", children: _jsxs("label", { htmlFor: "drag-and-drop-enabled", className: "flex items-center", children: [_jsx("input", { id: "drag-and-drop-enabled", type: "checkbox", checked: isDragAndDropEnabled, onChange: (e) => onDragAndDropToggle(e.target.checked), disabled: isReadOnly, className: `mr-2 h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed" : ""}` }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "Enable drag and drop" })] }) })] }), !isReadOnly && (_jsx("div", { children: _jsx("button", { onClick: handleConfirm, disabled: !appName.trim(), className: "rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:bg-gray-300", children: "Confirm" }) }))] }));
-};

package/dist/editors/app-editor/components/EditName.d.ts

@@ -1,3 +0,0 @@
-/** Displays the name of the selected AppModule document and allows editing it */
-export declare function EditAppModuleName(): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=EditName.d.ts.map

package/dist/editors/app-editor/components/EditName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditName.d.ts","sourceRoot":"","sources":["../../../../editors/app-editor/components/EditName.tsx"],"names":[],"mappings":"AAKA,iFAAiF;AACjF,wBAAgB,iBAAiB,mDAqEhC"}

package/dist/editors/app-editor/components/EditName.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { setName } from "document-model";
-import { useState } from "react";
-import { useSelectedAppModuleDocument } from "@powerhousedao/vetra/document-models/app-module";
-/** Displays the name of the selected AppModule document and allows editing it */
-export function EditAppModuleName() {
-    const [appModuleDocument, dispatch] = useSelectedAppModuleDocument();
-    const [isEditing, setIsEditing] = useState(false);
-    if (!appModuleDocument)
-        return null;
-    const appModuleDocumentName = appModuleDocument.header.name;
-    const onClickEditAppModuleName = () => {
-        setIsEditing(true);
-    };
-    const onClickCancelEditAppModuleName = () => {
-        setIsEditing(false);
-    };
-    const onSubmitSetName = (event) => {
-        event.preventDefault();
-        const form = event.currentTarget;
-        const nameInput = form.elements.namedItem("name");
-        const name = nameInput.value;
-        if (!name)
-            return;
-        dispatch(setName(name));
-        setIsEditing(false);
-    };
-    if (isEditing)
-        return (_jsxs("form", { className: "flex items-center justify-between gap-2", onSubmit: onSubmitSetName, children: [_jsx("input", { className: "p-1 text-lg font-semibold text-gray-900", type: "text", name: "name", defaultValue: appModuleDocumentName, autoFocus: true }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "submit", className: "text-sm text-gray-600", children: "Save" }), _jsx("button", { className: "text-sm text-red-800", onClick: onClickCancelEditAppModuleName, children: "Cancel" })] })] }));
-    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: appModuleDocumentName }), _jsx("button", { className: "text-sm text-gray-600", onClick: onClickEditAppModuleName, children: "Edit Name" })] }));
-}

package/dist/editors/app-editor/config.d.ts

@@ -1,3 +0,0 @@
-import type { PHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
-export declare const editorConfig: PHDocumentEditorConfig;
-//# sourceMappingURL=config.d.ts.map

package/dist/editors/app-editor/config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../editors/app-editor/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,eAAO,MAAM,YAAY,EAAE,sBAE1B,CAAC"}

package/dist/editors/app-editor/config.js

@@ -1,3 +0,0 @@
-export const editorConfig = {
-    isExternalControlsEnabled: false,
-};

package/dist/editors/app-editor/editor.d.ts

@@ -1,2 +0,0 @@
-export default function Editor(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=editor.d.ts.map

package/dist/editors/app-editor/editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/app-editor/editor.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAS7B"}

package/dist/editors/app-editor/editor.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentToolbar } from "@powerhousedao/design-system/connect";
-import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
-import { AppEditorForm } from "./components/AppEditorForm.js";
-import { editorConfig } from "./config.js";
-export default function Editor() {
-    useSetPHDocumentEditorConfig(editorConfig);
-    return (_jsxs("div", { className: "bg-gray-50 p-6", children: [_jsx(DocumentToolbar, {}), _jsx(AppEditorForm, {})] }));
-}

package/dist/editors/app-editor/editor.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=editor.test.d.ts.map

package/dist/editors/app-editor/editor.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor.test.d.ts","sourceRoot":"","sources":["../../../editors/app-editor/editor.test.tsx"],"names":[],"mappings":""}