vue-wswg-editor 0.0.9 → 0.0.11

package/dist/types/components/EmptyState/EmptyState.vue.d.ts

@@ -1,15 +0,0 @@
-type __VLS_Props = {
-    editable: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & {
-    "showAddBlockMenu"?: boolean;
-};
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:showAddBlockMenu": (value: boolean | undefined) => any;
-} & {
-    blockAdded: (blockType: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:showAddBlockMenu"?: ((value: boolean | undefined) => any) | undefined;
-    onBlockAdded?: ((blockType: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/types/components/PageBlockList/PageBlockList.vue.d.ts

@@ -1,19 +0,0 @@
-type __VLS_Props = {
-    blocksKey: string;
-    settingsKey: string;
-};
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: any;
-    "hoveredBlockId"?: string | null;
-};
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => any;
-    "update:hoveredBlockId": (value: string | null | undefined) => any;
-} & {
-    "block-click": (block: any) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    "onBlock-click"?: ((block: any) => any) | undefined;
-    "onUpdate:hoveredBlockId"?: ((value: string | null | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/types/components/PageBuilderSidebar/PageBuilderSidebar.vue.d.ts

@@ -1,30 +0,0 @@
-type __VLS_Props = {
-    editable?: boolean;
-    blocksKey?: string;
-    settingsKey?: string;
-};
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: any;
-    "activeBlock"?: any;
-    "hoveredBlockId"?: string | null;
-    "showPageSettings"?: boolean;
-    "showAddBlockMenu"?: boolean;
-};
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:activeBlock": (value: any) => any;
-    "update:showPageSettings": (value: boolean | undefined) => any;
-    "update:modelValue": (value: any) => any;
-    "update:hoveredBlockId": (value: string | null | undefined) => any;
-    "update:showAddBlockMenu": (value: boolean | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:activeBlock"?: ((value: any) => any) | undefined;
-    "onUpdate:showPageSettings"?: ((value: boolean | undefined) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    "onUpdate:hoveredBlockId"?: ((value: string | null | undefined) => any) | undefined;
-    "onUpdate:showAddBlockMenu"?: ((value: boolean | undefined) => any) | undefined;
-}>, {
-    editable: boolean;
-    blocksKey: string;
-    settingsKey: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/types/components/PageBuilderToolbar/PageBuilderToolbar.vue.d.ts

@@ -1,28 +0,0 @@
-type __VLS_Props = {
-    hasPageSettings: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & {
-    "editorViewport"?: "desktop" | "mobile";
-    "activeBlock"?: any;
-    "showPageSettings"?: boolean;
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:editorViewport": (value: "desktop" | "mobile" | undefined) => any;
-    "update:activeBlock": (value: any) => any;
-    "update:showPageSettings": (value: boolean | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:editorViewport"?: ((value: "desktop" | "mobile" | undefined) => any) | undefined;
-    "onUpdate:activeBlock"?: ((value: any) => any) | undefined;
-    "onUpdate:showPageSettings"?: ((value: boolean | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/types/components/PageRenderer/PageRenderer.vue.d.ts

@@ -1,6 +0,0 @@
-import type { Block } from "../../types/Block";
-type __VLS_Props = {
-    blocks: Block[];
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/types/components/PageRenderer/blockModules.d.ts

@@ -1 +0,0 @@
-export declare const blockModules: Record<string, any> | Record<string, string> | Record<string, () => Promise<any>>;

package/dist/types/components/PageSettings/PageSettings.vue.d.ts

@@ -1,15 +0,0 @@
-type __VLS_Props = {
-    title?: string;
-};
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: any;
-};
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => any;
-} & {
-    close: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/types/components/ResizeHandle/ResizeHandle.vue.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    sidebarWidth: (width: number) => any;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onSidebarWidth?: ((width: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/types/components/WswgJsonEditor/WswgJsonEditor.test.d.ts

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

package/dist/types/components/WswgJsonEditor/WswgJsonEditor.vue.d.ts

@@ -1,40 +0,0 @@
-type __VLS_Props = {
-    editable?: boolean;
-    loading?: boolean;
-    url?: string;
-    showBrowserBar?: boolean;
-    blocksKey?: string;
-    settingsKey?: string;
-    defaultBlockMargin?: "none" | "small" | "medium" | "large";
-};
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: any;
-};
-declare var __VLS_1: {}, __VLS_6: {}, __VLS_8: {};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_1) => any;
-} & {
-    toolbar?: (props: typeof __VLS_6) => any;
-} & {
-    loading?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-}>, {
-    url: string;
-    editable: boolean;
-    blocksKey: string;
-    settingsKey: string;
-    loading: boolean;
-    showBrowserBar: boolean;
-    defaultBlockMargin: "none" | "small" | "medium" | "large";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/types/index.d.ts

@@ -1,7 +0,0 @@
-export { createField } from "./util/fieldConfig";
-export type { EditorFieldConfig, ValidatorFunction } from "./util/fieldConfig";
-export { getLayouts } from "./util/registry";
-export { validateField, validateAllFields } from "./util/validation";
-export { default as WswgJsonEditor } from "./components/WswgJsonEditor/WswgJsonEditor.vue";
-export { default as PageRenderer } from "./components/PageRenderer/PageRenderer.vue";
-import "./style.css";

package/dist/types/util/fieldConfig.d.ts

@@ -1,82 +0,0 @@
-import type { Component } from "vue";
-/**
- * Validator function that returns:
- * - `true` if the value is valid
- * - `false` if the value is invalid (generic error)
- * - `string` if the value is invalid (specific error message)
- */
-export type ValidatorFunction = (value: any) => Promise<boolean | string>;
-/**
- * Editor field types for the page builder sidebar
- */
-export type EditorFieldType = "text" | "textarea" | "number" | "boolean" | "email" | "url" | "select" | "checkbox" | "radio" | "color" | "range" | "repeater" | "margin" | "custom";
-/**
- * Simple utility for defining page builder props with editor field metadata
- * This approach separates Vue props from editor field configuration
- */
-export interface EditorFieldConfig {
-    type: EditorFieldType;
-    component?: Component;
-    required?: boolean;
-    default?: any;
-    label?: string;
-    description?: string;
-    placeholder?: string;
-    rows?: number;
-    options?: Array<{
-        label: string;
-        value: any;
-        id: string;
-    }>;
-    step?: number;
-    hidden?: boolean;
-    group?: string;
-    clearable?: boolean;
-    /**
-     * Validator function that returns:
-     * - `true` if the value is valid
-     * - `false` if the value is invalid (generic error)
-     * - `string` if the value is invalid (specific error message)
-     */
-    validator?: ValidatorFunction;
-    repeaterFields?: Record<string, EditorFieldConfig>;
-    repeaterFieldLabel?: string;
-    minLength?: number;
-    maxLength?: number;
-    min?: number;
-    max?: number;
-    minItems?: number;
-    maxItems?: number;
-    responsive?: boolean;
-}
-/**
- * Helper function to create editor field configurations
- */
-export declare const createField: {
-    custom: (config?: Partial<EditorFieldConfig>) => EditorFieldConfig;
-    text: (config?: Partial<EditorFieldConfig>) => EditorFieldConfig;
-    textarea: (config?: Partial<EditorFieldConfig>) => EditorFieldConfig;
-    number: (config?: Partial<EditorFieldConfig>) => EditorFieldConfig;
-    boolean: (config?: Partial<EditorFieldConfig>) => EditorFieldConfig;
-    email: (config?: Partial<EditorFieldConfig>) => EditorFieldConfig;
-    url: (config?: Partial<EditorFieldConfig>) => EditorFieldConfig;
-    select: <T>(options: Array<{
-        label: string;
-        value: T;
-        id: string;
-    }>, config?: Partial<Omit<EditorFieldConfig, "options">>) => EditorFieldConfig;
-    radio: <T>(options: Array<{
-        label: string;
-        value: T;
-        id: string;
-    }>, config?: Partial<Omit<EditorFieldConfig, "options">>) => EditorFieldConfig;
-    checkbox: <T>(options: Array<{
-        label: string;
-        value: T;
-        id: string;
-    }>, config?: Partial<Omit<EditorFieldConfig, "options">>) => EditorFieldConfig;
-    color: (config?: Partial<EditorFieldConfig>) => EditorFieldConfig;
-    range: (config?: Partial<EditorFieldConfig>) => EditorFieldConfig;
-    repeater: (repeaterFields: Record<string, EditorFieldConfig>, config?: Partial<EditorFieldConfig>) => EditorFieldConfig;
-    margin: (config?: Partial<EditorFieldConfig>) => EditorFieldConfig;
-};

package/dist/types/util/helpers.d.ts

@@ -1,28 +0,0 @@
-/**
- * File lookup utility for finding Vue components with flexible naming conventions
- *
- * This utility handles different naming formats (snake_case, camelCase, kebab-case, PascalCase)
- * and various file/folder structures to provide maximum flexibility in component organization.
- */
-/**
- * Converts a string to different naming conventions
- */
-export declare function generateNameVariations(name: string): string[];
-/**
- * Generates file path patterns to try for a given block name and optional file name
- * If fileName is provided, generates patterns using variations of both blockName (for directory) and fileName (for file)
- * If fileName is not provided, uses blockName variations for both directory and file
- *
- * @param basePath - Base path (e.g., "@page-builder/blocks/")
- * @param blockName - Block name in any format (e.g., "heroSection", "hero-section")
- * @param fileName - Optional file name (e.g., "options.ts", "fields.ts"). If not provided, uses blockName
- * @returns Array of path patterns to try
- */
-export declare function generateFilePathPatterns(basePath: string, blockName: string, fileName?: string): string[];
-/**
- * Converts a any type of string to camelCase
- * e.g., "hero_section" or "HeroSection" or "hero-section" or "heroSection" -> "HeroSection"
- * e.g., "component_not_found" or "ComponentNotFound" or "component-not-found" or "componentNotFound" -> "ComponentNotFound"
- */
-export declare function toCamelCase(input: string): string;
-export declare function toNiceName(input: string): string;

package/dist/types/util/registry.d.ts

@@ -1,20 +0,0 @@
-import { type Ref } from "vue";
-import type { EditorFieldConfig } from "./fieldConfig";
-import type { Block } from "../types/Block";
-import type { Layout } from "../types/Layout";
-/**
- * Registry of all page builder blocks, layouts & fields
- */
-export declare const pageBuilderBlocks: Ref<Record<string, Block>>;
-export declare const pageBuilderLayouts: Ref<Record<string, Layout>>;
-export declare function getBlocks(): Record<string, Block>;
-export declare function getLayouts(): Record<string, Layout>;
-/**
- * Get the thumbnail URL for a block directory
- * @param directory - Block directory path (e.g., "@page-builder/blocks/hero-section")
- * @returns Thumbnail URL or undefined if not found
- */
-export declare function getBlockThumbnailUrl(directory: string | undefined): string | undefined;
-export declare function getBlockComponent(blockType: string): Block | undefined;
-export declare function getLayoutFields(layoutName: string): Record<string, EditorFieldConfig>;
-export declare function initialiseRegistry(): Promise<void>;

package/dist/types/util/validation.d.ts

@@ -1,15 +0,0 @@
-import type { ValidatorFunction } from "./fieldConfig";
-export declare function validateField(value: any, validator: ValidatorFunction): Promise<string | boolean>;
-export interface ValidationResult {
-    title: string;
-    isValid: boolean;
-    errors: Record<string, string | boolean>;
-}
-/**
- * Validate all fields in the value
- * @param value - The value to validate
- * @param blocksKey - The key of the blocks in the value
- * @param settingsKey - The key of the settings in the value
- * @returns A record of validation results
- */
-export declare function validateAllFields(value: any, blocksKey?: string, settingsKey?: string): Promise<Record<string, ValidationResult>>;

package/dist/types/vite-plugin.d.ts

@@ -1,9 +0,0 @@
-import type { Plugin } from "vite";
-export interface VueWswgEditorPluginOptions {
-    /**
-     * Root directory in the host project.
-     * Example: "@/features/homepage"
-     */
-    rootDir: string;
-}
-export declare function vueWswgEditorPlugin(options: VueWswgEditorPluginOptions): Plugin;

package/dist/vite-plugin.js

@@ -1,53 +0,0 @@
-function l(u) {
-  const t = {
-    blocks: "\0vue-wswg-editor:blocks",
-    fields: "\0vue-wswg-editor:fields",
-    layouts: "\0vue-wswg-editor:layouts",
-    thumbnails: "\0vue-wswg-editor:thumbnails"
-  };
-  return {
-    name: "vue-wswg-editor-glob-plugin",
-    enforce: "pre",
-    // Run before other plugins to ensure import.meta.glob is processed correctly
-    config(e) {
-      const s = e.optimizeDeps || {}, r = s.exclude;
-      let o;
-      return Array.isArray(r) ? o = [...r] : typeof r == "string" ? o = [r] : o = [], o.includes("vue-wswg-editor") || o.push("vue-wswg-editor"), {
-        optimizeDeps: {
-          ...s,
-          exclude: o
-        }
-      };
-    },
-    resolveId(e) {
-      if (e.startsWith("vue-wswg-editor:")) {
-        const r = e.replace("vue-wswg-editor:", "");
-        if (r in t)
-          return t[r];
-      }
-      if (Object.values(t).includes(e))
-        return e;
-    },
-    load(e) {
-      switch (e) {
-        case t.layouts:
-          return `export const modules = import.meta.glob("${u.rootDir}/layout/**/*.vue", { eager: true });`;
-        case t.blocks:
-          return `export const modules = import.meta.glob("${u.rootDir}/blocks/**/*.vue", { eager: true });`;
-        case t.fields:
-          return `export const modules = import.meta.glob("${u.rootDir}/blocks/**/fields.ts", { eager: true });`;
-        case t.thumbnails:
-          return `export const modules = import.meta.glob("${u.rootDir}/blocks/**/thumbnail.png", { eager: true });`;
-        default:
-          return;
-      }
-    },
-    transform(e, s) {
-      if (Object.values(t).includes(s))
-        return null;
-    }
-  };
-}
-export {
-  l as vueWswgEditorPlugin
-};