@kustomizer/visual-editor 0.0.1 → 0.1.0

package/LICENSE

@@ -0,0 +1,12 @@
+Kustomizer Proprietary License
+
+Copyright (c) 2025 Kustomizer. All rights reserved.
+
+This software is proprietary and requires a valid Kustomizer subscription
+to use. You may not copy, modify, distribute, sell, or sublicense this
+software or any portion of it without a valid license agreement.
+
+Use of this software is governed by the Kustomizer Terms of Service
+available at https://kustomizer.dev/terms.
+
+For licensing inquiries, contact: support@kustomizer.dev

package/README.md

@@ -1,13 +1,15 @@
-# Visual Editor
+# @kustomizer/visual-editor
 
-Librería Angular para crear editores visuales drag & drop estilo Shopify Customizer. Permite registrar componentes personalizados desde la aplicación consumidora con schema de propiedades y soporte para slots/children.
+Angular visual page builder for Shopify storefronts. Provides a drag & drop editor engine with component registry, NgRx state management, SSR support, and iframe-based live preview.
 
-## Instalación
+> **Note:** This is a paid package. A valid Kustomizer subscription is required. See [LICENSE](./LICENSE) for terms.
 
-La librería requiere NgRx como peer dependency:
+**Links:** [Integration Guide](../../docs/integration-guide.md) | [Starter Template](../../templates/starter-storefront/) | [Public Storefront Reference](../public-storefront/)
+
+## Installation
 
 ```bash
-npm install @ngrx/store @ngrx/effects
+npm install @kustomizer/visual-editor @ngrx/store @ngrx/effects
 ```
 
 ## Configuración Inicial
@@ -21,7 +23,7 @@ import { provideStoreDevtools } from '@ngrx/store-devtools';
 import {
   provideVisualEditorStore,
   provideEditorComponents,
-} from '@kustomizer/visual-editor';
+} from 'visual-editor';
 
 // Importar definiciones de componentes
 import { heroSectionDefinition } from './editor-components/hero-section.definition';
@@ -52,7 +54,7 @@ export const appConfig: ApplicationConfig = {
 ```typescript
 // hero-section.component.ts
 import { Component, ChangeDetectionStrategy, input, computed } from '@angular/core';
-import { SlotRendererComponent, EditorElement } from '@kustomizer/visual-editor';
+import { SlotRendererComponent, EditorElement } from 'visual-editor';
 
 @Component({
   selector: 'app-hero-section',
@@ -118,7 +120,7 @@ export class HeroSectionComponent {
 
 ```typescript
 // hero-section.definition.ts
-import { ComponentDefinition } from '@kustomizer/visual-editor';
+import { ComponentDefinition } from 'visual-editor';
 import { HeroSectionComponent } from './hero-section.component';
 
 export const heroSectionDefinition: ComponentDefinition = {
@@ -236,7 +238,7 @@ import { Component, inject } from '@angular/core';
 import {
   VisualEditorFacade,
   DynamicRendererComponent,
-} from '@kustomizer/visual-editor';
+} from 'visual-editor';
 
 @Component({
   selector: 'app-editor',
@@ -442,7 +444,7 @@ interface SlotConstraints {
 Acceso directo al registro (el Facade lo usa internamente):
 
 ```typescript
-import { ComponentRegistryService } from '@kustomizer/visual-editor';
+import { ComponentRegistryService } from 'visual-editor';
 
 @Component({...})
 export class MyComponent {
@@ -490,7 +492,7 @@ export class MyComponent {
 Renderiza cualquier `EditorElement` o `EditorSection` basándose en su `type`:
 
 ```typescript
-import { DynamicRendererComponent } from '@kustomizer/visual-editor';
+import { DynamicRendererComponent } from 'visual-editor';
 
 @Component({
   imports: [DynamicRendererComponent],
@@ -513,7 +515,7 @@ export class PreviewComponent {
 Renderiza children dentro de un slot específico:
 
 ```typescript
-import { SlotRendererComponent, EditorElement } from '@kustomizer/visual-editor';
+import { SlotRendererComponent, EditorElement } from 'visual-editor';
 
 @Component({
   imports: [SlotRendererComponent],
@@ -580,7 +582,7 @@ interface EditorElement {
 ### Acciones Disponibles
 
 ```typescript
-import { VisualEditorActions } from '@kustomizer/visual-editor';
+import { VisualEditorActions } from 'visual-editor';
 
 // Secciones
 VisualEditorActions.addSection({ section, index? })
@@ -629,7 +631,7 @@ import {
   selectHistory,
   selectSectionById,
   selectElementById,
-} from '@kustomizer/visual-editor';
+} from 'visual-editor';
 ```
 
 ## Build
@@ -638,4 +640,12 @@ import {
 ng build visual-editor
 ```
 
-Los artefactos se generan en `dist/visual-editor`.
+Build artifacts are generated in `dist/visual-editor`.
+
+## Publishing
+
+```bash
+ng build visual-editor
+cd dist/visual-editor
+npm publish
+```