@powerhousedao/builder-tools 0.2.0

package/dist/document-model-editor/components/code-editors/utils.d.ts

@@ -0,0 +1,32 @@
+import { Diagnostic } from "@codemirror/lint";
+import { Compartment } from "@codemirror/state";
+import { EditorView } from "@codemirror/view";
+import { GraphQLError, GraphQLSchema } from "graphql";
+export declare function convertGraphQLErrorToDiagnostic(error: GraphQLError): Diagnostic;
+export declare function makeLinter(schema: GraphQLSchema, customLinter?: (doc: string) => Diagnostic[]): import("@codemirror/state").Extension;
+export declare function makeUpdateHandler(readonly: boolean | undefined, timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>, updateDocumentInModel?: (newDoc: string) => void): import("@codemirror/state").Extension;
+export declare function makeFocusHandler(readonly: boolean | undefined, timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>, updateDocumentInModel?: (newDoc: string) => void): import("@codemirror/state").Extension;
+export declare function makePasteHandler(readonly: boolean | undefined, timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>, updateDocumentInModel?: (newDoc: string) => void): import("@codemirror/state").Extension;
+export type EditorConfig = {
+    doc: string;
+    readonly?: boolean;
+    updateDocumentInModel?: (newDoc: string) => void;
+};
+export declare function useEditorRefs(): {
+    editorRef: import("react").RefObject<HTMLDivElement>;
+    viewRef: import("react").MutableRefObject<EditorView | null>;
+    updateListenerCompartment: import("react").MutableRefObject<Compartment>;
+    focusHandlerCompartment: import("react").MutableRefObject<Compartment>;
+    pasteHandlerCompartment: import("react").MutableRefObject<Compartment>;
+    timeoutRef: import("react").MutableRefObject<NodeJS.Timeout | null>;
+};
+export declare function useEditorCleanup(viewRef: React.MutableRefObject<EditorView | null>): void;
+export declare function useHandlerReconfiguration(view: EditorView | null, readonly: boolean | undefined, timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>, updateDocumentInModel: ((newDoc: string) => void) | undefined, compartments: {
+    updateListener: Compartment;
+    focusHandler: Compartment;
+    pasteHandler: Compartment;
+}): void;
+export declare function useDocumentSync(view: EditorView | null, doc: string): void;
+export declare const baseEditorExtensions: import("@codemirror/state").Extension[];
+export declare const baseKeymap: import("@codemirror/view").KeyBinding[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/document-model-editor/components/code-editors/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../document-model-editor/components/code-editors/utils.ts"],"names":[],"mappings":"AAqBA,OAAO,EAAE,UAAU,EAAoC,MAAM,kBAAkB,CAAC;AAEhF,OAAO,EAAE,WAAW,EAA4B,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAIL,UAAU,EAOX,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAuB,MAAM,SAAS,CAAC;AAO3E,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,YAAY,GAClB,UAAU,CAOZ;AASD,wBAAgB,UAAU,CACxB,MAAM,EAAE,aAAa,EACrB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,UAAU,EAAE,yCAmD7C;AAED,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,OAAO,GAAG,SAAS,EAC7B,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,EACzD,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,yCAoBjD;AAED,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,OAAO,GAAG,SAAS,EAC7B,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,EACzD,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,yCAWjD;AAED,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,OAAO,GAAG,SAAS,EAC7B,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,EACzD,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,yCAcjD;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,wBAAgB,aAAa;;;;;;;EAgB5B;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,GAAG,IAAI,CAAC,QAUnD;AAED,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,UAAU,GAAG,IAAI,EACvB,QAAQ,EAAE,OAAO,GAAG,SAAS,EAC7B,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,EACzD,qBAAqB,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,EAC7D,YAAY,EAAE;IACZ,cAAc,EAAE,WAAW,CAAC;IAC5B,YAAY,EAAE,WAAW,CAAC;IAC1B,YAAY,EAAE,WAAW,CAAC;CAC3B,QAmBF;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,QAYnE;AAED,eAAO,MAAM,oBAAoB,yCAmBhC,CAAC;AAEF,eAAO,MAAM,UAAU,yCAStB,CAAC"}

package/dist/document-model-editor/components/code-editors/utils.js

@@ -0,0 +1,191 @@
+import { updateTimeout } from "#document-model-editor/constants/documents";
+import { autocompletion, closeBrackets, closeBracketsKeymap, completionKeymap, } from "@codemirror/autocomplete";
+import { defaultKeymap, history, historyKeymap, indentWithTab, } from "@codemirror/commands";
+import { bracketMatching, defaultHighlightStyle, foldGutter, foldKeymap, indentOnInput, syntaxHighlighting, } from "@codemirror/language";
+import { forceLinting, linter, lintKeymap } from "@codemirror/lint";
+import { highlightSelectionMatches, searchKeymap } from "@codemirror/search";
+import { Compartment, EditorState, Transaction } from "@codemirror/state";
+import { crosshairCursor, drawSelection, dropCursor, EditorView, highlightActiveLine, highlightActiveLineGutter, highlightSpecialChars, lineNumbers, rectangularSelection, } from "@codemirror/view";
+import { filterSchema, isDocumentString } from "@graphql-tools/utils";
+import { GraphQLError, locatedError, parse } from "graphql";
+import { validateSDL } from "graphql/validation/validate.js";
+import { useEffect, useRef } from "react";
+/* Converts a GraphQLError to a Diagnostic
+   GraphQLError uses a zero-indexed line and column, but the editor uses a one-indexed line and column
+*/
+export function convertGraphQLErrorToDiagnostic(error) {
+    return {
+        from: error.locations?.[0] ? (error.positions?.[0] ?? 0) : 0,
+        to: error.locations?.[0] ? (error.positions?.[0] ?? 0) + 1 : 1,
+        severity: "error",
+        message: error.message,
+    };
+}
+/* Creates a linter that checks the document for errors
+     This works in combination with the built-in linting provided by the graphql extension
+     We need to recreate this linter when the schema changes or if a custom linter is provided
+     It first checks the document for linting errors
+     Then it checks if the document is a valid document string
+     Then it checks if the document is valid against the schema
+  */
+export function makeLinter(schema, customLinter) {
+    return linter((view) => {
+        const doc = view.state.doc.toString();
+        let diagnostics = [];
+        if (customLinter) {
+            diagnostics = diagnostics.concat(customLinter(doc));
+        }
+        if (isDocumentString(doc)) {
+            try {
+                const newDocNode = parse(doc);
+                const currentTypeNames = new Set(newDocNode.definitions
+                    .filter((def) => "name" in def && def.name)
+                    .map((def) => def.name.value));
+                // we need to filter out the existing types in the document from the schema to prevent duplicate type errors in the validation
+                const filteredSchema = filterSchema({
+                    schema,
+                    typeFilter: (typeName) => !currentTypeNames.has(typeName),
+                });
+                const errors = validateSDL(newDocNode, filteredSchema)
+                    .map((error) => locatedError(error, newDocNode))
+                    .filter((error, index, self) => index ===
+                    self.findIndex((e) => e.message === error.message &&
+                        e.locations?.[0]?.line === error.locations?.[0]?.line &&
+                        e.locations?.[0]?.column === error.locations?.[0]?.column));
+                diagnostics = diagnostics.concat(errors.map(convertGraphQLErrorToDiagnostic));
+            }
+            catch (error) {
+                if (error instanceof GraphQLError) {
+                    diagnostics.push(convertGraphQLErrorToDiagnostic(error));
+                }
+            }
+        }
+        return diagnostics;
+    });
+}
+export function makeUpdateHandler(readonly, timeoutRef, updateDocumentInModel) {
+    return EditorView.updateListener.of((update) => {
+        if (!!readonly || !update.docChanged)
+            return;
+        if (update.transactions.some((tr) => tr.annotation(Transaction.userEvent) === "external"))
+            return;
+        const newDoc = update.state.doc.toString();
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = setTimeout(() => {
+            updateDocumentInModel?.(newDoc);
+        }, updateTimeout);
+    });
+}
+export function makeFocusHandler(readonly, timeoutRef, updateDocumentInModel) {
+    return EditorView.focusChangeEffect.of((state, focusing) => {
+        if (!!readonly || focusing)
+            return null;
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        const newDoc = state.doc.toString();
+        updateDocumentInModel?.(newDoc);
+        return null;
+    });
+}
+export function makePasteHandler(readonly, timeoutRef, updateDocumentInModel) {
+    return EditorView.domEventHandlers({
+        paste: (event, view) => {
+            if (readonly)
+                return false;
+            const newDoc = view.state.doc.toString();
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+            updateDocumentInModel?.(newDoc);
+            forceLinting(view);
+            return false;
+        },
+    });
+}
+export function useEditorRefs() {
+    const editorRef = useRef(null);
+    const viewRef = useRef(null);
+    const updateListenerCompartment = useRef(new Compartment());
+    const focusHandlerCompartment = useRef(new Compartment());
+    const pasteHandlerCompartment = useRef(new Compartment());
+    const timeoutRef = useRef(null);
+    return {
+        editorRef,
+        viewRef,
+        updateListenerCompartment,
+        focusHandlerCompartment,
+        pasteHandlerCompartment,
+        timeoutRef,
+    };
+}
+export function useEditorCleanup(viewRef) {
+    useEffect(() => {
+        return () => {
+            if (viewRef.current) {
+                viewRef.current.destroy();
+                viewRef.current = null;
+            }
+        };
+    }, []);
+}
+export function useHandlerReconfiguration(view, readonly, timeoutRef, updateDocumentInModel, compartments) {
+    useEffect(() => {
+        if (!view)
+            return;
+        view.dispatch({
+            effects: [
+                compartments.updateListener.reconfigure(makeUpdateHandler(readonly, timeoutRef, updateDocumentInModel)),
+                compartments.focusHandler.reconfigure(makeFocusHandler(readonly, timeoutRef, updateDocumentInModel)),
+                compartments.pasteHandler.reconfigure(makePasteHandler(readonly, timeoutRef, updateDocumentInModel)),
+            ],
+        });
+        forceLinting(view);
+    }, [readonly, updateDocumentInModel]);
+}
+export function useDocumentSync(view, doc) {
+    useEffect(() => {
+        if (!view)
+            return;
+        const currentDoc = view.state.doc.toString();
+        if (currentDoc !== doc) {
+            view.dispatch({
+                changes: { from: 0, to: currentDoc.length, insert: doc },
+                annotations: [Transaction.userEvent.of("external")],
+            });
+            forceLinting(view);
+        }
+    }, [doc]);
+}
+export const baseEditorExtensions = [
+    lineNumbers(),
+    highlightActiveLineGutter(),
+    highlightSpecialChars(),
+    history(),
+    foldGutter(),
+    drawSelection(),
+    dropCursor(),
+    EditorState.allowMultipleSelections.of(true),
+    indentOnInput(),
+    syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
+    bracketMatching(),
+    closeBrackets(),
+    autocompletion(),
+    rectangularSelection(),
+    crosshairCursor(),
+    highlightActiveLine(),
+    highlightSelectionMatches(),
+    EditorView.lineWrapping,
+];
+export const baseKeymap = [
+    ...closeBracketsKeymap,
+    ...defaultKeymap,
+    ...searchKeymap,
+    ...historyKeymap,
+    ...foldKeymap,
+    ...completionKeymap,
+    ...lintKeymap,
+    indentWithTab,
+];

package/dist/document-model-editor/components/divider.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    className?: string;
+    size?: "sm" | "md" | "lg";
+    margin?: "sm" | "md" | "lg";
+};
+export declare function Divider({ className, size, margin }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=divider.d.ts.map

package/dist/document-model-editor/components/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../document-model-editor/components/divider.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B,CAAC;AACF,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,IAAW,EAAE,MAAa,EAAE,EAAE,KAAK,2CAkBvE"}

package/dist/document-model-editor/components/divider.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../utils/style.js";
+export function Divider({ className, size = "sm", margin = "md" }) {
+    function getSize() {
+        if (size === "sm")
+            return "h-px";
+        if (size === "md")
+            return "h-1";
+        return "h-1.5";
+    }
+    function getMargin() {
+        if (margin === "sm")
+            return "my-4";
+        if (margin === "md")
+            return "my-6";
+        return "my-8";
+    }
+    const sizeClass = getSize();
+    const marginClass = getMargin();
+    return (_jsx("div", { className: cn("bg-gray-200", sizeClass, marginClass, className) }));
+}

package/dist/document-model-editor/components/errors.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    errors: string;
+};
+export declare function Errors({ errors }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=errors.d.ts.map

package/dist/document-model-editor/components/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../../document-model-editor/components/errors.tsx"],"names":[],"mappings":"AAAA,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,2CAUvC"}

package/dist/document-model-editor/components/errors.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Errors({ errors }) {
+    return (_jsx("div", { className: "mt-1", children: Array.from(new Set(errors.split("\n"))).map((error) => (_jsx("p", { className: "text-sm font-semibold text-red-900", children: error }, error))) }));
+}

package/dist/document-model-editor/components/form.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
+//# sourceMappingURL=form.d.ts.map

package/dist/document-model-editor/components/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../document-model-editor/components/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAEL,eAAe,EACf,SAAS,EACT,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAMzB,QAAA,MAAM,IAAI,yOAAe,CAAC;AAE1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,0CAGpC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,QAAQ,6GAWZ,CAAC;AAGH,QAAA,MAAM,SAAS,yJAcb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAkBf,CAAC;AAGH,QAAA,MAAM,eAAe,yHAcnB,CAAC;AAGH,QAAA,MAAM,WAAW,yHAqBf,CAAC;AAGH,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAC"}

package/dist/document-model-editor/components/form.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { Controller, FormProvider, } from "react-hook-form";
+import { FormFieldContext, FormItemContext } from "../context/form-context.js";
+import { useFormField } from "../hooks/useFormField.js";
+import { cn } from "../utils/style.js";
+import { Label } from "./label.js";
+const Form = FormProvider;
+const FormField = ({ ...props }) => {
+    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
+};
+const FormItem = React.forwardRef(({ className, ...props }, ref) => {
+    const id = React.useId();
+    return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { ref: ref, className: cn("", className), ...props }) }));
+});
+FormItem.displayName = "FormItem";
+const FormLabel = React.forwardRef(({ className, ...props }, ref) => {
+    const { error, formItemId } = useFormField();
+    return (_jsx(Label, { ref: ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props }));
+});
+FormLabel.displayName = "FormLabel";
+const FormControl = React.forwardRef(({ ...props }, ref) => {
+    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+    return (_jsx(Slot, { ref: ref, id: formItemId, "aria-describedby": !error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
+});
+FormControl.displayName = "FormControl";
+const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
+    const { formDescriptionId } = useFormField();
+    return (_jsx("p", { ref: ref, id: formDescriptionId, className: cn("text-[0.8rem] text-gray-600", className), ...props }));
+});
+FormDescription.displayName = "FormDescription";
+const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
+    const { error, formMessageId } = useFormField();
+    const body = error ? String(error.message) : children;
+    if (!body) {
+        return null;
+    }
+    return (_jsx("p", { ref: ref, id: formMessageId, className: cn("text-[0.8rem] font-medium text-red-800", className), ...props, children: body }));
+});
+FormMessage.displayName = "FormMessage";
+export { Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/document-model-editor/components/input.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/document-model-editor/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../document-model-editor/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAExD,QAAA,MAAM,KAAK,qFAcV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/document-model-editor/components/input.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../utils/style.js";
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+    return (_jsx("input", { type: type, className: cn("flex h-9 w-full rounded-md border border-gray-400 bg-transparent px-3 py-1 text-sm transition-colors hover:bg-gray-100  focus-visible:bg-gray-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
+});
+Input.displayName = "Input";
+export { Input };

package/dist/document-model-editor/components/label.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { type VariantProps } from "class-variance-authority";
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/dist/document-model-editor/components/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../document-model-editor/components/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,QAAA,MAAM,KAAK,4PAUT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/document-model-editor/components/label.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import { cn } from "../utils/style.js";
+const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants(), className), ...props })));
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Label };

package/dist/document-model-editor/components/model-metadata-form.d.ts

@@ -0,0 +1,45 @@
+import { z } from "zod";
+import { Scope } from "../types/documents.js";
+export declare const MetadataFormSchema: z.ZodObject<{
+    name: z.ZodString;
+    documentType: z.ZodString;
+    extension: z.ZodString;
+    description: z.ZodString;
+    authorName: z.ZodString;
+    authorWebsite: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+    documentType: string;
+    description: string;
+    extension: string;
+    authorName: string;
+    authorWebsite: string;
+}, {
+    name: string;
+    documentType: string;
+    description: string;
+    extension: string;
+    authorName: string;
+    authorWebsite: string;
+}>;
+export type MetadataFormValues = z.infer<typeof MetadataFormSchema>;
+type Props = MetadataFormValues & {
+    globalStateSchema: string;
+    localStateSchema: string;
+    setModelName: (name: string) => void;
+    setModelId: (id: string) => void;
+    setModelExtension: (extension: string) => void;
+    setModelDescription: (description: string) => void;
+    setAuthorName: (authorName: string) => void;
+    setAuthorWebsite: (authorWebsite: string) => void;
+    setStateSchema: (schema: string, scope: Scope) => void;
+};
+export declare function ModelMetadata(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ModelNameForm(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function DocumentTypeForm(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ModelExtensionForm(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function DescriptionForm(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function AuthorNameForm(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function AuthorWebsiteForm(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=model-metadata-form.d.ts.map

package/dist/document-model-editor/components/model-metadata-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-metadata-form.d.ts","sourceRoot":"","sources":["../../../document-model-editor/components/model-metadata-form.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAQ9C,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;EAO7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEpE,KAAK,KAAK,GAAG,kBAAkB,GAAG;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,gBAAgB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,2CAuBzC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,2CA8DzC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,2CAa5C;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,2CAa9C;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,2CAc3C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,2CAa1C;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,2CAgB7C"}

package/dist/document-model-editor/components/model-metadata-form.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { z } from "zod";
+import { makeInitialSchemaDoc, renameSchemaType, handleModelNameChange, } from "../utils/helpers.js";
+import { TextField } from "./text-field.js";
+export const MetadataFormSchema = z.object({
+    name: z.string(),
+    documentType: z.string(),
+    extension: z.string(),
+    description: z.string(),
+    authorName: z.string(),
+    authorWebsite: z.string(),
+});
+export function ModelMetadata(props) {
+    return (_jsxs("div", { children: [_jsx(ModelNameForm, { ...props }), _jsx("div", { className: "flex h-full flex-col gap-4", children: _jsxs("div", { className: "grid flex-1 grid-cols-3 items-start gap-4", children: [_jsxs("div", { className: "col-span-2 flex h-full flex-col gap-4", children: [_jsx("div", { className: "shrink-0", children: _jsx(DocumentTypeForm, { ...props }) }), _jsx("div", { className: "min-h-0 flex-1", children: _jsx(DescriptionForm, { ...props }) })] }), _jsxs("div", { className: "col-span-1 flex flex-col gap-4", children: [_jsx(AuthorNameForm, { ...props }), _jsx(AuthorWebsiteForm, { ...props }), _jsx(ModelExtensionForm, { ...props })] })] }) })] }));
+}
+export function ModelNameForm(props) {
+    const { name, globalStateSchema, localStateSchema, setModelName, setStateSchema, } = props;
+    const onSubmit = useCallback((newName) => {
+        if (name === newName) {
+            return;
+        }
+        setModelName(newName);
+        const hasExistingSchema = !!globalStateSchema;
+        if (!hasExistingSchema) {
+            const initialSchemaDoc = makeInitialSchemaDoc(newName, "global");
+            setStateSchema(initialSchemaDoc, "global");
+            return;
+        }
+        const newSchema = renameSchemaType(globalStateSchema, name, newName, "global");
+        setStateSchema(newSchema, "global");
+        if (localStateSchema) {
+            const newLocalStateSchema = renameSchemaType(localStateSchema, name, newName, "local");
+            setStateSchema(newLocalStateSchema, "local");
+        }
+        handleModelNameChange({
+            oldName: name,
+            newName,
+            globalStateSchema,
+            localStateSchema,
+            setStateSchema,
+        });
+    }, [name, globalStateSchema, localStateSchema, setStateSchema]);
+    return (_jsx(TextField, { name: "name", value: name, onSubmit: onSubmit, placeholder: "Model name", className: "border-none pl-0 text-xl font-bold text-gray-900", required: true, focusOnMount: true }));
+}
+export function DocumentTypeForm(props) {
+    const { documentType, setModelId } = props;
+    return (_jsx(TextField, { label: "Document Type", name: "powerhouse/document-model", value: documentType, onSubmit: setModelId, placeholder: "Document Type", required: true }));
+}
+export function ModelExtensionForm(props) {
+    const { extension, setModelExtension } = props;
+    return (_jsx(TextField, { name: "extension", value: extension, onSubmit: setModelExtension, label: "Model Extension", placeholder: "Example .phdm", required: true }));
+}
+export function DescriptionForm(props) {
+    const { description, setModelDescription } = props;
+    return (_jsx(TextField, { name: "description", label: "Model Description", value: description, onSubmit: setModelDescription, placeholder: "Describe your document to others", allowEmpty: true, className: "h-full" }));
+}
+export function AuthorNameForm(props) {
+    const { authorName, setAuthorName } = props;
+    return (_jsx(TextField, { name: "authorName", value: authorName, onSubmit: setAuthorName, label: "Author Name", placeholder: "Username or organisation", allowEmpty: true }));
+}
+export function AuthorWebsiteForm(props) {
+    const { authorWebsite, setAuthorWebsite } = props;
+    return (_jsx(TextField, { name: "authorWebsite", value: authorWebsite, label: "Website URL", onSubmit: (newAuthorWebsite) => {
+            if (!!authorWebsite && !newAuthorWebsite)
+                return;
+            setAuthorWebsite(newAuthorWebsite);
+        }, placeholder: "https://www.powerhouse.inc/", allowEmpty: true }));
+}

package/dist/document-model-editor/components/module-form.d.ts

@@ -0,0 +1,10 @@
+import type { Module } from "document-model";
+type Props = {
+    modules?: Module[];
+    module?: Module;
+    onAddModule: (name: string) => Promise<string | undefined>;
+    updateModuleName: (id: string, name: string) => void;
+};
+export declare function ModuleForm({ module, onAddModule, updateModuleName, modules, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=module-form.d.ts.map

package/dist/document-model-editor/components/module-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module-form.d.ts","sourceRoot":"","sources":["../../../document-model-editor/components/module-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAI7C,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3D,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,OAAY,GACb,EAAE,KAAK,2CA8BP"}

package/dist/document-model-editor/components/module-form.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { toLowercaseSnakeCase } from "../schemas/inputs.js";
+import { TextField } from "./text-field.js";
+export function ModuleForm({ module, onAddModule, updateModuleName, modules = [], }) {
+    const isEdit = !!module;
+    const moduleNames = modules.map((m) => m.name);
+    const handleSubmit = async (name) => {
+        const formattedName = toLowercaseSnakeCase(name);
+        if (!formattedName.length)
+            return;
+        if (isEdit) {
+            if (formattedName !== module.name) {
+                updateModuleName(module.id, formattedName);
+            }
+        }
+        else {
+            await onAddModule(formattedName);
+        }
+    };
+    return (_jsx(TextField, { name: "name", label: isEdit ? "Module name" : "Add module", value: module?.name, onSubmit: handleSubmit, placeholder: "Add module", unique: moduleNames, shouldReset: !isEdit, required: true }, module?.id ?? "new"));
+}

package/dist/document-model-editor/components/module.d.ts

@@ -0,0 +1,21 @@
+import type { Module as TModule } from "document-model";
+type Props = {
+    module?: TModule;
+    modules?: TModule[];
+    allOperations: TModule["operations"];
+    lastCreatedModuleId: string | null;
+    onAddModule: (name: string) => Promise<string | undefined>;
+    updateModuleName: (id: string, name: string) => void;
+    deleteModule: (id: string) => void;
+    updateOperationName: (id: string, name: string) => void;
+    deleteOperation: (id: string) => void;
+    addOperationAndInitialSchema: (moduleId: string, name: string) => Promise<string | undefined>;
+    updateOperationSchema: (id: string, newDoc: string) => void;
+    setOperationDescription: (id: string, description: string) => void;
+    addOperationError: (operationId: string, errorName: string) => Promise<string | undefined>;
+    deleteOperationError: (id: string) => void;
+    setOperationErrorName: (operationId: string, errorId: string, name: string) => void;
+};
+export declare function Module(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=module.d.ts.map

package/dist/document-model-editor/components/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../document-model-editor/components/module.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGxD,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3D,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,4BAA4B,EAAE,CAC5B,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,KACT,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjC,qBAAqB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,uBAAuB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,iBAAiB,EAAE,CACjB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,KACd,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjC,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,qBAAqB,EAAE,CACrB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,KACT,IAAI,CAAC;CACX,CAAC;AACF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,2CA+DlC"}

package/dist/document-model-editor/components/module.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ModuleForm } from "./module-form.js";
+import { Operations } from "./operations.js";
+export function Module(props) {
+    const { module, modules, allOperations, lastCreatedModuleId, onAddModule, updateModuleName, deleteModule, updateOperationName, deleteOperation, addOperationAndInitialSchema, updateOperationSchema, setOperationDescription, addOperationError, deleteOperationError, setOperationErrorName, } = props;
+    return (_jsxs("div", { className: "relative rounded-3xl bg-gray-100 p-6", children: [_jsxs("div", { className: "mb-2 w-1/2 pr-6", children: [_jsx(ModuleForm, { modules: modules, module: module, onAddModule: onAddModule, updateModuleName: updateModuleName }), !!module && (_jsx("button", { "aria-label": "Delete module", tabIndex: -1, className: "absolute right-1 top-1 p-2 text-gray-800 transition-colors hover:text-gray-500", onClick: () => {
+                            deleteModule(module.id);
+                        }, children: _jsx("svg", { className: "size-6", viewBox: "0 0 24 24", fill: "currentcolor", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.9993 8.51506L15.4844 7L11.9994 10.4852L8.51497 7.00057L7 8.51562L10.4844 12.0003L7.00056 15.4843L8.51552 16.9994L11.9994 13.5153L15.4838 17L16.9988 15.4849L13.5144 12.0003L16.9993 8.51506Z" }) }) }))] }), !!module && (_jsx(Operations, { module: module, allOperations: allOperations, shouldFocusNewOperation: module.id === lastCreatedModuleId, updateOperationName: updateOperationName, deleteOperation: deleteOperation, addOperationAndInitialSchema: addOperationAndInitialSchema, updateOperationSchema: updateOperationSchema, setOperationDescription: setOperationDescription, addOperationError: addOperationError, deleteOperationError: deleteOperationError, setOperationErrorName: setOperationErrorName }))] }));
+}

package/dist/document-model-editor/components/modules.d.ts

@@ -0,0 +1,19 @@
+import { Module as TModule } from "document-model";
+type Props = {
+    modules: TModule[];
+    allOperations: TModule["operations"];
+    addModule: (name: string) => Promise<string | undefined>;
+    updateModuleName: (id: string, name: string) => void;
+    deleteModule: (id: string) => void;
+    updateOperationName: (id: string, name: string) => void;
+    deleteOperation: (id: string) => void;
+    addOperationAndInitialSchema: (moduleId: string, name: string) => Promise<string | undefined>;
+    updateOperationSchema: (id: string, newDoc: string) => void;
+    setOperationDescription: (id: string, description: string) => void;
+    addOperationError: (operationId: string, errorName: string) => Promise<string | undefined>;
+    deleteOperationError: (id: string) => void;
+    setOperationErrorName: (operationId: string, errorId: string, name: string) => void;
+};
+export declare function Modules({ modules, allOperations, addModule, updateModuleName, deleteModule, updateOperationName, deleteOperation, addOperationAndInitialSchema, updateOperationSchema, setOperationDescription, addOperationError, deleteOperationError, setOperationErrorName, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=modules.d.ts.map

package/dist/document-model-editor/components/modules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules.d.ts","sourceRoot":"","sources":["../../../document-model-editor/components/modules.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAInD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACzD,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,4BAA4B,EAAE,CAC5B,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,KACT,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjC,qBAAqB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,uBAAuB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,iBAAiB,EAAE,CACjB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,KACd,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjC,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,qBAAqB,EAAE,CACrB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,KACT,IAAI,CAAC;CACX,CAAC;AACF,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,4BAA4B,EAC5B,qBAAqB,EACrB,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,GACtB,EAAE,KAAK,2CAkEP"}