@syntrologie/adapt-content 2.8.0-canary.62 → 2.8.0-canary.621

package/dist/types.d.ts

@@ -42,5 +42,17 @@ export interface SetStyleAction extends BaseAction {
     anchorId: AnchorId;
     styles: Record<string, string>;
 }
+/**
+ * Stylesheet-rule variant of setStyle — hides/styles every element matching
+ * a selector via an injected `<style>` rule, without ever resolving or
+ * waiting for a live DOM node. See the doc comment on
+ * `HideBySelectorAction` in `@syntrologie/runtime-sdk`'s `actions/types.ts`
+ * for the full rationale (BUG-1786758064).
+ */
+export interface HideBySelectorAction extends BaseAction {
+    kind: 'content:hideBySelector';
+    anchorId: AnchorId;
+    styles: Record<string, string>;
+}
 export type { ActionExecutor, ExecutorCleanup, ExecutorContext, ExecutorResult, ExecutorUpdate, } from '@syntrologie/sdk-contracts';
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACf,MAAM,4BAA4B,CAAC;AAEpC,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;AAMjD,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,IAAI,EAAE,qBAAqB,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAMD,YAAY,EACV,cAAc,EACd,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACf,MAAM,4BAA4B,CAAC;AAEpC,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;AAMjD,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,IAAI,EAAE,qBAAqB,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED;;;;;;GAMG;AACH,MAAM,WAAW,oBAAqB,SAAQ,UAAU;IACtD,IAAI,EAAE,wBAAwB,CAAC;IAC/B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAMD,YAAY,EACV,cAAc,EACd,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,4BAA4B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syntrologie/adapt-content",
-  "version": "2.8.0-canary.62",
+  "version": "2.8.0-canary.621",
   "description": "Adaptive Content app - DOM manipulation actions for text, attributes, and styles",
   "license": "Proprietary",
   "private": false,
@@ -22,47 +22,26 @@
     "./schema": {
       "types": "./dist/schema.d.ts",
       "import": "./dist/schema.js"
-    },
-    "./editor": {
-      "types": "./dist/editor.d.ts",
-      "import": "./dist/editor.js"
     }
   },
   "files": [
     "dist"
   ],
-  "bundledDependencies": [
-    "@syntrologie/shared-editor-ui"
-  ],
   "scripts": {
     "prepack": "node ../../../scripts/prepare-bundled-deps.mjs",
-    "build": "tsc",
+    "build": "tsc --emitDeclarationOnly && node ../scripts/build-lib.mjs",
     "typecheck": "tsc --noEmit",
     "clean": "rm -rf dist",
     "test": "vitest run",
     "test:watch": "vitest"
   },
-  "peerDependencies": {
-    "lucide-react": ">=0.400.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
-    "zod": "^3.0.0"
-  },
   "dependencies": {
-    "@syntrologie/shared-editor-ui": "*",
     "css-selector-generator": "3.8.0",
     "data-urls": "5.0.0"
   },
   "devDependencies": {
-    "@floating-ui/dom": "1.7.5",
     "@syntrologie/sdk-contracts": "*",
-    "@testing-library/react": "16.3.2",
-    "@types/react": "19.2.14",
-    "@types/react-dom": "19.2.3",
     "jsdom": "26.1.0",
-    "lucide-react": "0.576.0",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
     "typescript": "5.9.3",
     "vitest": "4.0.18",
     "zod": "3.25.76"

package/dist/cdn.d.ts

@@ -1,35 +0,0 @@
-/**
- * CDN Entry Point for Adaptive Content
- *
- * This module is bundled for CDN delivery and self-registers with the global
- * SynOS app registry when loaded dynamically via the AppLoader.
- */
-/**
- * App manifest for registry registration.
- * Follows the AppManifest interface expected by AppLoader/AppRegistry.
- */
-export declare const manifest: {
-    id: string;
-    version: string;
-    name: string;
-    description: string;
-    runtime: {
-        actions: {
-            kind: "content:insertHtml" | "content:setText" | "content:setAttr" | "content:addClass" | "content:removeClass" | "content:setStyle";
-            executor: import("packages/sdk-contracts/dist").ActionExecutor<import("./types").InsertHtmlAction> | import("packages/sdk-contracts/dist").ActionExecutor<import("./types").SetTextAction> | import("packages/sdk-contracts/dist").ActionExecutor<import("./types").SetAttrAction> | import("packages/sdk-contracts/dist").ActionExecutor<import("./types").AddClassAction> | import("packages/sdk-contracts/dist").ActionExecutor<import("./types").RemoveClassAction> | import("packages/sdk-contracts/dist").ActionExecutor<import("./types").SetStyleAction>;
-        }[];
-    };
-    editor: {
-        panel: {
-            title: string;
-            icon: string;
-            description: string;
-        };
-        component: typeof import("./content-editor-ui").ContentEditor;
-    };
-    metadata: {
-        isBuiltIn: boolean;
-    };
-};
-export default manifest;
-//# sourceMappingURL=cdn.d.ts.map

package/dist/cdn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;CAepB,CAAC;AAaF,eAAe,QAAQ,CAAC"}

package/dist/cdn.js

@@ -1,39 +0,0 @@
-/**
- * CDN Entry Point for Adaptive Content
- *
- * This module is bundled for CDN delivery and self-registers with the global
- * SynOS app registry when loaded dynamically via the AppLoader.
- */
-import { editor } from './editor';
-import { executors, runtime } from './runtime';
-/**
- * App manifest for registry registration.
- * Follows the AppManifest interface expected by AppLoader/AppRegistry.
- */
-export const manifest = {
-    id: runtime.id,
-    version: runtime.version,
-    name: runtime.name,
-    description: runtime.description,
-    runtime: {
-        actions: executors.map(({ kind, executor }) => ({
-            kind,
-            executor,
-        })),
-    },
-    editor,
-    metadata: {
-        isBuiltIn: true,
-    },
-};
-/**
- * Self-register with global registry if available.
- * This happens when loaded via script tag (UMD).
- */
-if (typeof window !== 'undefined') {
-    const registry = window.SynOS?.appRegistry;
-    if (registry && typeof registry.register === 'function') {
-        registry.register(manifest);
-    }
-}
-export default manifest;

package/dist/components/AnchorPicker.d.ts

@@ -1,8 +0,0 @@
-/**
- * Re-export AnchorPicker from shared-editor-ui.
- * This file exists for backwards compatibility — all consumers should
- * migrate to importing directly from @syntrologie/shared-editor-ui.
- */
-export type { AnchorPickerProps, PickedElement } from '@syntrologie/shared-editor-ui';
-export { AnchorPicker } from '@syntrologie/shared-editor-ui';
-//# sourceMappingURL=AnchorPicker.d.ts.map

package/dist/components/AnchorPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnchorPicker.d.ts","sourceRoot":"","sources":["../../src/components/AnchorPicker.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/components/AnchorPicker.js

@@ -1,6 +0,0 @@
-/**
- * Re-export AnchorPicker from shared-editor-ui.
- * This file exists for backwards compatibility — all consumers should
- * migrate to importing directly from @syntrologie/shared-editor-ui.
- */
-export { AnchorPicker } from '@syntrologie/shared-editor-ui';

package/dist/content-editor-state.d.ts

@@ -1,45 +0,0 @@
-/**
- * Adaptive Content - Editor State & Logic
- *
- * Pure helpers for the content editor: anchor resolution, types, section config,
- * flatten/filter logic, anchor detection hook, and dismissal management.
- */
-import type { ContentConfig } from './schema';
-/** Extract the CSS selector string from an anchorId (object or legacy string). */
-export declare function resolveAnchorSelector(anchorId: unknown): string;
-/** Extract the target route from an AnchorId object, ignoring wildcard '**'. */
-export declare function resolveAnchorRoute(anchorId: unknown): string | null;
-/** Save a pending highlight selector to sessionStorage (inlined to avoid cross-package import). */
-export declare function savePendingHighlight(selector: string): void;
-export type SectionKey = keyof ContentConfig;
-export interface ItemRef {
-    section: SectionKey;
-    index: number;
-}
-export declare function itemKey(section: SectionKey, index: number): string;
-export declare function parseItemKey(key: string): ItemRef;
-export declare const SECTION_ICON_MAP: Record<SectionKey, React.ComponentType<{
-    size?: number;
-    className?: string;
-}>>;
-export interface FlatItem {
-    key: string;
-    section: SectionKey;
-    index: number;
-    summary: string;
-    anchorId: string;
-    rawAnchorId: unknown;
-}
-/** Build a flat list of all items across all section types. */
-export declare function flattenItems(config: ContentConfig): FlatItem[];
-/** Remove items by key set from a config, returning a new config. */
-export declare function filterConfig(config: ContentConfig, dismissedKeys: Set<string>): ContentConfig;
-export interface DetectionEntry {
-    found: boolean;
-    element: HTMLElement | null;
-}
-export declare function useAnchorDetection(items: Array<{
-    key: string;
-    anchorId: string;
-}>): Map<string, DetectionEntry>;
-//# sourceMappingURL=content-editor-state.d.ts.map

package/dist/content-editor-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-editor-state.d.ts","sourceRoot":"","sources":["../src/content-editor-state.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAO9C,kFAAkF;AAClF,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAK/D;AAED,gFAAgF;AAChF,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CASnE;AAED,mGAAmG;AACnG,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,QAMpD;AAMD,MAAM,MAAM,UAAU,GAAG,MAAM,aAAa,CAAC;AAE7C,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAElE;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAGjD;AAMD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CACnC,UAAU,EACV,KAAK,CAAC,aAAa,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAQ3D,CAAC;AAMF,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,+DAA+D;AAC/D,wBAAgB,YAAY,CAAC,MAAM,EAAE,aAAa,GAAG,QAAQ,EAAE,CAkB9D;AAED,qEAAqE;AACrE,wBAAgB,YAAY,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,aAAa,CAW7F;AAMD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,GAC9C,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CA6B7B"}

package/dist/content-editor-state.js

@@ -1,123 +0,0 @@
-/**
- * Adaptive Content - Editor State & Logic
- *
- * Pure helpers for the content editor: anchor resolution, types, section config,
- * flatten/filter logic, anchor detection hook, and dismissal management.
- */
-import { FileCode, Minus, Palette, Plus, Tag, Type } from 'lucide-react';
-import { useEffect, useRef, useState } from 'react';
-import { summarizeContentChange } from './summarize';
-// ============================================================================
-// Anchor Helpers
-// ============================================================================
-/** Extract the CSS selector string from an anchorId (object or legacy string). */
-export function resolveAnchorSelector(anchorId) {
-    if (!anchorId)
-        return '';
-    if (typeof anchorId === 'string')
-        return anchorId;
-    if (typeof anchorId === 'object')
-        return anchorId.selector ?? '';
-    return '';
-}
-/** Extract the target route from an AnchorId object, ignoring wildcard '**'. */
-export function resolveAnchorRoute(anchorId) {
-    if (!anchorId || typeof anchorId !== 'object')
-        return null;
-    const route = anchorId.route;
-    if (typeof route === 'string' && route !== '**')
-        return route;
-    if (Array.isArray(route)) {
-        const first = route.find((r) => typeof r === 'string' && r !== '**');
-        return first ?? null;
-    }
-    return null;
-}
-/** Save a pending highlight selector to sessionStorage (inlined to avoid cross-package import). */
-export function savePendingHighlight(selector) {
-    try {
-        sessionStorage.setItem('syntro:editor:pending-highlight', selector);
-    }
-    catch {
-        // Silently ignore
-    }
-}
-export function itemKey(section, index) {
-    return `${section}:${index}`;
-}
-export function parseItemKey(key) {
-    const [section, indexStr] = key.split(':');
-    return { section: section, index: Number(indexStr) };
-}
-// ============================================================================
-// Section Config
-// ============================================================================
-export const SECTION_ICON_MAP = {
-    textReplacements: Type,
-    attributeChanges: Tag,
-    styleChanges: Palette,
-    htmlInsertions: FileCode,
-    classAdditions: Plus,
-    classRemovals: Minus,
-};
-/** Build a flat list of all items across all section types. */
-export function flattenItems(config) {
-    const items = [];
-    const sections = Object.keys(SECTION_ICON_MAP);
-    for (const section of sections) {
-        const arr = config[section] || [];
-        arr.forEach((item, i) => {
-            const rec = item;
-            items.push({
-                key: itemKey(section, i),
-                section,
-                index: i,
-                summary: summarizeContentChange(section, rec),
-                anchorId: resolveAnchorSelector(rec.anchorId),
-                rawAnchorId: rec.anchorId,
-            });
-        });
-    }
-    return items;
-}
-/** Remove items by key set from a config, returning a new config. */
-export function filterConfig(config, dismissedKeys) {
-    const result = { ...config };
-    const sections = Object.keys(SECTION_ICON_MAP);
-    for (const section of sections) {
-        const arr = config[section] || [];
-        const filtered = arr.filter((_, i) => !dismissedKeys.has(itemKey(section, i)));
-        if (filtered.length > 0 || config[section] !== undefined) {
-            result[section] = filtered;
-        }
-    }
-    return result;
-}
-export function useAnchorDetection(items) {
-    const [detectionMap, setDetectionMap] = useState(new Map());
-    const itemsRef = useRef(items);
-    itemsRef.current = items;
-    useEffect(() => {
-        const runDetection = () => {
-            const map = new Map();
-            for (const item of itemsRef.current) {
-                if (!item.anchorId) {
-                    map.set(item.key, { found: false, element: null });
-                    continue;
-                }
-                try {
-                    const el = document.querySelector(item.anchorId);
-                    map.set(item.key, { found: el !== null, element: el });
-                }
-                catch {
-                    map.set(item.key, { found: false, element: null });
-                }
-            }
-            setDetectionMap(map);
-        };
-        runDetection();
-        const interval = setInterval(runDetection, 2000);
-        return () => clearInterval(interval);
-    }, []);
-    return detectionMap;
-}

package/dist/content-editor-ui.d.ts

@@ -1,26 +0,0 @@
-/**
- * Adaptive Content - Editor UI Component
- *
- * Main editor component with tab switching, item selection, form inputs,
- * save/publish, and highlight on page.
- */
-import type { EditorPanelProps } from './types';
-export declare function ContentEditor({ config, onChange, editor }: EditorPanelProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Editor module configuration.
- */
-export declare const editor: {
-    panel: {
-        title: string;
-        icon: string;
-        description: string;
-    };
-    component: typeof ContentEditor;
-};
-export declare const editorPanel: {
-    title: string;
-    icon: string;
-    description: string;
-};
-export default ContentEditor;
-//# sourceMappingURL=content-editor-ui.d.ts.map

package/dist/content-editor-ui.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-editor-ui.d.ts","sourceRoot":"","sources":["../src/content-editor-ui.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgCH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAgBhD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAsjB3E;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;CAAe,CAAC;AAExC,eAAe,aAAa,CAAC"}