@ankhorage/studio 0.0.10 → 0.0.12

package/README.md

@@ -3,7 +3,7 @@
 
 # @ankhorage/studio
 
-![license: MIT](././paradox/badges/license.svg) ![npm: v0.0.8](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
+![license: MIT](././paradox/badges/license.svg) ![npm: v0.0.11](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
 
 Standalone Studio authoring package for Ankhorage apps.
 

package/dist/canvasDragModel.d.ts

@@ -0,0 +1,16 @@
+import type { CanvasDropZoneResolution, ValidCanvasDropZoneResolution } from './canvasDropZones';
+export interface StudioCanvasDragPayload {
+    kind: 'studio-canvas-node';
+    nodeId: string;
+}
+export interface CanvasDropZoneSlots {
+    validDropZones: readonly ValidCanvasDropZoneResolution[];
+    beforeDropZone: ValidCanvasDropZoneResolution | null;
+    insideDropZone: ValidCanvasDropZoneResolution | null;
+    afterDropZone: ValidCanvasDropZoneResolution | null;
+}
+export declare function createStudioCanvasDragPayload(nodeId: string): StudioCanvasDragPayload;
+export declare function isStudioCanvasDragPayload(value: unknown): value is StudioCanvasDragPayload;
+export declare function isValidCanvasDropZone(zone: CanvasDropZoneResolution): zone is ValidCanvasDropZoneResolution;
+export declare function resolveCanvasDropZoneSlots(zones: readonly CanvasDropZoneResolution[]): CanvasDropZoneSlots;
+//# sourceMappingURL=canvasDragModel.d.ts.map

package/dist/canvasDragModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasDragModel.d.ts","sourceRoot":"","sources":["../src/canvasDragModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC;AAGjG,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,SAAS,6BAA6B,EAAE,CAAC;IACzD,cAAc,EAAE,6BAA6B,GAAG,IAAI,CAAC;IACrD,cAAc,EAAE,6BAA6B,GAAG,IAAI,CAAC;IACrD,aAAa,EAAE,6BAA6B,GAAG,IAAI,CAAC;CACrD;AAED,wBAAgB,6BAA6B,CAAC,MAAM,EAAE,MAAM,GAAG,uBAAuB,CAErF;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,uBAAuB,CAM1F;AAED,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,wBAAwB,GAC7B,IAAI,IAAI,6BAA6B,CAEvC;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,SAAS,wBAAwB,EAAE,GACzC,mBAAmB,CASrB"}

package/dist/canvasDragModel.js

@@ -0,0 +1,27 @@
+export function createStudioCanvasDragPayload(nodeId) {
+    return { kind: 'studio-canvas-node', nodeId };
+}
+export function isStudioCanvasDragPayload(value) {
+    if (typeof value !== 'object' || value === null)
+        return false;
+    if (!('kind' in value) || !('nodeId' in value))
+        return false;
+    const candidate = value;
+    return candidate.kind === 'studio-canvas-node' && typeof candidate.nodeId === 'string';
+}
+export function isValidCanvasDropZone(zone) {
+    return zone.status === 'valid';
+}
+export function resolveCanvasDropZoneSlots(zones) {
+    const validDropZones = zones.filter(isValidCanvasDropZone);
+    return {
+        validDropZones,
+        beforeDropZone: findDropZoneByKind(validDropZones, 'before'),
+        insideDropZone: findDropZoneByKind(validDropZones, 'inside'),
+        afterDropZone: findDropZoneByKind(validDropZones, 'after'),
+    };
+}
+function findDropZoneByKind(zones, kind) {
+    return zones.find((zone) => zone.kind === kind) ?? null;
+}
+//# sourceMappingURL=canvasDragModel.js.map

package/dist/canvasDragModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasDragModel.js","sourceRoot":"","sources":["../src/canvasDragModel.ts"],"names":[],"mappings":"AAeA,MAAM,UAAU,6BAA6B,CAAC,MAAc;IAC1D,OAAO,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,KAAc;IACtD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC;IAC9D,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAE7D,MAAM,SAAS,GAAG,KAA6C,CAAC;IAChE,OAAO,SAAS,CAAC,IAAI,KAAK,oBAAoB,IAAI,OAAO,SAAS,CAAC,MAAM,KAAK,QAAQ,CAAC;AACzF,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,IAA8B;IAE9B,OAAO,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,0BAA0B,CACxC,KAA0C;IAE1C,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;IAE3D,OAAO;QACL,cAAc;QACd,cAAc,EAAE,kBAAkB,CAAC,cAAc,EAAE,QAAQ,CAAC;QAC5D,cAAc,EAAE,kBAAkB,CAAC,cAAc,EAAE,QAAQ,CAAC;QAC5D,aAAa,EAAE,kBAAkB,CAAC,cAAc,EAAE,OAAO,CAAC;KAC3D,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CACzB,KAA+C,EAC/C,IAAmB;IAEnB,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC;AAC1D,CAAC"}

package/dist/insertModalModel.d.ts

@@ -0,0 +1,24 @@
+import type { UiNode } from '@ankhorage/contracts';
+import type { InsertCatalogEntry, StudioComponentMetaRegistry } from './index';
+export interface InsertCategoryGroup {
+    category: string;
+    label: string;
+    entries: InsertCatalogEntry[];
+}
+export declare function filterInsertCatalogEntries(entries: InsertCatalogEntry[], query: string): InsertCatalogEntry[];
+export declare function groupInsertEntries(args: {
+    entries: InsertCatalogEntry[];
+    getCategoryLabel: (category: string) => string;
+}): InsertCategoryGroup[];
+export declare function resolveNodeLabel(args: {
+    node: UiNode | null;
+    componentMeta: StudioComponentMetaRegistry;
+    fallbackLabel?: string;
+}): string;
+export declare function getPlacementHint(args: {
+    entry: InsertCatalogEntry;
+    rootNode: UiNode | null;
+    findNode: (root: UiNode, id: string) => UiNode | null;
+    componentMeta: StudioComponentMetaRegistry;
+}): string | null;
+//# sourceMappingURL=insertModalModel.d.ts.map

package/dist/insertModalModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insertModalModel.d.ts","sourceRoot":"","sources":["../src/insertModalModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE/E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAED,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,kBAAkB,EAAE,EAC7B,KAAK,EAAE,MAAM,GACZ,kBAAkB,EAAE,CActB;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE;IACvC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CAChD,GAAG,mBAAmB,EAAE,CAsBxB;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE;IACrC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,aAAa,EAAE,2BAA2B,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,MAAM,CAKT;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE;IACrC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACtD,aAAa,EAAE,2BAA2B,CAAC;CAC5C,GAAG,MAAM,GAAG,IAAI,CAwBhB"}

package/dist/insertModalModel.js

@@ -0,0 +1,58 @@
+export function filterInsertCatalogEntries(entries, query) {
+    const normalizedQuery = query.trim().toLowerCase();
+    if (normalizedQuery.length === 0) {
+        return entries;
+    }
+    return entries.filter((entry) => {
+        const description = entry.description?.toLowerCase() ?? '';
+        return (entry.label.toLowerCase().includes(normalizedQuery) ||
+            entry.rootType.toLowerCase().includes(normalizedQuery) ||
+            description.includes(normalizedQuery));
+    });
+}
+export function groupInsertEntries(args) {
+    const { entries, getCategoryLabel } = args;
+    const groups = [];
+    const byCategory = new Map();
+    for (const entry of entries) {
+        const existing = byCategory.get(entry.category);
+        if (existing) {
+            existing.entries.push(entry);
+            continue;
+        }
+        const group = {
+            category: entry.category,
+            label: getCategoryLabel(entry.category),
+            entries: [entry],
+        };
+        byCategory.set(entry.category, group);
+        groups.push(group);
+    }
+    return groups;
+}
+export function resolveNodeLabel(args) {
+    const { node, componentMeta, fallbackLabel = 'selection' } = args;
+    if (!node)
+        return fallbackLabel;
+    return node.alias ?? componentMeta[node.type]?.blueprint?.label ?? node.type;
+}
+export function getPlacementHint(args) {
+    const { entry, rootNode, findNode, componentMeta } = args;
+    if (entry.status !== 'enabled' || !entry.placement || !rootNode) {
+        return null;
+    }
+    const { placement } = entry;
+    const targetId = placement.kind === 'inside'
+        ? placement.parentId
+        : (placement.referenceId ?? placement.parentId);
+    const targetNode = findNode(rootNode, targetId);
+    const targetLabel = resolveNodeLabel({ node: targetNode, componentMeta });
+    if (placement.kind === 'before') {
+        return `Inserts before ${targetLabel}`;
+    }
+    if (placement.kind === 'after') {
+        return `Inserts after ${targetLabel}`;
+    }
+    return `Inserts inside ${targetLabel}`;
+}
+//# sourceMappingURL=insertModalModel.js.map

package/dist/insertModalModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insertModalModel.js","sourceRoot":"","sources":["../src/insertModalModel.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ankhorage/studio",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "Studio authoring package for Ankhorage apps",
   "license": "MIT",
   "homepage": "https://github.com/ankhorage/studio#readme",
@@ -28,10 +28,18 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./canvasDragModel": {
+      "types": "./dist/canvasDragModel.d.ts",
+      "import": "./dist/canvasDragModel.js"
+    },
     "./canvasDropZones": {
       "types": "./dist/canvasDropZones.d.ts",
       "import": "./dist/canvasDropZones.js"
     },
+    "./insertModalModel": {
+      "types": "./dist/insertModalModel.d.ts",
+      "import": "./dist/insertModalModel.js"
+    },
     "./localizationConfig": {
       "types": "./dist/localizationConfig.d.ts",
       "import": "./dist/localizationConfig.js"