rete-angular-plugin 0.0.0 → 2.0.0

package/16/presets/minimap/components/mini-viewport/mini-viewport.component.d.ts

@@ -0,0 +1,27 @@
+import { MinimapData } from '../../types';
+import * as i0 from "@angular/core";
+export declare class MiniViewportComponent {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    containerWidth: number;
+    translate: MinimapData['translate'];
+    drag: {
+        start(e: {
+            pageX: number;
+            pageY: number;
+        }): void;
+    };
+    get styleLeft(): string;
+    get styleTop(): string;
+    get styleWidth(): string;
+    get styleHeight(): string;
+    pointerdown(event: PointerEvent): void;
+    px(value: number): string;
+    scale(v: number): number;
+    invert(v: number): number;
+    onDrag(dx: number, dy: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MiniViewportComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MiniViewportComponent, "minimap-mini-viewport", never, { "left": { "alias": "left"; "required": false; }; "top": { "alias": "top"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "containerWidth": { "alias": "containerWidth"; "required": false; }; "translate": { "alias": "translate"; "required": false; }; }, {}, never, never, false, never>;
+}

package/16/presets/minimap/components/minimap/minimap.component.d.ts

@@ -0,0 +1,25 @@
+import { ChangeDetectorRef, OnChanges, ElementRef } from '@angular/core';
+import { MinimapData } from '../../types';
+import * as i0 from "@angular/core";
+export declare class MinimapComponent implements OnChanges {
+    el: ElementRef;
+    private cdr;
+    rendered: () => void;
+    size: number;
+    ratio: MinimapData['ratio'];
+    nodes: MinimapData['nodes'];
+    viewport: MinimapData['viewport'];
+    translate: MinimapData['translate'];
+    point: MinimapData['point'];
+    get width(): string;
+    get height(): string;
+    pointerdown(event: PointerEvent): void;
+    dblclick(event: MouseEvent): void;
+    constructor(el: ElementRef, cdr: ChangeDetectorRef);
+    ngOnChanges(): void;
+    px(value: number): string;
+    scale(value: number): number;
+    identifyMiniNode(_: number, item: MinimapData['nodes'][number]): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MinimapComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MinimapComponent, "ng-component", never, { "rendered": { "alias": "rendered"; "required": false; }; "size": { "alias": "size"; "required": false; }; "ratio": { "alias": "ratio"; "required": false; }; "nodes": { "alias": "nodes"; "required": false; }; "viewport": { "alias": "viewport"; "required": false; }; "translate": { "alias": "translate"; "required": false; }; "point": { "alias": "point"; "required": false; }; }, {}, never, never, false, never>;
+}

package/16/presets/minimap/index.d.ts

@@ -0,0 +1,6 @@
+import { BaseSchemes } from 'rete';
+import { RenderPreset } from '../types';
+import { MinimapRender } from './types';
+export declare function setup<Schemes extends BaseSchemes, K extends MinimapRender>(props?: {
+    size?: number;
+}): RenderPreset<Schemes, K>;

package/16/presets/minimap/module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/minimap/minimap.component";
+import * as i2 from "./components/mini-viewport/mini-viewport.component";
+import * as i3 from "./components/mini-node/mini-node.component";
+import * as i4 from "@angular/common";
+export declare class ReteMinimapModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReteMinimapModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ReteMinimapModule, [typeof i1.MinimapComponent, typeof i2.MiniViewportComponent, typeof i3.MiniNodeComponent], [typeof i4.CommonModule], [typeof i1.MinimapComponent, typeof i2.MiniViewportComponent, typeof i3.MiniNodeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ReteMinimapModule>;
+}

package/16/presets/minimap/types.d.ts

@@ -0,0 +1,22 @@
+import { RenderSignal } from '../../types';
+export type Rect = {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+};
+export type Transform = {
+    x: number;
+    y: number;
+    k: number;
+};
+export type Translate = (dx: number, dy: number) => void;
+export type MinimapData = {
+    ratio: number;
+    nodes: Rect[];
+    viewport: Rect;
+    start(): Transform;
+    translate: Translate;
+    point(x: number, y: number): void;
+};
+export type MinimapRender = RenderSignal<'minimap', MinimapData>;

package/16/presets/reroute/components/index.d.ts

@@ -0,0 +1,2 @@
+export { PinsComponent } from './pins/pins.component';
+export { PinComponent } from './pin/pin.component';

package/16/presets/reroute/components/pin/pin.component.d.ts

@@ -0,0 +1,30 @@
+import { ChangeDetectorRef, OnChanges, EventEmitter } from '@angular/core';
+import { Position } from '../../types';
+import * as i0 from "@angular/core";
+export declare class PinComponent implements OnChanges {
+    private cdr;
+    position: Position;
+    selected?: boolean;
+    getPointer: () => Position;
+    menu: EventEmitter<void>;
+    translate: EventEmitter<{
+        dx: number;
+        dy: number;
+    }>;
+    down: EventEmitter<void>;
+    drag: {
+        start(e: {
+            pageX: number;
+            pageY: number;
+        }): void;
+    };
+    get _selected(): boolean;
+    get top(): string;
+    get left(): string;
+    pointerdown(event: PointerEvent): void;
+    contextmenu(event: MouseEvent): void;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PinComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PinComponent, "reroute-pin", never, { "position": { "alias": "position"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "getPointer": { "alias": "getPointer"; "required": false; }; }, { "menu": "menu"; "translate": "translate"; "down": "down"; }, never, never, false, never>;
+}

package/16/presets/reroute/components/pins/pins.component.d.ts

@@ -0,0 +1,17 @@
+import { ChangeDetectorRef, OnChanges } from '@angular/core';
+import { Pin, PinData, Position } from '../../types';
+import * as i0 from "@angular/core";
+export declare class PinsComponent implements OnChanges {
+    private cdr;
+    rendered: () => void;
+    pins: PinData['pins'];
+    down?: (id: string) => void;
+    translate?: (id: string, dx: number, dy: number) => void;
+    menu?: (id: string) => void;
+    getPointer?: () => Position;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges(): void;
+    track(_: number, item: Pin): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PinsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PinsComponent, "ng-component", never, { "rendered": { "alias": "rendered"; "required": false; }; "pins": { "alias": "pins"; "required": false; }; "down": { "alias": "down"; "required": false; }; "translate": { "alias": "translate"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "getPointer": { "alias": "getPointer"; "required": false; }; }, {}, never, never, false, never>;
+}

package/16/presets/reroute/index.d.ts

@@ -0,0 +1,10 @@
+import { BaseSchemes } from 'rete';
+import { RenderPreset } from '../types';
+import { PinsRender } from './types';
+type Props = {
+    translate?: (id: string, dx: number, dy: number) => void;
+    contextMenu?: (id: string) => void;
+    pointerdown?: (id: string) => void;
+};
+export declare function setup<Schemes extends BaseSchemes, K extends PinsRender>(props?: Props): RenderPreset<Schemes, K>;
+export {};

package/16/presets/reroute/module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/pins/pins.component";
+import * as i2 from "./components/pin/pin.component";
+import * as i3 from "@angular/common";
+export declare class ReteRerouteModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReteRerouteModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ReteRerouteModule, [typeof i1.PinsComponent, typeof i2.PinComponent], [typeof i3.CommonModule], [typeof i1.PinsComponent, typeof i2.PinComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ReteRerouteModule>;
+}

package/16/presets/reroute/types.d.ts

@@ -0,0 +1,18 @@
+import { ConnectionId } from 'rete';
+import { RenderSignal } from '../../types';
+export type Position = {
+    x: number;
+    y: number;
+};
+export type Pin = {
+    id: string;
+    position: Position;
+    selected?: boolean;
+};
+export type PinData = {
+    id: ConnectionId;
+    pins: Pin[];
+};
+export type PinsRender = RenderSignal<'reroute-pins', {
+    data: PinData;
+}>;

package/16/presets/types.d.ts

@@ -0,0 +1,15 @@
+import { BaseSchemes } from 'rete';
+import { AngularPlugin } from '../core';
+export type RenderPreset<Schemes extends BaseSchemes, T> = {
+    attach?: (plugin: AngularPlugin<Schemes, T>) => void;
+    update: (context: Extract<T, {
+        type: 'render';
+    }>, plugin: AngularPlugin<Schemes, T>) => Record<string, unknown> | undefined | null | void;
+    mount: (context: Extract<T, {
+        type: 'render';
+    }>, plugin: AngularPlugin<Schemes, T>) => {
+        key: string;
+        component: any;
+        props: Record<string, unknown>;
+    } | undefined | null | void;
+};

package/16/shared/drag.d.ts

@@ -0,0 +1,10 @@
+import { Position } from '../types';
+type Translate = (dx: number, dy: number) => void;
+type StartEvent = {
+    pageX: number;
+    pageY: number;
+};
+export declare function useDrag(translate: Translate, getPointer: (e: StartEvent) => Position): {
+    start(e: StartEvent): void;
+};
+export {};

package/16/types.d.ts

@@ -0,0 +1,29 @@
+import { NgElement as NgEl, NgElementStrategy } from '@angular/elements';
+export type NgElement = NgEl & {
+    ngElementStrategy: NgElementStrategy & {
+        setInputValue(key: string, value: any): void;
+    };
+};
+export type NodeProps = {
+    data: any;
+    rendered: any;
+    emit: any;
+} & NgElement;
+export type Position = {
+    x: number;
+    y: number;
+};
+export type RenderSignal<Type extends string, Data> = {
+    type: 'render';
+    data: {
+        element: HTMLElement;
+        filled?: boolean;
+        type: Type;
+    } & Data;
+} | {
+    type: 'rendered';
+    data: {
+        element: HTMLElement;
+        type: Type;
+    } & Data;
+};

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 "Ni55aN" Vitaliy Stoliarov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,28 @@
+Rete.js Angular plugin
+====
+[![Made in Ukraine](https://img.shields.io/badge/made_in-ukraine-ffd700.svg?labelColor=0057b7)](https://stand-with-ukraine.pp.ua)
+[![Discord](https://img.shields.io/discord/1081223198055604244?color=%237289da&label=Discord)](https://discord.gg/cxSFkPZdsV)
+
+**Rete.js plugin**
+
+## Key features
+
+- **Render elements**: visualize an elements such as nodes and connections using Angular components
+- **Customization**: modify appearance and behavior for a personalized workflow
+- **Presets**: predefined Angular components for different types of features
+  -  **[Classic](https://retejs.org/docs/guides/renderers/angular#connect-plugin)**: provides a classic visualization of nodes, connections, and controls
+  -  **[Context menu](https://retejs.org/docs/guides/context-menu#render-context-menu)**: provides a classic appearance for `rete-context-menu-plugin`
+  -  **[Minimap](https://retejs.org/docs/guides/minimap#render)**: provides a classic appearance for `rete-minimap-plugin`
+  -  **[Reroute](https://retejs.org/docs/guides/reroute#rendering)**: provides a classic appearance for `rete-connection-reroute-plugin`
+
+## Getting Started
+
+Please refer to the [guide](https://retejs.org/docs/guides/renderers/angular) and [example](https://retejs.org/examples/angular/basic) using this plugin
+
+## Contribution
+
+Please refer to the [Contribution](https://retejs.org/docs/contribution) guide
+
+## License
+
+[MIT](https://github.com/retejs/angular-render-plugin/blob/main/LICENSE)