@ankhorage/studio 0.0.11 → 0.0.13

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/runtimeLocalization.d.ts

@@ -0,0 +1,25 @@
+export declare const STUDIO_LOCALIZED_PROP_PAIRS: readonly [readonly ["i18nKey", "text"], readonly ["titleI18nKey", "title"], readonly ["descriptionI18nKey", "description"], readonly ["eyebrowI18nKey", "eyebrow"], readonly ["labelI18nKey", "label"], readonly ["helperTextI18nKey", "helperText"], readonly ["errorTextI18nKey", "errorText"], readonly ["metaI18nKey", "meta"], readonly ["childrenI18nKey", "children"]];
+export type StudioLocalizedPropPair = (typeof STUDIO_LOCALIZED_PROP_PAIRS)[number];
+export interface StudioRuntimeNodePropsResolverContext {
+    node: {
+        id: string;
+        type: string;
+    };
+    props: Record<string, unknown>;
+}
+export type StudioRuntimeNodePropsResolver = (context: StudioRuntimeNodePropsResolverContext) => Record<string, unknown>;
+export interface StudioRuntimeActionHandlerContext {
+    action: unknown;
+    context: StudioRuntimeNodePropsResolverContext;
+}
+export type StudioRuntimeActionHandlers = Record<string, (context: StudioRuntimeActionHandlerContext) => void>;
+export declare function resolveLocalizedPropValue(args: {
+    props: Record<string, unknown>;
+    keyProp: string;
+    targetProp: string;
+    translate: (key: string) => string;
+}): string | undefined;
+export declare function createStudioLocalizationNodePropsResolver(translate: (key: string) => string): StudioRuntimeNodePropsResolver;
+export declare function getSetLanguageLocale(action: unknown): string | undefined;
+export declare function createStudioLocalizationActionHandlers(setActiveLocale: (locale: string) => void): StudioRuntimeActionHandlers;
+//# sourceMappingURL=runtimeLocalization.d.ts.map

package/dist/runtimeLocalization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtimeLocalization.d.ts","sourceRoot":"","sources":["../src/runtimeLocalization.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B,+WAU9B,CAAC;AAEX,MAAM,MAAM,uBAAuB,GAAG,CAAC,OAAO,2BAA2B,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnF,MAAM,WAAW,qCAAqC;IACpD,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,MAAM,MAAM,8BAA8B,GAAG,CAC3C,OAAO,EAAE,qCAAqC,KAC3C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE7B,MAAM,WAAW,iCAAiC;IAChD,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,qCAAqC,CAAC;CAChD;AAED,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAC9C,MAAM,EACN,CAAC,OAAO,EAAE,iCAAiC,KAAK,IAAI,CACrD,CAAC;AAUF,wBAAgB,yBAAyB,CAAC,IAAI,EAAE;IAC9C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,GAAG,MAAM,GAAG,SAAS,CAkBrB;AAED,wBAAgB,yCAAyC,CACvD,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GACjC,8BAA8B,CAuBhC;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAiBxE;AAED,wBAAgB,sCAAsC,CACpD,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GACxC,2BAA2B,CAS7B"}

package/dist/runtimeLocalization.js

@@ -0,0 +1,78 @@
+export const STUDIO_LOCALIZED_PROP_PAIRS = [
+    ['i18nKey', 'text'],
+    ['titleI18nKey', 'title'],
+    ['descriptionI18nKey', 'description'],
+    ['eyebrowI18nKey', 'eyebrow'],
+    ['labelI18nKey', 'label'],
+    ['helperTextI18nKey', 'helperText'],
+    ['errorTextI18nKey', 'errorText'],
+    ['metaI18nKey', 'meta'],
+    ['childrenI18nKey', 'children'],
+];
+function isNonEmptyString(value) {
+    return typeof value === 'string' && value.length > 0;
+}
+function hasOwnProp(props, key) {
+    return Object.prototype.hasOwnProperty.call(props, key);
+}
+export function resolveLocalizedPropValue(args) {
+    const { props, keyProp, targetProp, translate } = args;
+    const key = props[keyProp];
+    if (!isNonEmptyString(key)) {
+        return undefined;
+    }
+    const translated = translate(key);
+    if (isNonEmptyString(translated) && translated !== key) {
+        return translated;
+    }
+    if (hasOwnProp(props, targetProp)) {
+        return undefined;
+    }
+    return key;
+}
+export function createStudioLocalizationNodePropsResolver(translate) {
+    return ({ props }) => {
+        let resolvedProps;
+        for (const [keyProp, targetProp] of STUDIO_LOCALIZED_PROP_PAIRS) {
+            const localizedValue = resolveLocalizedPropValue({
+                props,
+                keyProp,
+                targetProp,
+                translate,
+            });
+            if (localizedValue === undefined) {
+                continue;
+            }
+            const nextProps = resolvedProps ?? { ...props };
+            nextProps[targetProp] = localizedValue;
+            resolvedProps = nextProps;
+        }
+        return resolvedProps ?? props;
+    };
+}
+export function getSetLanguageLocale(action) {
+    if (typeof action !== 'object' || action === null || Array.isArray(action)) {
+        return undefined;
+    }
+    const record = action;
+    if (record.type !== 'setLanguage') {
+        return undefined;
+    }
+    const { payload } = record;
+    if (typeof payload !== 'object' || payload === null || Array.isArray(payload)) {
+        return undefined;
+    }
+    const { locale } = payload;
+    return typeof locale === 'string' && locale.length > 0 ? locale : undefined;
+}
+export function createStudioLocalizationActionHandlers(setActiveLocale) {
+    return {
+        setLanguage: ({ action }) => {
+            const locale = getSetLanguageLocale(action);
+            if (locale !== undefined) {
+                setActiveLocale(locale);
+            }
+        },
+    };
+}
+//# sourceMappingURL=runtimeLocalization.js.map

package/dist/runtimeLocalization.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ankhorage/studio",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "Studio authoring package for Ankhorage apps",
   "license": "MIT",
   "homepage": "https://github.com/ankhorage/studio#readme",
@@ -28,6 +28,10 @@
       "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"
@@ -55,6 +59,10 @@
     "./routeUtils": {
       "types": "./dist/routeUtils.d.ts",
       "import": "./dist/routeUtils.js"
+    },
+    "./runtimeLocalization": {
+      "types": "./dist/runtimeLocalization.d.ts",
+      "import": "./dist/runtimeLocalization.js"
     }
   },
   "scripts": {