@nordcraft/runtime 1.0.58 → 1.0.60

package/dist/editor/input.d.ts

@@ -0,0 +1 @@
+export declare const isInputTarget: (event: Event) => boolean;

package/dist/editor/input.js

@@ -0,0 +1,16 @@
+export const isInputTarget = (event) => {
+    const target = event.target;
+    if (target instanceof HTMLElement) {
+        if (target.tagName === 'INPUT' ||
+            target.tagName === 'TEXTAREA' ||
+            target.tagName === 'SELECT' ||
+            target.tagName === 'STYLE-EDITOR') {
+            return true;
+        }
+        if (target.contentEditable?.toLocaleLowerCase() === 'true') {
+            return true;
+        }
+    }
+    return false;
+};
+//# sourceMappingURL=input.js.map

package/dist/editor/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/editor/input.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;IAC3B,IAAI,MAAM,YAAY,WAAW,EAAE,CAAC;QAClC,IACE,MAAM,CAAC,OAAO,KAAK,OAAO;YAC1B,MAAM,CAAC,OAAO,KAAK,UAAU;YAC7B,MAAM,CAAC,OAAO,KAAK,QAAQ;YAC3B,MAAM,CAAC,OAAO,KAAK,cAAc,EACjC,CAAC;YACD,OAAO,IAAI,CAAA;QACb,CAAC;QACD,IAAI,MAAM,CAAC,eAAe,EAAE,iBAAiB,EAAE,KAAK,MAAM,EAAE,CAAC;YAC3D,OAAO,IAAI,CAAA;QACb,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}

package/dist/editor/links.d.ts

@@ -0,0 +1,6 @@
+import type { Component } from '@nordcraft/core/dist/component/component.types';
+/**
+ * Modifies all link nodes on a component
+ * NOTE: alters in place
+ */
+export declare const updateComponentLinks: (component: Component) => Component;

package/dist/editor/links.js

@@ -0,0 +1,15 @@
+import { valueFormula } from '@nordcraft/core/dist/formula/formulaUtils';
+/**
+ * Modifies all link nodes on a component
+ * NOTE: alters in place
+ */
+export const updateComponentLinks = (component) => {
+    // Find all links and add target="_blank" to them
+    Object.entries(component.nodes ?? {}).forEach(([_, node]) => {
+        if (node.type === 'element' && node.tag === 'a') {
+            node.attrs['target'] = valueFormula('_blank');
+        }
+    });
+    return component;
+};
+//# sourceMappingURL=links.js.map

package/dist/editor/links.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"links.js","sourceRoot":"","sources":["../../src/editor/links.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAA;AAExE;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,SAAoB,EAAE,EAAE;IAC3D,iDAAiD;IACjD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE;QAC1D,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAChD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QAC/C,CAAC;IACH,CAAC,CAAC,CAAA;IACF,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}

package/dist/editor/overlay.d.ts

@@ -0,0 +1,12 @@
+export declare function getRectData(selectedNode: Element | null | undefined): {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    borderRadius: string[];
+    rotate: string;
+} | null;

package/dist/editor/overlay.js

@@ -0,0 +1,20 @@
+export function getRectData(selectedNode) {
+    if (!selectedNode) {
+        return null;
+    }
+    const { borderRadius, rotate } = window.getComputedStyle(selectedNode);
+    const rect = selectedNode.getBoundingClientRect();
+    return {
+        left: rect.left,
+        right: rect.right,
+        top: rect.top,
+        bottom: rect.bottom,
+        width: rect.width,
+        height: rect.height,
+        x: rect.x,
+        y: rect.y,
+        borderRadius: borderRadius.split(' '),
+        rotate,
+    };
+}
+//# sourceMappingURL=overlay.js.map

package/dist/editor/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../src/editor/overlay.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAAC,YAAwC;IAClE,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAA;IACtE,MAAM,IAAI,GAAY,YAAY,CAAC,qBAAqB,EAAE,CAAA;IAE1D,OAAO;QACL,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;QACrC,MAAM;KACP,CAAA;AACH,CAAC"}

package/dist/editor/types.d.ts

@@ -0,0 +1,254 @@
+import type { AnimationKeyframe, Component, ComponentData } from '@nordcraft/core/dist/component/component.types';
+import type { PluginFormula } from '@nordcraft/core/dist/formula/formulaTypes';
+import type { OldTheme, Theme } from '@nordcraft/core/dist/styling/theme';
+import type { FormulaHandlerV2, PluginAction, PluginActionV2 } from '@nordcraft/core/dist/types';
+import type { getRectData } from './overlay';
+export type NordcraftPreviewEvent = {
+    type: 'style_variant_changed';
+    variantIndex: number | null;
+} | {
+    type: 'component';
+    component: Component;
+} | {
+    type: 'components';
+    components: Component[];
+} | {
+    type: 'packages';
+    packages: Record<string, {
+        components: Record<string, Component>;
+        formulas: Record<string, PluginFormula<FormulaHandlerV2> | PluginFormula<string>>;
+        actions: Record<string, PluginActionV2 | PluginAction>;
+        manifest: {
+            name: string;
+            commit: string;
+        };
+    }>;
+} | {
+    type: 'global_formulas';
+    formulas: Record<string, PluginFormula<FormulaHandlerV2> | PluginFormula<string>>;
+} | {
+    type: 'global_actions';
+    actions: Record<string, PluginActionV2 | PluginAction>;
+} | {
+    type: 'theme';
+    theme: Record<string, OldTheme | Theme>;
+} | {
+    type: 'mode';
+    mode: 'design' | 'test';
+} | {
+    type: 'attrs';
+    attrs: Record<string, unknown>;
+} | {
+    type: 'selection';
+    selectedNodeId: string | null;
+} | {
+    type: 'highlight';
+    highlightedNodeId: string | null;
+} | {
+    type: 'click' | 'mousemove' | 'dblclick';
+    metaKey: boolean;
+    x: number;
+    y: number;
+} | {
+    type: 'report_document_scroll_size';
+} | {
+    type: 'update_inner_text';
+    innerText: string;
+} | {
+    type: 'reload';
+} | {
+    type: 'fetch_api';
+    apiKey: string;
+} | {
+    type: 'introspect_qraphql_api';
+    apiKey: string;
+} | {
+    type: 'drag-started';
+    x: number;
+    y: number;
+} | {
+    type: 'drag-ended';
+    canceled?: true;
+} | {
+    type: 'keydown';
+    key: string;
+    altKey: boolean;
+    metaKey: boolean;
+} | {
+    type: 'keyup';
+    key: string;
+    altKey: boolean;
+    metaKey: boolean;
+} | {
+    type: 'get_computed_style';
+    styles?: string[];
+} | {
+    type: 'set_timeline_keyframes';
+    keyframes: Record<string, AnimationKeyframe> | null;
+} | {
+    type: 'set_timeline_time';
+    time: number | null;
+    timingFunction: 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | string | undefined;
+    fillMode: 'none' | 'forwards' | 'backwards' | 'both' | undefined;
+} | {
+    type: 'preview_style';
+    styles: Record<string, string> | null;
+    theme?: {
+        key: string;
+        value: Theme;
+    };
+} | {
+    type: 'preview_theme';
+    theme: string | null;
+};
+export type EditorPostMessageType = {
+    type: 'textComputedStyle';
+    computedStyle: Record<string, string>;
+} | {
+    type: 'selection';
+    selectedNodeId: string | null;
+} | {
+    type: 'highlight';
+    highlightedNodeId: string | null;
+} | {
+    type: 'navigate';
+    name: string;
+} | {
+    type: 'documentScrollSize';
+    scrollHeight: number;
+    scrollWidth: number;
+} | {
+    type: 'nodeMoved';
+    copy: boolean;
+    parent?: string | null;
+    index?: number;
+} | {
+    type: 'computedStyle';
+    computedStyle: Record<string, string>;
+} | {
+    type: 'style';
+    time: string;
+} | {
+    type: 'component event';
+    event: any;
+    time: string;
+    data: any;
+} | {
+    type: 'keydown';
+    event: {
+        key: string;
+        metaKey: boolean;
+        shiftKey: boolean;
+        altKey: boolean;
+    };
+} | {
+    type: 'keyup';
+    event: {
+        key: string;
+        metaKey: boolean;
+        shiftKey: boolean;
+        altKey: boolean;
+    };
+} | {
+    type: 'keypress';
+    event: {
+        key: string;
+        metaKey: boolean;
+        shiftKey: boolean;
+        altKey: boolean;
+    };
+} | {
+    type: 'data';
+    data: ComponentData;
+} | {
+    type: 'selectionRect';
+    rect: ReturnType<typeof getRectData>;
+} | {
+    type: 'highlightRect';
+    rect: ReturnType<typeof getRectData>;
+} | {
+    type: 'introspectionResult';
+    data: any;
+    apiKey: string;
+};
+export type DragState = {
+    /**
+     * Dragging elements within the initial container is a reorder operation while dragging elements outside the initial container is an insert operation.
+     * While they share some common properties, we need to differentiate between the two to handle them differently.
+     */
+    mode: 'reorder' | 'insert';
+    elementType: 'element' | 'component' | 'text';
+    copy?: HTMLElement;
+    element: HTMLElement;
+    repeatedNodes: HTMLElement[];
+    offset: Point;
+    lastCursorPosition: Point;
+    initialContainer: HTMLElement;
+    initialNextSibling: Element | null;
+    initialRect: DOMRect;
+    reorderPermutations: Array<{
+        nextSibling: Node | null;
+        rect: DOMRect;
+    }>;
+    isTransitioning: boolean;
+    selectedInsertAreaIndex?: number;
+    insertAreas?: Array<InsertArea>;
+    destroying: boolean;
+};
+export type InsertArea = {
+    layout: 'block' | 'inline';
+    parent: Element;
+    index: number;
+    center: Point;
+    size: number;
+    direction: 1 | -1;
+};
+export type Point = {
+    x: number;
+    y: number;
+};
+export type Line = {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};
+/**
+ * Styles required for rendering the same exact text again somewhere else (on a overlay rect in the editor)
+ */
+export declare enum TextNodeComputedStyles {
+    CARET_COLOR = "caret-color",
+    DISPLAY = "display",
+    FONT_FAMILY = "font-family",
+    FONT_SIZE = "font-size",
+    FONT_WEIGHT = "font-weight",
+    FONT_STYLE = "font-style",
+    FONT_VARIANT = "font-variant",
+    FONT_STRETCH = "font-stretch",
+    LINE_HEIGHT = "line-height",
+    TEXT_ALIGN = "text-align",
+    TEXT_TRANSFORM = "text-transform",
+    LETTER_SPACING = "letter-spacing",
+    WHITE_SPACE = "white-space",
+    WORD_SPACING = "word-spacing",
+    TEXT_INDENT = "text-indent",
+    TEXT_OVERFLOW = "text-overflow",
+    TEXT_RENDERING = "text-rendering",
+    WORD_BREAK = "word-break",
+    WORD_WRAP = "word-wrap",
+    DIRECTION = "direction",
+    UNICODE_BIDI = "unicode-bidi",
+    VERTICAL_ALIGN = "vertical-align",
+    FONT_KERNING = "font-kerning",
+    FONT_FEATURE_SETTINGS = "font-feature-settings",
+    FONT_VARIATION_SETTINGS = "font-variation-settings",
+    FONT_SMOOTHING = "-webkit-font-smoothing",
+    ANTI_ALIASING = "-moz-osx-font-smoothing",
+    FONT_OPTICAL_SIZING = "font-optical-sizing",
+    TAB_SIZE = "tab-size",
+    HYPHENS = "hyphens",
+    TEXT_ORIENTATION = "text-orientation",
+    WRITING_MODE = "writing-mode",
+    LINE_BREAK = "line-break",
+    OVERFLOW_WRAP = "overflow-wrap"
+}

package/dist/editor/types.js

@@ -0,0 +1,42 @@
+/**
+ * Styles required for rendering the same exact text again somewhere else (on a overlay rect in the editor)
+ */
+export var TextNodeComputedStyles;
+(function (TextNodeComputedStyles) {
+    // Caret color is important as it is the only visible part of the text node (when text is not highlighted)
+    TextNodeComputedStyles["CARET_COLOR"] = "caret-color";
+    TextNodeComputedStyles["DISPLAY"] = "display";
+    TextNodeComputedStyles["FONT_FAMILY"] = "font-family";
+    TextNodeComputedStyles["FONT_SIZE"] = "font-size";
+    TextNodeComputedStyles["FONT_WEIGHT"] = "font-weight";
+    TextNodeComputedStyles["FONT_STYLE"] = "font-style";
+    TextNodeComputedStyles["FONT_VARIANT"] = "font-variant";
+    TextNodeComputedStyles["FONT_STRETCH"] = "font-stretch";
+    TextNodeComputedStyles["LINE_HEIGHT"] = "line-height";
+    TextNodeComputedStyles["TEXT_ALIGN"] = "text-align";
+    TextNodeComputedStyles["TEXT_TRANSFORM"] = "text-transform";
+    TextNodeComputedStyles["LETTER_SPACING"] = "letter-spacing";
+    TextNodeComputedStyles["WHITE_SPACE"] = "white-space";
+    TextNodeComputedStyles["WORD_SPACING"] = "word-spacing";
+    TextNodeComputedStyles["TEXT_INDENT"] = "text-indent";
+    TextNodeComputedStyles["TEXT_OVERFLOW"] = "text-overflow";
+    TextNodeComputedStyles["TEXT_RENDERING"] = "text-rendering";
+    TextNodeComputedStyles["WORD_BREAK"] = "word-break";
+    TextNodeComputedStyles["WORD_WRAP"] = "word-wrap";
+    TextNodeComputedStyles["DIRECTION"] = "direction";
+    TextNodeComputedStyles["UNICODE_BIDI"] = "unicode-bidi";
+    TextNodeComputedStyles["VERTICAL_ALIGN"] = "vertical-align";
+    TextNodeComputedStyles["FONT_KERNING"] = "font-kerning";
+    TextNodeComputedStyles["FONT_FEATURE_SETTINGS"] = "font-feature-settings";
+    TextNodeComputedStyles["FONT_VARIATION_SETTINGS"] = "font-variation-settings";
+    TextNodeComputedStyles["FONT_SMOOTHING"] = "-webkit-font-smoothing";
+    TextNodeComputedStyles["ANTI_ALIASING"] = "-moz-osx-font-smoothing";
+    TextNodeComputedStyles["FONT_OPTICAL_SIZING"] = "font-optical-sizing";
+    TextNodeComputedStyles["TAB_SIZE"] = "tab-size";
+    TextNodeComputedStyles["HYPHENS"] = "hyphens";
+    TextNodeComputedStyles["TEXT_ORIENTATION"] = "text-orientation";
+    TextNodeComputedStyles["WRITING_MODE"] = "writing-mode";
+    TextNodeComputedStyles["LINE_BREAK"] = "line-break";
+    TextNodeComputedStyles["OVERFLOW_WRAP"] = "overflow-wrap";
+})(TextNodeComputedStyles || (TextNodeComputedStyles = {}));
+//# sourceMappingURL=types.js.map

package/dist/editor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/editor/types.ts"],"names":[],"mappings":"AAuOA;;GAEG;AACH,MAAM,CAAN,IAAY,sBAoCX;AApCD,WAAY,sBAAsB;IAChC,0GAA0G;IAC1G,qDAA2B,CAAA;IAC3B,6CAAmB,CAAA;IACnB,qDAA2B,CAAA;IAC3B,iDAAuB,CAAA;IACvB,qDAA2B,CAAA;IAC3B,mDAAyB,CAAA;IACzB,uDAA6B,CAAA;IAC7B,uDAA6B,CAAA;IAC7B,qDAA2B,CAAA;IAC3B,mDAAyB,CAAA;IACzB,2DAAiC,CAAA;IACjC,2DAAiC,CAAA;IACjC,qDAA2B,CAAA;IAC3B,uDAA6B,CAAA;IAC7B,qDAA2B,CAAA;IAC3B,yDAA+B,CAAA;IAC/B,2DAAiC,CAAA;IACjC,mDAAyB,CAAA;IACzB,iDAAuB,CAAA;IACvB,iDAAuB,CAAA;IACvB,uDAA6B,CAAA;IAC7B,2DAAiC,CAAA;IACjC,uDAA6B,CAAA;IAC7B,yEAA+C,CAAA;IAC/C,6EAAmD,CAAA;IACnD,mEAAyC,CAAA;IACzC,mEAAyC,CAAA;IACzC,qEAA2C,CAAA;IAC3C,+CAAqB,CAAA;IACrB,6CAAmB,CAAA;IACnB,+DAAqC,CAAA;IACrC,uDAA6B,CAAA;IAC7B,mDAAyB,CAAA;IACzB,yDAA+B,CAAA;AACjC,CAAC,EApCW,sBAAsB,KAAtB,sBAAsB,QAoCjC"}