@genai-fi/base 3.0.2 → 4.0.1

package/dist/components/WorkflowLayout/index.d.ts

@@ -0,0 +1,4 @@
+export { default as WorkflowLayout } from './Layout';
+export { type IConnection, extractNodesFromElements, generateLines } from './lines';
+export { Widget } from './Widget';
+export { default as SvgLayer, type ILine } from './SvgLayer';

package/dist/components/WorkflowLayout/index.js

@@ -0,0 +1,11 @@
+import { default as r } from "./Layout.js";
+import { extractNodesFromElements as a, generateLines as f } from "./lines.js";
+import { Widget as s } from "./Widget.js";
+import { S as p } from "../../SvgLayer-DQQ6Pb5G.js";
+export {
+  p as SvgLayer,
+  s as Widget,
+  r as WorkflowLayout,
+  a as extractNodesFromElements,
+  f as generateLines
+};

package/dist/components/WorkflowLayout/lines.d.ts

@@ -0,0 +1,17 @@
+import { ILine } from '../../components/WorkflowLayout/SvgLayer';
+export interface INode {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    id: string;
+}
+export declare function extractNodesFromElements(div: HTMLElement, initial?: Map<string, INode[]>): Map<string, INode[]>;
+export type ConnectionPoint = 'left' | 'right' | 'top' | 'bottom';
+export interface IConnection {
+    start: string;
+    startPoint: ConnectionPoint;
+    end: string;
+    endPoint: ConnectionPoint;
+}
+export declare function generateLines(data: Map<string, INode[]>, connections: IConnection[]): ILine[];

package/dist/components/WorkflowLayout/lines.js

@@ -0,0 +1,39 @@
+var d, f;
+const g = ((f = (d = globalThis == null ? void 0 : globalThis.process) == null ? void 0 : d.env) == null ? void 0 : f.NODE_ENV) === "test";
+function a(s, h) {
+  var o;
+  const n = h || /* @__PURE__ */ new Map();
+  for (let r = 0; r < s.children.length; ++r) {
+    const i = s.children[r], t = i.getAttribute("data-widget");
+    if (t === "container")
+      a(i, n);
+    else if (t) {
+      n.has(t) || n.set(t, []);
+      const e = i.offsetWidth, c = i.offsetHeight;
+      (g || e > 0 && c > 0) && ((o = n.get(t)) == null || o.push({ x: i.offsetLeft, y: i.offsetTop, width: e, height: c, id: i.id || "noid" }));
+    }
+  }
+  return n;
+}
+function l(s, h) {
+  const n = [];
+  for (const o of h) {
+    const r = s.get(o.start) || [], i = s.get(o.end) || [];
+    for (const t of r)
+      for (const e of i)
+        n.push({
+          id1: t.id,
+          id2: e.id,
+          x1: o.startPoint === "left" ? t.x : o.startPoint === "right" ? t.x + t.width : t.x + t.width / 2,
+          x2: o.endPoint === "left" ? e.x : o.endPoint === "right" ? e.x + e.width : e.x + e.width / 2,
+          y1: o.startPoint === "top" ? t.y : o.startPoint === "bottom" ? t.y + t.height : t.y + t.height / 2,
+          y2: o.endPoint === "top" ? e.y : o.endPoint === "bottom" ? e.y + e.height : e.y + e.height / 2,
+          direction: o.startPoint === "top" || o.startPoint === "bottom" ? "vertical" : "horizontal"
+        });
+  }
+  return n;
+}
+export {
+  a as extractNodesFromElements,
+  l as generateLines
+};

package/dist/{createSvgIcon-BfF8yuCp.js → createSvgIcon-DmrVEdN7.js}

@@ -1,7 +1,7 @@
 import * as h from "react";
 import { jsxs as b, jsx as I } from "react/jsx-runtime";
-import { g as w, a as z, P as e } from "./createTheme-BIcG8YPQ.js";
-import { g as N, u as C, s as O, c as T, a as R, m as E } from "./DefaultPropsProvider-C0Ib4Mye.js";
+import { g as w, a as z, P as e } from "./createTheme-a85zdZWm.js";
+import { g as N, u as C, s as O, c as T, a as R, m as E } from "./DefaultPropsProvider-D2IJ8Qbs.js";
 function j(o) {
   return w("MuiSvgIcon", o);
 }

package/dist/{createTheme-BIcG8YPQ.js → createTheme-a85zdZWm.js}

@@ -2888,8 +2888,12 @@ export {
   yn as b,
   no as c,
   fn as d,
+  Ge as e,
+  de as f,
   pn as g,
+  Z as h,
   fe as i,
+  qn as j,
   Yr as r,
   Ke as s
 };

package/dist/hooks/peer.d.ts

@@ -1,5 +1,28 @@
+import { PropsWithChildren } from 'react';
 import { default as Peer2Peer, P2POptions } from '../services/peer2peer/Peer2Peer';
-import { Connection, PeerEvent } from '../services/peer2peer/types';
+import { Connection, PeerEvent, PeerStatus } from '../services/peer2peer/types';
+export declare const PeerProvider: import('react').Provider<Peer2Peer<PeerEvent> | null>;
+interface PeerProps extends PropsWithChildren {
+    code: string;
+    server?: string;
+    forceTURN?: boolean;
+    forceWebsocket?: boolean;
+    host?: string;
+    secure?: boolean;
+    peerkey: string;
+    port?: number;
+    disabled?: boolean;
+}
+export declare function Peer<T extends PeerEvent>({ children, code, server, host, secure, peerkey, port, forceTURN, forceWebsocket, disabled, }: PeerProps): import("react/jsx-runtime").JSX.Element;
+export declare function usePeerObject<T extends PeerEvent>(): Peer2Peer<T> | null;
+export declare function usePeerSender<T extends PeerEvent>(): (data: T, exclude?: string[]) => void;
+export declare function usePeerStatus(): PeerStatus;
+export declare function usePeerOpen(fn: () => void): void;
+export declare function usePeerClose<T extends PeerEvent>(fn: (conn?: Connection<T>) => void): void;
+export declare function usePeerData<T extends PeerEvent>(fn: (data: T, conn: Connection<T>) => void): void;
+export declare function usePeerEvent<T extends PeerEvent>(event: T['event'], fn: (data: T, conn: Connection<T>) => void): void;
+export declare function usePeerConnect<T extends PeerEvent>(fn: (conn: Connection<T>) => void): void;
+export declare function usePeerError(fn: (err: string) => void): void;
 interface Callbacks<T extends PeerEvent> {
     onOpen?: () => void;
     onConnect?: (conn: Connection<T>) => void;
@@ -16,7 +39,7 @@ interface Props<T extends PeerEvent> extends Callbacks<T>, P2POptions {
     port?: number;
     disabled?: boolean;
 }
-export type PeerProps<T extends PeerEvent> = Props<T>;
+/** @deprecated */
 export default function usePeer<T extends PeerEvent>({ code, server, host, secure, port, key, disabled, onOpen, onClose, onError, onData, onConnect, forceTURN, forceWebsocket, }: Props<T>): {
     send: ((data: T, exclude?: string[]) => void) | undefined;
     ready: boolean;

package/dist/hooks/peer.js

@@ -1,70 +1,212 @@
-import { useState as S, useRef as x, useEffect as D } from "react";
-import { i as E, w as T } from "../webrtcState-D0nJpE9Z.js";
-import V from "../services/peer2peer/Peer2Peer.js";
-import { u as q, a as z } from "../react-D-b-Xrzv.js";
-function I({
-  code: u,
-  server: i,
-  host: f,
-  secure: l,
-  port: d,
-  key: m,
-  disabled: p,
+import { jsx as B } from "react/jsx-runtime";
+import { createContext as F, useState as y, useRef as p, useEffect as c, useContext as i } from "react";
+import { iceConfig as E, webrtcActive as O } from "../state/webrtcState.js";
+import R from "../services/peer2peer/Peer2Peer.js";
+import { a as T, u as V } from "../react-D_xU5dL6.js";
+const f = F(null), G = f.Provider;
+function Q({
+  children: e,
+  code: t,
+  server: n,
+  host: r,
+  secure: o,
+  peerkey: s,
+  port: a,
+  forceTURN: C,
+  forceWebsocket: b,
+  disabled: S
+}) {
+  const [v, w] = y(null), [l, P] = T(O), d = V(E);
+  return c(() => {
+    if (S) {
+      P("disabled");
+      return;
+    }
+    if (l === "unset") return;
+    if (l === "disabled") {
+      P("unset");
+      return;
+    }
+    if (!t || !d)
+      return;
+    const x = new R(
+      t,
+      r || "api2.gen-ai.fi",
+      o || !0,
+      s,
+      a || 443,
+      d,
+      l === "relay",
+      n,
+      { forceTURN: C, forceWebsocket: b }
+    );
+    return w(x), () => {
+      x.destroy();
+    };
+  }, [t, r, o, s, a, n, l, d, C, b, S, P]), /* @__PURE__ */ B(G, { value: v, children: e });
+}
+function W() {
+  return i(f);
+}
+const H = () => {
+};
+function X() {
+  const e = i(f);
+  return e ? e.boundSendAll : H;
+}
+function Y() {
+  const e = i(f), [t, n] = y((e == null ? void 0 : e.status) || "connecting");
+  return c(() => {
+    if (e) {
+      const r = (o) => n(o);
+      return n(e.status), e.on("status", r), () => {
+        e.off("status", r);
+      };
+    }
+  }, [e]), t;
+}
+function Z(e) {
+  const t = i(f), n = p(e);
+  n.current = e, c(() => {
+    if (t) {
+      const r = () => n.current();
+      return t.on("open", r), () => {
+        t.off("open", r);
+      };
+    }
+  }, [t]);
+}
+function _(e) {
+  const t = i(f), n = p(e);
+  n.current = e, c(() => {
+    if (t) {
+      const r = (o) => n.current(o);
+      return t.on("close", r), () => {
+        t.off("close", r);
+      };
+    }
+  }, [t]);
+}
+function $(e) {
+  const t = i(f), n = p(e);
+  n.current = e, c(() => {
+    if (t) {
+      const r = (o, s) => n.current(o, s);
+      return t.on("data", r), () => {
+        t.off("data", r);
+      };
+    }
+  }, [t]);
+}
+function N(e, t) {
+  const n = i(f), r = p(t);
+  r.current = t, c(() => {
+    if (n) {
+      const o = (s, a) => {
+        s.event === e && r.current(s, a);
+      };
+      return n.on("data", o), () => {
+        n.off("data", o);
+      };
+    }
+  }, [n, e]);
+}
+function U(e) {
+  const t = i(f), n = p(e);
+  n.current = e, c(() => {
+    if (t) {
+      const r = (o) => n.current(o);
+      return t.on("connect", r), () => {
+        t.off("connect", r);
+      };
+    }
+  }, [t]);
+}
+function k(e) {
+  const t = i(f), n = p(e);
+  n.current = e, c(() => {
+    if (t) {
+      const r = (o) => n.current(o);
+      return t.on("error", r), () => {
+        t.off("error", r);
+      };
+    }
+  }, [t]);
+}
+function ee({
+  code: e,
+  server: t,
+  host: n,
+  secure: r,
+  port: o,
+  key: s,
+  disabled: a,
   onOpen: C,
   onClose: b,
-  onError: w,
-  onData: A,
-  onConnect: P,
-  forceTURN: g,
-  forceWebsocket: y
+  onError: S,
+  onData: v,
+  onConnect: w,
+  forceTURN: l,
+  forceWebsocket: P
 }) {
-  const [s, R] = S(), e = x({}), [o, c] = q(T), a = z(E), [j, n] = S("connecting");
-  return D(() => {
-    e.current.onClose = b, e.current.onOpen = C, e.current.onConnect = P, e.current.onError = w, e.current.onData = A;
-  }, [A, C, b, w, P]), D(() => {
-    if (p) {
-      n("failed"), c("disabled");
+  const [d, x] = y(), u = p({}), [A, j] = T(O), D = V(E), [q, g] = y("connecting");
+  return c(() => {
+    u.current.onClose = b, u.current.onOpen = C, u.current.onConnect = w, u.current.onError = S, u.current.onData = v;
+  }, [v, C, b, S, w]), c(() => {
+    if (a) {
+      g("failed"), j("disabled");
       return;
     } else
-      n("connecting");
-    if (o === "unset") return;
-    if (o === "disabled") {
-      c("unset");
+      g("connecting");
+    if (A === "unset") return;
+    if (A === "disabled") {
+      j("unset");
       return;
     }
-    if (!u) return;
-    if (!a) {
+    if (!e) return;
+    if (!D) {
       setTimeout(() => {
-        n("failed");
-      }, 5e3), n("failed");
+        g("failed");
+      }, 5e3), g("failed");
       return;
     }
-    const t = new V(
-      u,
-      f,
-      l || !1,
-      m || "peerjs",
-      d || 443,
-      a,
-      o === "relay",
-      i,
-      { forceTURN: g, forceWebsocket: y }
+    const m = new R(
+      e,
+      n,
+      r || !1,
+      s || "peerjs",
+      o || 443,
+      D,
+      A === "relay",
+      t,
+      { forceTURN: l, forceWebsocket: P }
     );
-    return t.on("status", n), t.on("data", (r, v) => {
-      e.current.onData && e.current.onData(r, v);
-    }), t.on("close", (r) => {
-      e.current.onClose && e.current.onClose(r);
-    }), t.on("connect", (r) => {
-      e.current.onConnect && e.current.onConnect(r);
-    }), R(t), () => {
-      t.destroy();
+    return m.on("status", g), m.on("data", (h, z) => {
+      u.current.onData && u.current.onData(h, z);
+    }), m.on("close", (h) => {
+      u.current.onClose && u.current.onClose(h);
+    }), m.on("connect", (h) => {
+      u.current.onConnect && u.current.onConnect(h);
+    }), x(m), () => {
+      m.destroy();
     };
-  }, [u, i, o, a, f, m, d, l, p, c, g, y]), {
-    send: s ? s.boundSendAll : void 0,
-    ready: j === "ready",
-    peer: s
+  }, [e, t, A, D, n, s, o, r, a, j, l, P]), {
+    send: d ? d.boundSendAll : void 0,
+    ready: q === "ready",
+    peer: d
   };
 }
 export {
-  I as default
+  Q as Peer,
+  G as PeerProvider,
+  ee as default,
+  _ as usePeerClose,
+  U as usePeerConnect,
+  $ as usePeerData,
+  k as usePeerError,
+  N as usePeerEvent,
+  W as usePeerObject,
+  Z as usePeerOpen,
+  X as usePeerSender,
+  Y as usePeerStatus
 };

package/dist/main.d.ts

@@ -19,3 +19,9 @@ export { default as AlertPara } from './components/AlertPara/AlertPara';
 export { default as QRCode } from './components/QRCode/QRCode';
 export { default as Webcam } from './components/Webcam/Webcam';
 export { default as ContentLoader } from './components/ContentLoader/ContentLoader';
+export { WorkflowLayout, type IConnection, Widget, SvgLayer, type ILine, generateLines, extractNodesFromElements, } from './components/WorkflowLayout';
+export { default as LangSelect } from './components/LangSelect/LangSelect';
+export { IconMenu, IconMenuInline, IconMenuItem, Spacer } from './components/IconMenu';
+export { default as PercentageBar } from './components/PercentageBar/PercentageBar';
+export { default as PieScore } from './components/PieScore/PieScore';
+export { default as Application } from './components/Application/Application';

package/dist/main.js

@@ -1,49 +1,74 @@
 import { default as o } from "./components/ConnectionStatus/ConnectionStatus.js";
-import { B as t, L as f } from "./Button-DQwRVw4a.js";
-import { default as m } from "./hooks/peer.js";
+import { Button as t, LargeButton as f } from "./components/Button/Button.js";
+import { default as s } from "./hooks/peer.js";
 import { default as u } from "./services/peer2peer/Peer2Peer.js";
 import { useID as n } from "./hooks/id.js";
 import { useOnlyOnce as d } from "./hooks/onlyOnce.js";
 import { default as i } from "./hooks/random.js";
 import { theme as v } from "./style/theme.js";
-import { default as P } from "./util/randomId.js";
-import { canvasFromDataTransfer as T, canvasFromFile as b, canvasFromImage as y, canvasFromURL as C, canvasesFromFiles as D, cropTo as I, urlFromDataTransfer as R } from "./util/canvas.js";
-import { createZipBlob as g, loadZipFile as A, saveZipFile as O } from "./util/zip.js";
-import { useTabActive as h } from "./hooks/useTabActive.js";
-import { default as U } from "./components/Spinner/Spinner.js";
-import { default as j } from "./components/Privacy/Privacy.js";
-import { default as q } from "./components/BusyButton/BusyButton.js";
-import { default as z } from "./components/AlertPara/AlertPara.js";
-import { default as G } from "./components/QRCode/QRCode.js";
-import { default as J } from "./components/Webcam/Webcam.js";
-import { default as M } from "./components/ContentLoader/ContentLoader.js";
+import { default as g } from "./util/randomId.js";
+import { canvasFromDataTransfer as P, canvasFromFile as S, canvasFromImage as B, canvasFromURL as y, canvasesFromFiles as T, cropTo as b, urlFromDataTransfer as A } from "./util/canvas.js";
+import { createZipBlob as D, loadZipFile as M, saveZipFile as R } from "./util/zip.js";
+import { useTabActive as Z } from "./hooks/useTabActive.js";
+import { default as h } from "./components/Spinner/Spinner.js";
+import { default as w } from "./components/Privacy/Privacy.js";
+import { default as N } from "./components/BusyButton/BusyButton.js";
+import { default as U } from "./components/AlertPara/AlertPara.js";
+import { default as q } from "./components/QRCode/QRCode.js";
+import { default as G } from "./components/Webcam/Webcam.js";
+import { default as J } from "./components/ContentLoader/ContentLoader.js";
+import { default as V } from "./components/WorkflowLayout/Layout.js";
+import { extractNodesFromElements as Y, generateLines as _ } from "./components/WorkflowLayout/lines.js";
+import { Widget as ee } from "./components/WorkflowLayout/Widget.js";
+import { S as oe } from "./SvgLayer-DQQ6Pb5G.js";
+import { default as te } from "./components/LangSelect/LangSelect.js";
+import { default as me } from "./components/IconMenu/Spacer.js";
+import { default as pe } from "./components/IconMenu/IconMenu.js";
+import { default as le } from "./components/IconMenu/IconMenuInline.js";
+import { default as xe } from "./components/IconMenu/Item.js";
+import { default as ce } from "./components/PercentageBar/PercentageBar.js";
+import { default as Fe } from "./components/PieScore/PieScore.js";
+import { default as Ie } from "./components/Application/Application.js";
 export {
-  z as AlertPara,
-  q as BusyButton,
+  U as AlertPara,
+  Ie as Application,
+  N as BusyButton,
   t as Button,
   o as ConnectionStatus,
-  M as ContentLoader,
+  J as ContentLoader,
+  pe as IconMenu,
+  le as IconMenuInline,
+  xe as IconMenuItem,
+  te as LangSelect,
   f as LargeButton,
   u as Peer2Peer,
-  j as Privacy,
-  G as QRCode,
-  U as Spinner,
-  J as Webcam,
-  T as canvasFromDataTransfer,
-  b as canvasFromFile,
-  y as canvasFromImage,
-  C as canvasFromURL,
-  D as canvasesFromFiles,
-  g as createZipBlob,
-  I as cropTo,
-  A as loadZipFile,
-  P as randomId,
-  O as saveZipFile,
+  ce as PercentageBar,
+  Fe as PieScore,
+  w as Privacy,
+  q as QRCode,
+  me as Spacer,
+  h as Spinner,
+  oe as SvgLayer,
+  G as Webcam,
+  ee as Widget,
+  V as WorkflowLayout,
+  P as canvasFromDataTransfer,
+  S as canvasFromFile,
+  B as canvasFromImage,
+  y as canvasFromURL,
+  T as canvasesFromFiles,
+  D as createZipBlob,
+  b as cropTo,
+  Y as extractNodesFromElements,
+  _ as generateLines,
+  M as loadZipFile,
+  g as randomId,
+  R as saveZipFile,
   v as theme,
-  R as urlFromDataTransfer,
+  A as urlFromDataTransfer,
   n as useID,
   d as useOnlyOnce,
-  m as usePeer,
+  s as usePeer,
   i as useRandom,
-  h as useTabActive
+  Z as useTabActive
 };

package/dist/react-D_xU5dL6.js

@@ -0,0 +1,112 @@
+import _, { useReducer as R, useEffect as A, useDebugValue as S, useRef as x, createElement as y, createContext as C, useCallback as E, useContext as F } from "react";
+import { c as V, g as j, I as h } from "./vanilla-BJxibF1U.js";
+const k = {}, w = C(
+  void 0
+);
+function P(t) {
+  return F(w) || j();
+}
+function T({
+  children: t,
+  store: s
+}) {
+  const u = x(void 0);
+  return !s && !u.current && (u.current = V()), y(
+    w.Provider,
+    {
+      value: s || u.current
+    },
+    t
+  );
+}
+const b = (t) => typeof (t == null ? void 0 : t.then) == "function", g = (t) => {
+  t.status || (t.status = "pending", t.then(
+    (s) => {
+      t.status = "fulfilled", t.value = s;
+    },
+    (s) => {
+      t.status = "rejected", t.reason = s;
+    }
+  ));
+}, D = _.use || // A shim for older React versions
+((t) => {
+  if (t.status === "pending")
+    throw t;
+  if (t.status === "fulfilled")
+    return t.value;
+  throw t.status === "rejected" ? t.reason : (g(t), t);
+}), d = /* @__PURE__ */ new WeakMap(), v = (t, s) => {
+  let u = d.get(t);
+  return u || (u = new Promise((o, n) => {
+    let a = t;
+    const l = (e) => (r) => {
+      a === e && o(r);
+    }, f = (e) => (r) => {
+      a === e && n(r);
+    }, c = () => {
+      try {
+        const e = s();
+        b(e) ? (d.set(e, u), a = e, e.then(l(e), f(e)), h(e, c)) : o(e);
+      } catch (e) {
+        n(e);
+      }
+    };
+    t.then(l(t), f(t)), h(t, c);
+  }), d.set(t, u)), u;
+};
+function I(t, s) {
+  const { delay: u, unstable_promiseStatus: o = !_.use } = {}, n = P(), [[a, l, f], c] = R(
+    (r) => {
+      const i = n.get(t);
+      return Object.is(r[0], i) && r[1] === n && r[2] === t ? r : [i, n, t];
+    },
+    void 0,
+    () => [n.get(t), n, t]
+  );
+  let e = a;
+  if ((l !== n || f !== t) && (c(), e = n.get(t)), A(() => {
+    const r = n.sub(t, () => {
+      if (o)
+        try {
+          const i = n.get(t);
+          b(i) && g(
+            v(i, () => n.get(t))
+          );
+        } catch {
+        }
+      if (typeof u == "number") {
+        setTimeout(c, u);
+        return;
+      }
+      c();
+    });
+    return c(), r;
+  }, [n, t, u, o]), S(e), b(e)) {
+    const r = v(e, () => n.get(t));
+    return o && g(r), D(r);
+  }
+  return e;
+}
+function L(t, s) {
+  const u = P();
+  return E(
+    (...n) => {
+      if ((k ? "production" : void 0) !== "production" && !("write" in t))
+        throw new Error("not writable atom");
+      return u.set(t, ...n);
+    },
+    [u, t]
+  );
+}
+function H(t, s) {
+  return [
+    I(t),
+    // We do wrong type assertion here, which results in throwing an error.
+    L(t)
+  ];
+}
+export {
+  T as P,
+  H as a,
+  I as u
+};

package/dist/state/webrtcState.js

@@ -1,6 +1,7 @@
-import { i, w as t, a as c } from "../webrtcState-D0nJpE9Z.js";
+import { a as t } from "../vanilla-BJxibF1U.js";
+const e = t("disabled"), c = t(void 0), i = t("unset");
 export {
-  i as iceConfig,
-  t as webrtcActive,
-  c as webrtcCandidate
+  c as iceConfig,
+  e as webrtcActive,
+  i as webrtcCandidate
 };

package/dist/style/theme.js

@@ -1,4 +1,4 @@
-import { c as s } from "../createTheme-BIcG8YPQ.js";
+import { c as s } from "../createTheme-a85zdZWm.js";
 import '../assets/theme.css';const t = "#008297", a = {
   primary: t
 };

package/dist/style.module-BAnhZ_KJ.js

@@ -0,0 +1,9 @@
+import './assets/style2.css';const t = "_title_1bpz2_3", e = "_content_1bpz2_8", r = "_errorTitle_1bpz2_18", o = "_errorContent_1bpz2_23", n = {
+  title: t,
+  content: e,
+  errorTitle: r,
+  errorContent: o
+};
+export {
+  n as s
+};