@kabel-project/kabel 1.0.7 → 1.0.8

package/dist/renderers/apollo/apollo.d.ts

@@ -0,0 +1,12 @@
+import ApolloRenderer from "./renderer";
+import ApolloConstants from "./constants";
+import Representer from "../representer";
+import { RepresenterNode } from "../representer-node";
+export interface apolloType {
+    Renderer: typeof ApolloRenderer;
+    Constants: typeof ApolloConstants;
+    Representer: typeof Representer;
+    RepresenterNode: typeof RepresenterNode;
+}
+export { ApolloRenderer as Renderer, ApolloConstants as Constants, Representer, RepresenterNode };
+//# sourceMappingURL=apollo.d.ts.map

package/dist/renderers/apollo/apollo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apollo.d.ts","sourceRoot":"","sources":["../../../renderers/apollo/apollo.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,YAAY,CAAA;AACvC,OAAO,eAAe,MAAM,aAAa,CAAA;AACzC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,WAAW,UAAU;IACvB,QAAQ,EAAE,OAAO,cAAc,CAAC;IAChC,SAAS,EAAE,OAAO,eAAe,CAAC;IAClC,WAAW,EAAE,OAAO,WAAW,CAAC;IAChC,eAAe,EAAE,OAAO,eAAe,CAAC;CAC3C;AAGD,OAAO,EACH,cAAc,IAAI,QAAQ,EAC1B,eAAe,IAAI,SAAS,EAE5B,WAAW,EACX,eAAe,EAClB,CAAA"}

package/dist/renderers/apollo/constants.d.ts

@@ -0,0 +1,21 @@
+import { Color } from "../../src/visual-types";
+import RendererConstants from "../constants";
+type DogearShape = {
+    PathMain: string;
+    Width: number;
+    Height: number;
+};
+type ApolloShapes = RendererConstants['SHAPES'] & {
+    Dogear?: DogearShape;
+};
+declare class ApolloConstants extends RendererConstants {
+    SHAPES: ApolloShapes;
+    CONNECTOR_COLOR: Color;
+    FIELD_RAW_COLOR: Color;
+    FIELD_RAW_TEXT_COLOR: Color;
+    FIELD_RAW_OUTLINE_COLOR: Color;
+    constructor(overrides: Partial<ApolloConstants>);
+    init(): void;
+}
+export default ApolloConstants;
+//# sourceMappingURL=constants.d.ts.map

package/dist/renderers/apollo/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../renderers/apollo/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,iBAAiB,MAAM,cAAc,CAAC;AAG7C,KAAK,WAAW,GAAG;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAGF,KAAK,YAAY,GAAG,iBAAiB,CAAC,QAAQ,CAAC,GAAG;IAC9C,MAAM,CAAC,EAAE,WAAW,CAAC;CACxB,CAAC;AAEF,cAAM,eAAgB,SAAQ,iBAAiB;IAC3C,MAAM,EAAE,YAAY,CAAM;IAC1B,eAAe,EAAE,KAAK,CAAc;IACpC,eAAe,EAAE,KAAK,CAAe;IACrC,oBAAoB,EAAE,KAAK,CAAe;IAC1C,uBAAuB,EAAE,KAAK,CAAe;gBACjC,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC;IAS/C,IAAI;CAOP;AAED,eAAe,eAAe,CAAC"}

package/dist/renderers/apollo/renderer.d.ts

@@ -0,0 +1,97 @@
+import { Path as SvgPath, G } from "@svgdotjs/svg.js";
+import { ColorStyle } from "../../src/visual-types";
+import WorkspaceSvg from "../../src/workspace-svg";
+import Renderer, { DrawState, NodeMeasurements } from "../renderer";
+import ApolloConstants from "./constants";
+import NodeSvg from "../../src/nodesvg";
+import { AnyField, FieldRawBoxData } from "../../src/field";
+/**
+ * ApolloRenderer
+ *
+ * Custom renderer extending the base `Renderer` for a visual programming workspace.
+ * This renderer provides a distinct node style:
+ * - Node background uses the primary color entirely
+ * - Topbar is hidden (but still present for dragging)
+ * - Bottom-right dog-ear decoration
+ * - Previous connection at the top, next connection at the bottom
+ */
+declare class ApolloRenderer extends Renderer {
+    _constants: ApolloConstants;
+    static get NAME(): string;
+    static get ElEMENT_TAG(): string;
+    /**
+     * Constructor
+     * @param workspace - The WorkspaceSvg instance
+     * @param overrides - Partial constant overrides for ApolloConstants
+     */
+    constructor(workspace: WorkspaceSvg, overrides: Partial<ApolloConstants>);
+    /**
+     * Typed getter for renderer constants
+     */
+    get constants(): ApolloConstants;
+    /** Initialize constants using Apollo-specific overrides */
+    initConstants(): void;
+    /**
+     * Draws the node's topbar.
+     * Overridden to hide the topbar visually while retaining its group for dragging.
+     * @param state - Current draw state
+     * @param colors - Node colors
+     * @param measurements - Node dimensions
+     */
+    drawNodeTopbar(state: DrawState, colors: ColorStyle, measurements: NodeMeasurements | null): void;
+    /**
+     * Draws the node background with rounded corners and bottom-right dog-ear cut.
+     * Also creates a shadow.
+     * @param state - Current draw state
+     * @param measurements - Node dimensions
+     */
+    drawNodeBase(state: DrawState, measurements: NodeMeasurements | null): void;
+    /**
+     * Draws a dog-ear decoration at the node's bottom-right corner
+     * @param state - Current draw state
+     * @param nodeG - Node's SVG group
+     * @param w - Node width
+     * @param h - Node height
+     * @param colors - Node colors
+     */
+    drawDogEar(state: DrawState, nodeG: G, w: number, h: number, colors: ColorStyle): void;
+    /**
+     * Draws previous and next connections for the node.
+     * Previous connection is on top, next is on bottom.
+     * @param state - Draw state
+     * @param node - NodeSvg instance
+     * @param nodeGroup - Node's SVG group
+     * @param measurements - Node dimensions
+     */
+    drawPreviousNextConnections(state: DrawState, node: NodeSvg, nodeGroup: G, measurements?: {
+        width: number;
+        height: number;
+    } | null): void;
+    /**
+     * Draws a primary connector (triangle or circle) on either the top or bottom edge.
+     * @param nodeGroup - Node's SVG group
+     * @param nodeBg - Node background path
+     * @param side - 'top' or 'bottom'
+     * @param color - Connector color
+     * @returns SvgPath of the connector
+     */
+    drawPrimaryConnector(nodeGroup: G, nodeBg: SvgPath, side: 'top' | 'bottom', color: string): SvgPath | void;
+    /**
+     * Draws a raw input field.
+     * @param fieldGroup - The SVG group element for the field.
+     * @param field - The field to draw.
+     * @param startX - The starting X position for the field.
+     * @returns The rectangle and text elements of the raw field.
+     */
+    drawFieldRaw(fieldGroup: G, field: AnyField, startX?: number): {
+        rect: import("@svgdotjs/svg.js", { with: { "resolution-mode": "import" } }).Rect;
+        txt: import("@svgdotjs/svg.js", { with: { "resolution-mode": "import" } }).Text;
+        rawBox: FieldRawBoxData;
+    };
+    /**
+     * Draws the full node (base, topbar, fields, connectors, label, etc.)
+     */
+    drawNode(): void;
+}
+export default ApolloRenderer;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/renderers/apollo/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../renderers/apollo/renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAc,CAAC,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,EAAE,UAAU,EAAO,MAAM,wBAAwB,CAAC;AACzD,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,QAAQ,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,eAAe,MAAM,aAAa,CAAC;AAG1C,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AA0B5D;;;;;;;;;GASG;AACH,cAAM,cAAe,SAAQ,QAAQ;IACzB,UAAU,EAAE,eAAe,CAAC;IAEpC,MAAM,KAAK,IAAI,WAEd;IACD,MAAM,KAAK,WAAW,WAErB;IACD;;;;OAIG;gBACS,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC;IAIxE;;OAEG;IACH,IAAI,SAAS,IAAI,eAAe,CAE/B;IAED,2DAA2D;IAC3D,aAAa;IAIb;;;;;;OAMG;IACH,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,GAAG,IAAI;IAS1F;;;;;OAKG;IACH,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,GAAG,IAAI;IAkCpE;;;;;;;OAOG;IACH,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAc/E;;;;;;;OAOG;IACH,2BAA2B,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,YAAY,GAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAW;IA4CxI;;;;;;;OAOG;IACH,oBAAoB,CAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAiC1G;;;;;;OAMG;IACH,YAAY,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAE,MAAU;;;;;IAgD/D;;OAEG;IACH,QAAQ;CAqBX;AAGD,eAAe,cAAc,CAAC"}

package/{renderers/atlas/atlas.ts → dist/renderers/atlas/atlas.d.ts}

@@ -1,15 +1,6 @@
-import RendererConstants from "../constants";
-import Renderer from "../renderer";
-import Representer from "../representer";
-import { RepresenterNode } from "../representer-node";
-
-
-
-
-
-export {
-    Renderer,
-    RendererConstants as Constants,
-    Representer,
-    RepresenterNode
-}
+import RendererConstants from "../constants";
+import Renderer from "../renderer";
+import Representer from "../representer";
+import { RepresenterNode } from "../representer-node";
+export { Renderer, RendererConstants as Constants, Representer, RepresenterNode };
+//# sourceMappingURL=atlas.d.ts.map

package/dist/renderers/atlas/atlas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"atlas.d.ts","sourceRoot":"","sources":["../../../renderers/atlas/atlas.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,cAAc,CAAC;AAC7C,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAMtD,OAAO,EACH,QAAQ,EACR,iBAAiB,IAAI,SAAS,EAC9B,WAAW,EACX,eAAe,EAClB,CAAA"}

package/dist/renderers/constants.d.ts

@@ -0,0 +1,51 @@
+import { Color } from "../src/visual-types";
+declare class RendererConstants {
+    CORNER_RADIUS: number;
+    NODE_BASE_WIDTH: number;
+    NODE_BASE_HEIGHT: number;
+    TOPBAR_HEIGHT: number;
+    FOOTER_HEIGHT: number;
+    PADDING_BIG: number;
+    PADDING_MEDIUM: number;
+    PADDING_SMALL: number;
+    FIELD_SPACEY: number;
+    FIELD_SPACEX: number;
+    FIELD_RAW_BASE_WIDTH: number;
+    FIELD_RAW_BASE_HEIGHT: number;
+    INPUT_BOX_PADDING: number;
+    INPUT_BOX_TEXT_ANCHOR: 'start' | 'middle';
+    LABEL_SPACING: number;
+    FIELD_RAW_COLOR: Color;
+    FIELD_RAW_TEXT_COLOR: Color;
+    FIELD_RAW_OUTLINE_COLOR: Color;
+    FIELD_RAW_OUTLINE_STROKE: number;
+    FIELD_CONN_COLOR: Color;
+    NODE_BG_COLOR: Color;
+    NODE_OUTLINE_COLOR: Color;
+    CONNECTOR_TRIANGLE: boolean;
+    CONNECTION_STROKE_WIDTH: number;
+    CONNECTION_STROKE_COLOR_CHOICE: number;
+    CONNECTOR_TRI_SIZE: number;
+    CONNECTOR_RADIUS: number;
+    FONT_FAMILY: string;
+    FONT_SIZE: number;
+    FONT_COLOR: Color;
+    FIELD_MARGIN_X: number;
+    FIELD_MARGIN_Y: number;
+    TOPBAR_LABEL_MARGIN_X: number;
+    TOPBAR_LABEL_MARGIN_Y: number;
+    TOPBAR_LABEL_BOLDED: boolean;
+    CONNECTOR_LINE_WIDTH: number;
+    CONNECTOR_LINE_CURVED: boolean;
+    ZOOM_BASE: number;
+    SHAPES: {
+        [key: string]: {
+            PathMain: string;
+            Width: number;
+            Height: number;
+        };
+    };
+    constructor(overrides?: Partial<RendererConstants>);
+}
+export default RendererConstants;
+//# sourceMappingURL=constants.d.ts.map

package/dist/renderers/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../renderers/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAO,MAAM,qBAAqB,CAAC;AAEjD,cAAM,iBAAiB;IACnB,aAAa,EAAG,MAAM,CAAC;IACvB,eAAe,EAAG,MAAM,CAAC;IACzB,gBAAgB,EAAG,MAAM,CAAC;IAC1B,aAAa,EAAG,MAAM,CAAC;IACvB,aAAa,EAAG,MAAM,CAAC;IACvB,WAAW,EAAG,MAAM,CAAC;IACrB,cAAc,EAAG,MAAM,CAAC;IACxB,aAAa,EAAG,MAAM,CAAC;IACvB,YAAY,EAAG,MAAM,CAAC;IACtB,YAAY,EAAG,MAAM,CAAC;IACtB,oBAAoB,EAAG,MAAM,CAAC;IAC9B,qBAAqB,EAAG,MAAM,CAAC;IAC/B,iBAAiB,EAAG,MAAM,CAAC;IAC3B,qBAAqB,EAAG,OAAO,GAAG,QAAQ,CAAC;IAC3C,aAAa,EAAG,MAAM,CAAC;IAEvB,eAAe,EAAE,KAAK,CAAe;IACrC,oBAAoB,EAAE,KAAK,CAAe;IAC1C,uBAAuB,EAAE,KAAK,CAAe;IAC7C,wBAAwB,EAAG,MAAM,CAAC;IAClC,gBAAgB,EAAE,KAAK,CAAc;IACrC,aAAa,EAAE,KAAK,CAAe;IACnC,kBAAkB,EAAE,KAAK,CAAe;IACxC,kBAAkB,EAAG,OAAO,CAAC;IAC7B,uBAAuB,EAAG,MAAM,CAAC;IACjC,8BAA8B,EAAG,MAAM,CAAC;IACxC,kBAAkB,EAAG,MAAM,CAAC;IAC5B,gBAAgB,EAAG,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CACuF;IAC1G,SAAS,EAAG,MAAM,CAAC;IACnB,UAAU,EAAE,KAAK,CAAe;IAEhC,cAAc,EAAG,MAAM,CAAC;IACxB,cAAc,EAAG,MAAM,CAAC;IACxB,qBAAqB,EAAG,MAAM,CAAC;IAC/B,qBAAqB,EAAG,MAAM,CAAC;IAC/B,mBAAmB,EAAG,OAAO,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAK;IACjC,qBAAqB,EAAE,OAAO,CAAQ;IACtC,SAAS,EAAE,MAAM,CAAK;IAEtB,MAAM,EAAE;QACJ,CAAC,GAAG,EAAE,MAAM,GAAG;YACX,QAAQ,EAAE,MAAM,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAClB,CAAA;KACJ,CAAK;gBACM,SAAS,GAAE,OAAO,CAAC,iBAAiB,CAAM;CAgCzD;AAED,eAAe,iBAAiB,CAAC"}