@mandolop97/constructor-nexora 1.0.7 → 1.0.9

package/dist/lib/block-registry.d.ts

@@ -1,5 +1,18 @@
-import { NodeType, NodeProps, NodeStyle } from '@/types/schema';
+import { NodeType, NodeProps, NodeStyle, TemplateType } from '@/types/schema';
 import React from 'react';
+export interface InspectorFieldDef {
+    /** Property key on NodeProps */
+    key: string;
+    /** Display label */
+    label: string;
+    /** Field type: text input, select dropdown, or color picker */
+    type: 'text' | 'select' | 'color' | 'number';
+    /** Options for 'select' type */
+    options?: {
+        label: string;
+        value: string;
+    }[];
+}
 export interface BlockDefinition {
     type: NodeType;
     label: string;
@@ -20,11 +33,32 @@ export interface BlockDefinition {
      * Only relevant for canHaveChildren=true blocks.
      */
     allowedChildren?: NodeType[];
+    /**
+     * Custom inspector fields for this block type.
+     * When defined, these fields are rendered in the Props tab of the inspector.
+     * Only relevant for custom/host-defined blocks.
+     */
+    inspectorFields?: InspectorFieldDef[];
+    /**
+     * Restrict this block to specific template types.
+     * If undefined or empty, the block appears in all template types.
+     */
+    allowedTemplateTypes?: TemplateType[];
 }
 export declare const blockRegistry: BlockDefinition[];
 export declare function getBlockDef(type: NodeType): BlockDefinition | undefined;
+/**
+ * Register a custom block definition at runtime.
+ * It will appear in the blocks palette and support drag-and-drop.
+ * If a block with the same type already exists it will be replaced.
+ */
+export declare function registerBlock(def: BlockDefinition): void;
+/** Register multiple custom blocks at once. */
+export declare function registerBlocks(defs: BlockDefinition[]): void;
 export declare function getCategories(): string[];
-export declare function getBlocksByCategory(category: string): BlockDefinition[];
+export declare function getBlocksByCategory(category: string, templateType?: TemplateType): BlockDefinition[];
+/** Get categories that have at least one block for the given templateType */
+export declare function getCategoriesForTemplate(templateType?: TemplateType): string[];
 /**
  * Check if a child node type can be placed inside a given parent node type.
  * - If child has allowedParents defined, parent must be in that list OR be the root.

package/dist/lib/node-factory.d.ts

@@ -1,3 +1,11 @@
 import { SchemaNode, NodeType } from '@/types/schema';
 export declare function isContainerType(type: NodeType): boolean;
 export declare function createNode(type: NodeType): SchemaNode;
+/**
+ * Deep-clone a node and all its descendants, assigning fresh IDs.
+ * Returns a map of all new nodes (keyed by new ID) and the new root ID.
+ */
+export declare function duplicateNodeTree(sourceId: string, nodes: Record<string, SchemaNode>): {
+    newNodes: Record<string, SchemaNode>;
+    newRootId: string;
+};

package/dist/types/schema.d.ts

@@ -1,4 +1,7 @@
-export type NodeType = 'Section' | 'Container' | 'Grid' | 'Stack' | 'Text' | 'Image' | 'Divider' | 'Badge' | 'Button' | 'Card' | 'Input' | 'ProductCard' | 'Navbar' | 'Footer' | 'AnnouncementBar' | 'FeatureBar' | 'TestimonialCard' | 'NewsletterSection' | 'HeroSection' | 'Accordion' | 'TabsBlock' | 'VideoEmbed';
+import React from 'react';
+export type BuiltInNodeType = 'Section' | 'Container' | 'Grid' | 'Stack' | 'Text' | 'Image' | 'Divider' | 'Badge' | 'Button' | 'Card' | 'Input' | 'ProductCard' | 'Navbar' | 'Footer' | 'AnnouncementBar' | 'FeatureBar' | 'TestimonialCard' | 'NewsletterSection' | 'HeroSection' | 'Accordion' | 'TabsBlock' | 'VideoEmbed';
+/** Extensible node type — accepts all built-in types plus any custom string. */
+export type NodeType = BuiltInNodeType | (string & {});
 export interface NodeStyle {
     padding?: string;
     margin?: string;
@@ -106,6 +109,8 @@ export interface SchemaNode {
     children: string[];
     locked?: boolean;
     hidden?: boolean;
+    /** User-defined custom name for this node (shown in Layers panel) */
+    customName?: string;
 }
 export interface ThemeTokens {
     colors: {
@@ -154,5 +159,19 @@ export interface PageDefinition {
     title: string;
     schema: Schema;
     status?: 'published' | 'draft';
+    /** Type of template being edited. Determines canvas behavior. */
+    templateType?: TemplateType;
+    /** Category for grouping in the sidebar (e.g. "Páginas", "Elementos Globales", "Templates") */
+    category?: string;
+    /** Optional icon component for the page list */
+    icon?: React.ComponentType;
+    /** Custom canvas dimensions. Overrides templateType defaults. */
+    canvasSize?: {
+        width: number;
+        height: number;
+    };
+    /** Mock data injected into custom components in edit/preview mode */
+    mockData?: Record<string, any>;
 }
 export type RenderMode = 'public' | 'preview' | 'edit';
+export type TemplateType = 'page' | 'header' | 'footer' | 'component' | 'single';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mandolop97/constructor-nexora",
   "private": false,
-  "version": "1.0.7",
+  "version": "1.0.9",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -17,9 +17,7 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
-  "files": [
-    "dist"
-  ],
+  "files": ["dist"],
   "scripts": {
     "dev": "vite",
     "build": "vite build",