@kustomizer/visual-editor 0.1.0 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kustomizer/visual-editor",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Angular visual page builder for Shopify storefronts — drag & drop editor with component registry, NgRx state, SSR support, and iframe preview",
   "license": "SEE LICENSE IN LICENSE",
   "keywords": [

package/types/kustomizer-visual-editor.d.ts

@@ -894,8 +894,17 @@ interface ResolvedPreset {
  */
 declare class ComponentRegistryService {
     private readonly definitions;
+    private readonly _version;
     private readonly injectedDefinitions;
     constructor();
+    /**
+     * Clear all registered definitions
+     */
+    clear(): void;
+    /**
+     * Unregister a single component definition by type
+     */
+    unregister(type: string): boolean;
     /**
      * Register a component definition
      */
@@ -1027,8 +1036,7 @@ declare class DynamicRendererComponent {
     /** Additional context (sectionId, index, etc.) */
     readonly context: _angular_core.InputSignal<Record<string, unknown>>;
     /** Error state signal */
-    private _error;
-    error: () => boolean;
+    readonly error: _angular_core.WritableSignal<boolean>;
     private componentRef;
     private currentType;
     private currentAvailableInputs;
@@ -1448,7 +1456,7 @@ declare class VisualEditorComponent implements OnInit, OnDestroy {
     private readonly config;
     private readonly dndService;
     private readonly iframeBridge;
-    private readonly storefrontUrl;
+    private readonly storefrontUrlService;
     private readonly sanitizer;
     private readonly destroy$;
     readonly showBackButton: _angular_core.Signal<boolean>;
@@ -1926,18 +1934,28 @@ interface ComponentManifestEntry {
  * the entries in the ComponentRegistryService as "virtual" definitions
  * (no Angular component class — only metadata for palette and property panel).
  */
-declare class ManifestLoaderService {
+declare class ManifestLoaderService implements OnDestroy {
     private readonly http;
     private readonly registry;
+    private watchInterval;
+    private lastManifestHash;
+    private manifestTypes;
     /**
      * Fetch the manifest from the given URL and register all components.
      */
     loadManifest(url: string): Observable<ComponentManifest>;
+    /**
+     * Poll the manifest URL for changes and re-register components when the
+     * content hash differs. Only active in dev mode. No-op in production.
+     */
+    startWatching(manifestUrl: string, intervalMs?: number): void;
+    ngOnDestroy(): void;
     /**
      * Register manifest entries in the ComponentRegistryService.
      * Each entry becomes a ComponentDefinition without a `component` field.
      */
     registerManifestComponents(manifest: ComponentManifest): void;
+    private hashManifest;
     private manifestEntryToDefinition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ManifestLoaderService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ManifestLoaderService>;
@@ -2014,6 +2032,31 @@ declare class IframeBridgeService implements OnDestroy {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<IframeBridgeService>;
 }
 
+/**
+ * Service that holds and dynamically loads the per-merchant storefront URL.
+ *
+ * Resolution order:
+ * 1. Metafield value loaded from GET /api/storefront-url (per-shop)
+ * 2. Static STOREFRONT_URL injection token (env var / window global fallback)
+ * 3. Empty string (editor works with local components only)
+ */
+declare class StorefrontUrlService {
+    private readonly http;
+    private readonly staticUrl;
+    /** Current storefront URL — reactive signal used by the editor and iframe. */
+    readonly url: _angular_core.WritableSignal<string>;
+    /**
+     * Load the storefront URL from the backend metafield.
+     * Falls back to the static STOREFRONT_URL token if the endpoint
+     * returns no value or fails.
+     *
+     * Called during APP_INITIALIZER.
+     */
+    load(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StorefrontUrlService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<StorefrontUrlService>;
+}
+
 declare class DragDropService {
     private readonly store;
     private readonly registry;
@@ -2044,5 +2087,5 @@ declare class VisualEditor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<VisualEditor, "lib-visual-editor", never, {}, {}, never, never, true, never>;
 }
 
-export { BlockTreeItemComponent, CREATE_METAFIELD_DEFINITION_MUTATION, ComponentRegistryService, DEFAULT_ROUTER_NAVIGATION_CONFIG, DEFAULT_VISUAL_EDITOR_CONFIG, DELETE_METAFIELDS_MUTATION, DELETE_METAFIELD_DEFINITION_MUTATION, DefaultRouterNavigationService, DragDropService, DynamicRendererComponent, EDITOR_COMPONENT_DEFINITIONS, FILES_QUERY, GET_METAFIELD_DEFINITION_QUERY, GET_SHOP_ID_QUERY, GET_SHOP_METAFIELD_QUERY, INDEX_KEY, IframeBridgeService, InputPageLoadingStrategy, MAX_METAFIELD_SIZE, ManifestLoaderService, NAMESPACE, PageLoadingStrategy, PageManagerComponent, PageService, PageShopifyRepository, PageStorefrontRepository, ROUTER_NAVIGATION_CONFIG, RoutePageLoadingStrategy, SET_METAFIELD_MUTATION, SHOPIFY_CONFIG, STOREFRONT_CONFIG, STOREFRONT_URL, ShopifyFilePickerComponent, ShopifyFilesService, ShopifyGraphQLClient, ShopifyMetafieldRepository, SlotRendererComponent, StorefrontGraphQLClient, StorefrontMetafieldRepository, USE_IN_MEMORY_PAGES, VISUAL_EDITOR_CONFIG, VISUAL_EDITOR_FEATURE_KEY, VisualEditor, VisualEditorActions, VisualEditorComponent, VisualEditorFacade, VisualEditorNavigation, initialVisualEditorState, provideEditorComponents, provideVisualEditor, provideVisualEditorStore, selectBlocksForSection, selectBlocksForSlot, selectCanRedo, selectCanUndo, selectCurrentPage, selectCurrentPageId, selectCurrentPageSlug, selectCurrentPageStatus, selectCurrentPageTitle, selectCurrentPageVersion, selectDraggedElementId, selectElementById, selectHistory, selectHistoryIndex, selectHistoryLength, selectIsDirty, selectIsDragging, selectIsPageLoaded, selectLastAction, selectSectionById, selectSections, selectSelectedBlock, selectSelectedBlockSlotName, selectSelectedElement, selectSelectedElementId, selectSelectedElementType, selectSelectedSection, selectSelectedSectionId, selectSelectedSectionType, selectVisualEditorState, visualEditorReducer };
+export { BlockTreeItemComponent, CREATE_METAFIELD_DEFINITION_MUTATION, ComponentRegistryService, DEFAULT_ROUTER_NAVIGATION_CONFIG, DEFAULT_VISUAL_EDITOR_CONFIG, DELETE_METAFIELDS_MUTATION, DELETE_METAFIELD_DEFINITION_MUTATION, DefaultRouterNavigationService, DragDropService, DynamicRendererComponent, EDITOR_COMPONENT_DEFINITIONS, FILES_QUERY, GET_METAFIELD_DEFINITION_QUERY, GET_SHOP_ID_QUERY, GET_SHOP_METAFIELD_QUERY, INDEX_KEY, IframeBridgeService, InputPageLoadingStrategy, MAX_METAFIELD_SIZE, ManifestLoaderService, NAMESPACE, PageLoadingStrategy, PageManagerComponent, PageService, PageShopifyRepository, PageStorefrontRepository, ROUTER_NAVIGATION_CONFIG, RoutePageLoadingStrategy, SET_METAFIELD_MUTATION, SHOPIFY_CONFIG, STOREFRONT_CONFIG, STOREFRONT_URL, ShopifyFilePickerComponent, ShopifyFilesService, ShopifyGraphQLClient, ShopifyMetafieldRepository, SlotRendererComponent, StorefrontGraphQLClient, StorefrontMetafieldRepository, StorefrontUrlService, USE_IN_MEMORY_PAGES, VISUAL_EDITOR_CONFIG, VISUAL_EDITOR_FEATURE_KEY, VisualEditor, VisualEditorActions, VisualEditorComponent, VisualEditorFacade, VisualEditorNavigation, initialVisualEditorState, provideEditorComponents, provideVisualEditor, provideVisualEditorStore, selectBlocksForSection, selectBlocksForSlot, selectCanRedo, selectCanUndo, selectCurrentPage, selectCurrentPageId, selectCurrentPageSlug, selectCurrentPageStatus, selectCurrentPageTitle, selectCurrentPageVersion, selectDraggedElementId, selectElementById, selectHistory, selectHistoryIndex, selectHistoryLength, selectIsDirty, selectIsDragging, selectIsPageLoaded, selectLastAction, selectSectionById, selectSections, selectSelectedBlock, selectSelectedBlockSlotName, selectSelectedElement, selectSelectedElementId, selectSelectedElementType, selectSelectedSection, selectSelectedSectionId, selectSelectedSectionType, selectVisualEditorState, visualEditorReducer };
 export type { BlockPickerTarget, BlockTreeContext, ComponentCategory, ComponentDefinition, ComponentManifest, ComponentManifestEntry, ComponentPreset, ConfirmDialogOptions, CreatePageRequest, DeselectMessage, DragItem, DragItemKind, DropTarget, DropZone, EditorElement, EditorSection, ElementClickedMessage, ElementHoverMessage, ElementMovedMessage, HistoryEntry, Metafield, Page, PageContext, PageIndexEntry, PageStatus, PageSummary, PageUpdateMessage, PagesIndex, PresetBlockConfig, PropCondition, PropSchema, PropSchemaMap, PropType, PropValidation, PublishPageRequest, ReadyMessage, ResolvedPreset, RouterNavigationConfig, SelectElementMessage, SelectOption, ShopifyConfig, ShopifyFile, ShopifyFilesPage, SlotConstraints, SlotDefinition, StorefrontConfig, UpdatePageRequest, VisualEditorConfig, VisualEditorNavigationTarget, VisualEditorState };