@versa-stack/v-craft 1.0.4 → 1.1.0-alpha.2

package/dist/types/components/index.d.ts

@@ -8,9 +8,11 @@ import { default as CraftEditorPanelBlueprints } from './CraftEditorPanelBluepri
 import { default as CraftEditorPanelForm } from './CraftEditorPanelForm.vue';
 import { default as CraftEditorPanelLayers } from './CraftEditorPanelLayers.vue';
 import { default as CraftEditorPanelLayout } from './CraftEditorPanelLayout.vue';
+import { default as CraftEditorPanelNodeDataSourceSettings } from './CraftEditorPanelNodeDataSourceSettings.vue';
 import { default as CraftEditorPanelNodeEventsSettings } from './CraftEditorPanelNodeEventsSettings.vue';
 import { default as CraftEditorPanelNodeLayer } from './CraftEditorPanelNodeLayer.vue';
 import { default as CraftEditorPanelNodeSettings } from './CraftEditorPanelNodeSettings.vue';
+import { default as CraftEditorPanelNodeSlotPropsSettings } from './CraftEditorPanelNodeSlotPropsSettings.vue';
 import { default as CraftEditorPanelSettings } from './CraftEditorPanelSettings.vue';
 import { default as CraftFrame } from './CraftFrame.vue';
 import { default as CraftNodeEditor } from './CraftNodeEditor.vue';
@@ -18,8 +20,8 @@ import { default as CraftNodeViewer } from './CraftNodeViewer.vue';
 import { default as CraftIframe } from './CraftIframe.vue';
 import { default as CraftStaticRenderer } from './CraftStaticRenderer.vue';
 import * as Utils from "./utils";
-export { CraftCanvas, CraftComponentSimpleText, CraftEditor, CraftEditorBlueprint, CraftEditorBlueprintsList, CraftEditorPanelBlueprints, CraftEditorPanelForm, CraftEditorPanelLayers, CraftEditorPanelLayout, CraftEditorPanelNodeEventsSettings, CraftEditorPanelNodeLayer, CraftEditorPanelNodeSettings, CraftEditorPanelSettings, CraftFrame, CraftIframe, CraftNodeEditor, CraftNodeViewer, CraftStaticRenderer, Utils, };
-export type CraftDataListItem<T extends object> = {
+export { CraftCanvas, CraftComponentSimpleText, CraftEditor, CraftEditorBlueprint, CraftEditorBlueprintsList, CraftEditorPanelBlueprints, CraftEditorPanelForm, CraftEditorPanelLayers, CraftEditorPanelLayout, CraftEditorPanelNodeDataSourceSettings, CraftEditorPanelNodeEventsSettings, CraftEditorPanelNodeLayer, CraftEditorPanelNodeSettings, CraftEditorPanelNodeSlotPropsSettings, CraftEditorPanelSettings, CraftFrame, CraftIframe, CraftNodeEditor, CraftNodeViewer, CraftStaticRenderer, Utils, };
+export type CraftDataListItem = {
     dataItem: any;
     dataIndex: number;
     childNode: CraftNode;

package/dist/types/components/utils.d.ts

@@ -1,12 +1,15 @@
 import { CraftNode } from '../lib/craftNode';
 import { default as CraftNodeResolver } from '../lib/CraftNodeResolver';
 import { BlueprintGroup } from '../lib/model';
-export declare const blueprintsWithDefaults: <T extends object>(group: BlueprintGroup, resolver: CraftNodeResolver<T>) => {
+import { FormKitSchemaDefinition } from '@formkit/core';
+export declare const blueprintsWithDefaults: <T extends FormKitSchemaDefinition>(group: BlueprintGroup, resolver: CraftNodeResolver<T>) => {
     props: any;
     slots: Record<string, CraftNode[]> & Record<string, import('../lib/model').Blueprint[]>;
+    slotsPropsPropsMap?: Record<string, Record<string, string>> | undefined;
     componentName: string;
     rules?: import('../lib/craftNode').CraftNodeRules | undefined;
     visible?: boolean | undefined;
     events?: Record<string, string> | undefined;
     label?: string;
 }[];
+export declare const generateColorFromUUID: (uuid: string) => string;

package/dist/types/lib/CraftNodeResolver.d.ts

@@ -1,23 +1,32 @@
-import { FormKitSchemaFormKit } from '@formkit/core';
+import { FormKitSchemaDefinition } from '@formkit/core';
+import { Component } from 'vue';
 import { CraftNode, CraftNodeRules } from './craftNode';
-export type CraftNodeComponentMap<T extends object> = {
+export type CraftNodeComponentMap<T extends FormKitSchemaDefinition = FormKitSchemaDefinition> = {
     componentName: string;
+    label?: string;
+    component?: Component | (() => Promise<Component>);
     propsSchema?: T;
     eventsSchema?: T;
     defaultProps?: Record<string, any>;
     rules?: CraftNodeRules;
     slots?: string[];
+    slotsProps?: Record<string, string[]>;
 };
-export type CraftNodeResolverMap<T extends object> = Record<string, CraftNodeComponentMap<T>>;
-export declare class CraftNodeResolver<T extends object = FormKitSchemaFormKit[]> {
+export type CraftNodeResolverMap<T extends FormKitSchemaDefinition = FormKitSchemaDefinition> = Record<string, CraftNodeComponentMap<T>>;
+export type ResolveComponentHook = (craftNode: CraftNode, defaultResolver: (name: string) => Component | undefined) => Component | undefined;
+export declare class CraftNodeResolver<T extends FormKitSchemaDefinition = FormKitSchemaDefinition> {
     resolverMap: CraftNodeResolverMap<T>;
+    private resolveComponentHook?;
     constructor(resolverMap?: Record<string, CraftNodeComponentMap<T>>);
     setResolverMap(resolverMap: Record<string, CraftNodeComponentMap<T>>): void;
+    onResolveComponent(hook: ResolveComponentHook): void;
     resolve(name: string): CraftNodeComponentMap<T>;
+    resolveComponent(craftNode: CraftNode): Component | undefined;
     getDefaultProps(craftNode: CraftNode): Record<string, any>;
     resolveNode(craftNode: CraftNode): CraftNodeComponentMap<T>;
-    getSchema(craftNode: CraftNode): Record<string, any>;
-    getEventsSchema(craftNode: CraftNode): Record<string, any>;
+    getSchema(craftNode: CraftNode): T;
+    getEventsSchema(craftNode: CraftNode): T;
     getRules(craftNode: CraftNode): CraftNodeRules;
+    getSlotsProps(craftNode: CraftNode): Record<string, string[]>;
 }
 export default CraftNodeResolver;

package/dist/types/lib/craftNode.d.ts

@@ -1,12 +1,14 @@
+import { FormKitSchemaDefinition } from '@formkit/core';
 import { default as CraftNodeResolver } from './CraftNodeResolver';
 export type CraftNodeRules = {
-    canMoveIn?: <T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean;
-    canMoveOut?: <T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean;
-    canDrag?: <T extends object>(craftNode: CraftNode) => boolean;
-    canMoveInto?: <T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean;
+    canMoveIn?: <T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean;
+    canMoveOut?: <T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean;
+    canDrag?: (craftNode: CraftNode) => boolean;
+    canMoveInto?: <T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean;
 };
 export type CraftNode = {
     slots: Record<string, CraftNode[]>;
+    slotsPropsPropsMap?: Record<string, Record<string, string>>;
     componentName: string;
     parentUuid?: string | null;
     props: any;
@@ -14,6 +16,7 @@ export type CraftNode = {
     uuid: string;
     visible?: boolean;
     events?: Record<string, string>;
+    label?: string;
 };
 export type CraftNodeDatasource = {
     item?: Record<string, any>;
@@ -22,11 +25,12 @@ export type CraftNodeDatasource = {
     slotName?: string;
 };
 export declare const isVisible: (craftNode: CraftNode) => boolean;
-export declare const craftNodeInCanvas: <T extends object>(craftNode: CraftNode) => boolean;
-export declare const craftNodeIsDraggable: <T extends object>(craftNode: CraftNode) => boolean;
-export declare const craftNodeIsAncestorOf: <T extends object>(craftNode: CraftNode, descendant: CraftNode) => boolean;
-export declare const resolveNodeName: <T extends object>(craftNode: CraftNode) => any;
-export declare const craftNodeCanBeChildOf: <T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean | undefined;
-export declare const craftNodeIsCanvas: <T extends object>(craftNode: CraftNode) => boolean;
-export declare const craftNodeCanBeSiblingOf: <T extends object>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean | undefined;
-export declare const buildCraftNodeTree: <T extends object>(craftNode: CraftNode) => CraftNode;
+export declare const craftNodeInCanvas: (craftNode: CraftNode) => boolean;
+export declare const craftNodeIsDraggable: (craftNode: CraftNode) => boolean;
+export declare const craftNodeIsAncestorOf: (craftNode: CraftNode, descendant: CraftNode) => boolean;
+export declare const resolveNodeName: (craftNode: CraftNode) => any;
+export declare const craftNodeCanBeChildOf: <T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean | undefined;
+export declare const craftNodeIsCanvas: (craftNode: CraftNode) => boolean;
+export declare const craftNodeCanBeSiblingOf: <T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(craftNode: CraftNode, targetNode: CraftNode, resolver: CraftNodeResolver<T>) => boolean | undefined;
+export declare const buildCraftNodeTree: (craftNode: CraftNode) => CraftNode;
+export declare const initializeSlotsFromResolver: <T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(node: CraftNode, resolver: CraftNodeResolver<T>) => CraftNode;

package/dist/types/lib/dragCraftNode/dragOver.d.ts

@@ -1,3 +1,4 @@
 import { DragCraftNodeContext } from './drop';
-declare const _default: <T extends object>(e: MouseEvent, el: HTMLElement, context: DragCraftNodeContext<T>) => void;
+import { FormKitSchemaDefinition } from '@formkit/core';
+declare const _default: <T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(e: MouseEvent, el: HTMLElement, context: DragCraftNodeContext<T>) => void;
 export default _default;

package/dist/types/lib/dragCraftNode/drop.d.ts

@@ -1,13 +1,14 @@
+import { FormKitSchemaDefinition } from '@formkit/core';
 import { Ref } from 'vue';
 import { EditorStoreInstanceType } from '../../store/editor';
 import { IndicatorStoreType } from '../../store/indicator';
 import { CraftNode } from '../craftNode';
 import { default as CraftNodeResolver } from '../CraftNodeResolver';
-export type DragCraftNodeContext<T extends object> = {
+export type DragCraftNodeContext<T extends FormKitSchemaDefinition = FormKitSchemaDefinition> = {
     editor: EditorStoreInstanceType;
     indicator: IndicatorStoreType;
     craftNode: Ref<CraftNode>;
     resolver: CraftNodeResolver<T>;
 };
-declare const _default: <T extends object>(e: MouseEvent, el: HTMLElement, context: DragCraftNodeContext<T>) => CraftNode;
+declare const _default: <T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(e: MouseEvent, el: HTMLElement, context: DragCraftNodeContext<T>) => CraftNode;
 export default _default;

package/dist/types/lib/dragCraftNode/index.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    handleDragOver: <T extends object>(e: MouseEvent, el: HTMLElement, context: import('./drop').DragCraftNodeContext<T>) => void;
-    handleDrop: <T extends object>(e: MouseEvent, el: HTMLElement, context: import('./drop').DragCraftNodeContext<T>) => import('../craftNode').CraftNode;
+    handleDragOver: <T extends import('@formkit/core').FormKitSchemaDefinition = import('@formkit/core').FormKitSchemaDefinition>(e: MouseEvent, el: HTMLElement, context: import('./drop').DragCraftNodeContext<T>) => void;
+    handleDrop: <T extends import('@formkit/core').FormKitSchemaDefinition = import('@formkit/core').FormKitSchemaDefinition>(e: MouseEvent, el: HTMLElement, context: import('./drop').DragCraftNodeContext<T>) => import('../craftNode').CraftNode;
 };
 export default _default;

package/dist/types/lib/extractSchemaFieldNames.d.ts

@@ -0,0 +1,11 @@
+import { FormKitSchemaDefinition } from '@formkit/core';
+export type SchemaFieldOption = {
+    value: string;
+    label: string;
+};
+/**
+ * Reads the flat `propsSchema`/`eventsSchema` array shape used throughout
+ * this project's resolvers (each entry a FormKit node carrying `name` and
+ * an optional `label`) and turns it into options for a target-prop picker.
+ */
+export declare const extractSchemaFieldNames: (schema: FormKitSchemaDefinition | undefined | null) => SchemaFieldOption[];

package/dist/types/lib/model.d.ts

@@ -1,5 +1,7 @@
-import { CraftNodeResolverMap } from './CraftNodeResolver';
+import { HTMLAttributes, StyleValue } from 'vue';
+import { CraftNodeResolver, CraftNodeResolverMap } from './CraftNodeResolver';
 import { CraftNode } from './craftNode';
+import { FormKitSchemaDefinition } from '@formkit/core';
 export type CraftBlueprintData = {
     label: string;
     component: string;
@@ -24,9 +26,10 @@ export type Blueprint = Omit<CraftNode, "parentUuid" | "uuid"> & {
     label?: string;
     slots: Record<string, Blueprint[]>;
 };
-export type CraftEditorConfig<T extends object> = {
+export type CraftEditorConfig<T extends FormKitSchemaDefinition = FormKitSchemaDefinition> = {
     blueprintsLibrary: BlueprintsLibrary;
-    resolverMap: CraftNodeResolverMap<T>;
+    resolverMap?: CraftNodeResolverMap<T>;
+    resolver?: CraftNodeResolver<T>;
 };
 export type CraftDataPatch<V = any, D = any> = {
     defaultValue?: D;
@@ -41,3 +44,15 @@ export type CraftDataWrapperPropMap<V = any, D = any> = {
     patches: CraftDataPatch<V, D>[];
     type: "single" | "list";
 };
+export type CraftNodeIFrameProps = {
+    iframeClass?: HTMLAttributes["class"];
+    iframeStyle?: StyleValue;
+    inheritStyles?: boolean;
+    styleSheets?: string[];
+    styles?: string[];
+    iframeId?: string;
+};
+export type CraftFrameIFrameProps = CraftNodeIFrameProps & {
+    wrapperClass?: HTMLAttributes["class"];
+    wrapperStyle?: StyleValue;
+};

package/dist/types/lib/renderCraftNodes.d.ts

@@ -1,11 +1,12 @@
+import { FormKitSchemaDefinition } from '@formkit/core';
 import { VNode } from 'vue';
 import { CraftNode, CraftNodeDatasource } from './craftNode';
 import { default as CraftNodeResolver, CraftNodeResolverMap } from './CraftNodeResolver';
-export interface RenderOptions<T extends object> {
+export interface RenderOptions<T extends FormKitSchemaDefinition = FormKitSchemaDefinition> {
     resolverMap: CraftNodeResolverMap<T>;
     componentRegistry?: Record<string, any>;
     nodeDataMap?: Record<string, CraftNodeDatasource | null>;
     eventsContext?: Record<string, any>;
 }
-export declare function renderCraftNodeToVNode<T extends object>(node: CraftNode, resolver: CraftNodeResolver<T>, componentRegistry?: Record<string, any>, nodeDataMap?: Record<string, CraftNodeDatasource | null>, eventsContext?: Record<string, any>): VNode | null;
-export declare function renderCraftNodesToVNodes<T extends object>(nodes: CraftNode[], options: RenderOptions<T>): VNode[];
+export declare function renderCraftNodeToVNode<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(node: CraftNode, resolver: CraftNodeResolver<T>, componentRegistry?: Record<string, any>, nodeDataMap?: Record<string, CraftNodeDatasource | null>, eventsContext?: Record<string, any>): VNode | null;
+export declare function renderCraftNodesToVNodes<T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(nodes: CraftNode[], options: RenderOptions<T>): VNode[];

package/dist/types/lib/vNodeToCraftNode.d.ts

@@ -1,4 +1,5 @@
 import { CraftNode } from './craftNode';
 import { default as CraftNodeResolver } from './CraftNodeResolver';
-declare const createNodeFromVNode: <T extends object>(resolver: CraftNodeResolver<T>, vNode: any, parentNode?: CraftNode | null) => CraftNode;
+import { FormKitSchemaDefinition } from '@formkit/core';
+declare const createNodeFromVNode: <T extends FormKitSchemaDefinition = FormKitSchemaDefinition>(resolver: CraftNodeResolver<T>, vNode: any, parentNode?: CraftNode | null) => CraftNode;
 export default createNodeFromVNode;