@arcanewizards/timecode-toolbox 0.1.0 → 0.1.2

package/dist/index.js

@@ -1810,6 +1810,7 @@ var runSigilApp = ({
   logger: upstreamLogger,
   title,
   version: version2,
+  edition,
   appProps,
   toolkitOptions,
   createApp: createApp2,
@@ -1868,10 +1869,10 @@ var runSigilApp = ({
       logger.info(`${title} ready to start listening`);
     }
   });
-  let api = null;
+  let api2 = null;
   const apiListeners = /* @__PURE__ */ new Set();
   const setAppApi = (value) => {
-    api = value;
+    api2 = value;
     for (const listener of apiListeners) {
       listener(value);
     }
@@ -1904,6 +1905,7 @@ var runSigilApp = ({
     createApp2({
       title,
       version: version2,
+      edition,
       toolkit,
       logger,
       logEventEmitter,
@@ -1923,8 +1925,8 @@ var runSigilApp = ({
       if (event === "apiChange") {
         const apiListener = listener;
         apiListeners.add(apiListener);
-        if (api) {
-          apiListener(api);
+        if (api2) {
+          apiListener(api2);
         }
         return;
       }
@@ -2137,7 +2139,7 @@ var AppListenerManager = ({
 };
 
 // src/app.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/components/backend/index.ts
 var import_react_toolkit3 = require("@arcanejs/react-toolkit");
@@ -6189,8 +6191,7 @@ var NEVER = INVALID;
 // ../../node_modules/.pnpm/zod@3.25.76/node_modules/zod/index.js
 var zod_default = external_exports;
 
-// ../../packages/sigil/dist/chunk-H4U4Z4GM.js
-var import_react4 = require("react");
+// ../../packages/sigil/dist/chunk-WYUGJOEB.js
 var SIGIL_COLOR = external_exports.enum([
   "purple",
   "blue",
@@ -6285,12 +6286,18 @@ var OUTPUT_CONFIG = zod_default.object({
 var TOOLBOX_CONFIG = zod_default.object({
   inputs: zod_default.record(zod_default.string(), INPUT_CONFIG),
   generators: zod_default.record(zod_default.string(), GENERATOR_CONFIG),
-  outputs: zod_default.record(zod_default.string(), OUTPUT_CONFIG)
+  outputs: zod_default.record(zod_default.string(), OUTPUT_CONFIG),
+  /**
+   * Hash of the license the user has agreed to.
+   */
+  agreedToLicense: zod_default.string().optional(),
+  checkForUpdates: zod_default.boolean().optional().default(true)
 });
 var DEFAULT_CONFIG = {
   inputs: {},
   generators: {},
-  outputs: {}
+  outputs: {},
+  checkForUpdates: true
 };
 var isPlaying = (state) => state.state === "playing" || state.state === "lagging";
 var isStopped = (state) => state.state === "stopped";
@@ -6306,9 +6313,11 @@ var DEFAULT_PROPS2 = {
   state: {
     inputs: {},
     outputs: {},
-    generators: {}
+    generators: {},
+    updates: null
   },
-  handlers: { children: {} }
+  handlers: { children: {} },
+  license: ""
 };
 var ToolboxRoot = class extends import_base2.Base {
   /** @hidden */
@@ -6336,7 +6345,8 @@ var ToolboxRoot = class extends import_base2.Base {
       key: idMap.getId(this),
       config: this.props.config,
       state: this.props.state,
-      handlers: this.props.handlers
+      handlers: this.props.handlers,
+      license: this.props.license
     };
   }
   /** @hidden */
@@ -6365,9 +6375,53 @@ var ToolboxRoot = class extends import_base2.Base {
   };
 };
 
+// src/components/backend/license-gate.ts
+var import_base3 = require("@arcanejs/toolkit/components/base");
+var DEFAULT_PROPS3 = {
+  license: "",
+  hash: ""
+};
+var LicenseGate = class extends import_base3.Base {
+  /** @hidden */
+  events = new import_base3.EventEmitter();
+  constructor(props) {
+    super(DEFAULT_PROPS3, props, {
+      onPropsUpdated: (oldProps) => this.events.processPropChanges(
+        {
+          onAcceptLicense: "acceptLicense"
+        },
+        oldProps,
+        this.props
+      )
+    });
+    this.triggerInitialPropsUpdate();
+  }
+  addListener = this.events.addListener;
+  removeListener = this.events.removeListener;
+  /** @hidden */
+  getProtoInfo(idMap) {
+    return {
+      namespace: "timecode-toolbox",
+      component: "license-gate",
+      key: idMap.getId(this),
+      license: this.props.license,
+      hash: this.props.hash
+    };
+  }
+  /** @hidden */
+  handleMessage = (message) => {
+    if (isTimecodeToolboxComponentMessage(message, "license-gate")) {
+      if (message.action === "accept-license") {
+        this.events.emit("acceptLicense", message.hash);
+      }
+    }
+  };
+};
+
 // src/components/backend/index.ts
 var C = (0, import_react_toolkit3.prepareComponents)("timecode-toolbox", {
-  ToolboxRoot
+  ToolboxRoot,
+  LicenseGate
 });
 
 // src/config.ts
@@ -6432,7 +6486,7 @@ var patchJson = (old, diff) => {
 
 // src/inputs/artnet.tsx
 var import_data3 = require("@arcanejs/react-toolkit/data");
-var import_react5 = require("react");
+var import_react4 = require("react");
 
 // ../../packages/artnet/dist/chunk-J2HDMITA.js
 var ARTNET_PORT = 6454;
@@ -6762,12 +6816,12 @@ var ArtnetInputConnection = ({
   setState
 }) => {
   const log = useLogger();
-  const [artnetInstance, setArtnetInstance] = (0, import_react5.useState)(null);
-  const delayRef = (0, import_react5.useRef)(delayMs ?? 0);
-  (0, import_react5.useEffect)(() => {
+  const [artnetInstance, setArtnetInstance] = (0, import_react4.useState)(null);
+  const delayRef = (0, import_react4.useRef)(delayMs ?? 0);
+  (0, import_react4.useEffect)(() => {
     delayRef.current = delayMs ?? 0;
   }, [delayMs]);
-  const setConnection = (0, import_react5.useCallback)(
+  const setConnection = (0, import_react4.useCallback)(
     (state) => setState((current) => ({
       ...current,
       inputs: {
@@ -6777,7 +6831,7 @@ var ArtnetInputConnection = ({
     })),
     [setState, uuid]
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const connectionConfig = {
       timecode: {
         name: null,
@@ -6830,7 +6884,7 @@ var ArtnetInputConnection = ({
       }
     };
   }, [setConnection, uuid, iface, port, log]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     let lastTimecode = null;
     let lastUsedTimecode = lastTimecode;
     let timecode = null;
@@ -6919,7 +6973,7 @@ var ArtnetInputConnection = ({
       artnetInstance?.removeListener("timecode", onTimecode);
     };
   }, [artnetInstance, log, iface, name, setConnection]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     return () => {
       setState((current) => {
         const { [uuid]: _, ...rest } = current.inputs;
@@ -6954,7 +7008,7 @@ var ArtnetInputConnections = (props) => {
 
 // src/inputs/tcnet.tsx
 var import_data4 = require("@arcanejs/react-toolkit/data");
-var import_react6 = require("react");
+var import_react5 = require("react");
 
 // ../../packages/tcnet/dist/chunk-VXAKTGOW.js
 var __create2 = Object.create;
@@ -13834,14 +13888,14 @@ var TcnetInputConnection = ({
   setState
 }) => {
   const logger = useLogger();
-  const appInformation = (0, import_react6.useContext)(AppInformationContext);
-  const nodeRef = (0, import_react6.useRef)(null);
-  const isMountedRef = (0, import_react6.useRef)(true);
-  const delayRef = (0, import_react6.useRef)(delayMs ?? 0);
-  (0, import_react6.useEffect)(() => {
+  const appInformation = (0, import_react5.useContext)(AppInformationContext);
+  const nodeRef = (0, import_react5.useRef)(null);
+  const isMountedRef = (0, import_react5.useRef)(true);
+  const delayRef = (0, import_react5.useRef)(delayMs ?? 0);
+  (0, import_react5.useEffect)(() => {
     delayRef.current = delayMs ?? 0;
   }, [delayMs]);
-  const setConnection = (0, import_react6.useCallback)(
+  const setConnection = (0, import_react5.useCallback)(
     (state) => setState((current) => ({
       ...current,
       inputs: {
@@ -13851,7 +13905,7 @@ var TcnetInputConnection = ({
     })),
     [setState, uuid]
   );
-  const updateState = (0, import_react6.useMemo)(() => {
+  const updateState = (0, import_react5.useMemo)(() => {
     return (connections, nodes, timecodeGroup) => {
       if (!isMountedRef.current) {
         return;
@@ -13878,7 +13932,7 @@ var TcnetInputConnection = ({
       });
     };
   }, [setConnection]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const node = createTCNetNode({
       logger,
       networkInterface: iface,
@@ -13972,7 +14026,7 @@ var TcnetInputConnection = ({
       await nodeRef.current.destroy();
     }
   });
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     return () => {
       isMountedRef.current = false;
       setState((current) => {
@@ -14017,7 +14071,7 @@ var InputConnections = (props) => {
 
 // src/outputs/artnet.tsx
 var import_data5 = require("@arcanejs/react-toolkit/data");
-var import_react7 = require("react");
+var import_react6 = require("react");
 
 // src/util.ts
 var getTimecodeInstance = (state, id) => {
@@ -14062,8 +14116,8 @@ var ArtnetOutputConnection = ({
   state
 }) => {
   const log = useLogger();
-  const [artnetInstance, setArtnetInstance] = (0, import_react7.useState)(null);
-  const setConnection = (0, import_react7.useCallback)(
+  const [artnetInstance, setArtnetInstance] = (0, import_react6.useState)(null);
+  const setConnection = (0, import_react6.useCallback)(
     (state2) => setState((current) => ({
       ...current,
       outputs: {
@@ -14073,7 +14127,7 @@ var ArtnetOutputConnection = ({
     })),
     [setState, uuid]
   );
-  (0, import_react7.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     let artnet = null;
     setConnection({ status: "connecting" });
     const created = createArtnet({
@@ -14110,7 +14164,7 @@ var ArtnetOutputConnection = ({
       }
     };
   }, [setConnection, uuid, target, log]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     return () => {
       setState((current) => {
         const { [uuid]: _, ...rest } = current.outputs;
@@ -14121,15 +14175,15 @@ var ArtnetOutputConnection = ({
       });
     };
   }, [setState, uuid]);
-  const tcInstance = (0, import_react7.useMemo)(
+  const tcInstance = (0, import_react6.useMemo)(
     () => config.link && getTimecodeInstance(state, config.link),
     [state, config.link]
   );
-  const timecodeState = (0, import_react7.useMemo)(
+  const timecodeState = (0, import_react6.useMemo)(
     () => tcInstance?.state ? adjustTimecodeForDelay(tcInstance.state, config.delayMs ?? 0) : null,
     [tcInstance?.state, config.delayMs]
   );
-  (0, import_react7.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!artnetInstance) {
       return;
     }
@@ -14175,7 +14229,7 @@ var OutputConnections = (props) => {
 };
 
 // src/generators/clock.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_data6 = require("@arcanejs/react-toolkit/data");
 
 // src/tree.ts
@@ -14289,13 +14343,13 @@ var ClockGenerator = ({
   setState,
   setHandlers
 }) => {
-  const id = (0, import_react8.useMemo)(() => ["generator", uuid], [uuid]);
-  const [state, setLocalState] = (0, import_react8.useState)({
+  const id = (0, import_react7.useMemo)(() => ["generator", uuid], [uuid]);
+  const [state, setLocalState] = (0, import_react7.useState)({
     state: "stopped",
     positionMillis: 0
   });
   const { speed } = generator;
-  const play = (0, import_react8.useCallback)(() => {
+  const play = (0, import_react7.useCallback)(() => {
     setLocalState((current) => {
       if (isPlaying(current)) {
         return current;
@@ -14309,7 +14363,7 @@ var ClockGenerator = ({
       };
     });
   }, [speed]);
-  const pause = (0, import_react8.useCallback)(() => {
+  const pause = (0, import_react7.useCallback)(() => {
     setLocalState((current) => {
       if (!isPlaying(current)) {
         return current;
@@ -14321,7 +14375,7 @@ var ClockGenerator = ({
       };
     });
   }, [speed]);
-  const seekRelative = (0, import_react8.useCallback)(
+  const seekRelative = (0, import_react7.useCallback)(
     (deltaMillis) => {
       setLocalState((current) => {
         if (current.state === "none") {
@@ -14346,7 +14400,7 @@ var ClockGenerator = ({
     },
     [speed]
   );
-  const beginning = (0, import_react8.useCallback)(() => {
+  const beginning = (0, import_react7.useCallback)(() => {
     setLocalState((current) => {
       if (current.state === "none") {
         return current;
@@ -14365,7 +14419,7 @@ var ClockGenerator = ({
       }
     });
   }, []);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     setLocalState((current) => {
       if (current.state === "none" || current.state === "stopped") {
         return current;
@@ -14380,12 +14434,12 @@ var ClockGenerator = ({
       };
     });
   }, [speed]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     setHandlers(
       (current) => updateTreeState(current, id, { play, pause, seekRelative, beginning })
     );
   }, [setHandlers, id, play, pause, seekRelative, beginning]);
-  (0, import_react8.useEffect)(
+  (0, import_react7.useEffect)(
     () => setState((current) => ({
       ...current,
       generators: {
@@ -14406,7 +14460,7 @@ var ClockGenerator = ({
     })),
     [setState, uuid, state, config.name]
   );
-  (0, import_react8.useEffect)(
+  (0, import_react7.useEffect)(
     () => () => {
       setState((current) => {
         const { [uuid]: _, ...rest } = current.generators;
@@ -14447,11 +14501,179 @@ var Generators = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ClockGenerators, { ...props }) });
 };
 
+// src/license.ts
+var import_node_crypto = require("crypto");
+var import_promises = require("fs/promises");
+var import_react8 = require("react");
+var getLicense = async () => {
+  const licenseText = await (0, import_promises.readFile)(require.resolve("../LICENSE"), "utf-8");
+  const hash = (0, import_node_crypto.createHash)("sha256").update(licenseText).digest("hex");
+  return { text: licenseText, hash };
+};
+var useLicense = () => {
+  const [license, setLicense] = (0, import_react8.useState)(null);
+  (0, import_react8.useEffect)(() => {
+    getLicense().then(setLicense);
+  }, []);
+  return license;
+};
+
+// src/updates.tsx
+var import_react9 = require("react");
+
+// ../../packages/apis/dist/index.js
+var APP_PLATFORM = zod_default.enum(["windows", "macos", "linux"]);
+var APP_ARCHITECTURE = zod_default.enum(["x64", "arm64"]);
+var APP_EDITION = zod_default.enum(["desktop", "cli"]);
+var CHECK_FOR_UPDATES_REQUEST = zod_default.object({
+  app: zod_default.string(),
+  edition: APP_EDITION,
+  platform: APP_PLATFORM,
+  architecture: APP_ARCHITECTURE,
+  currentVersion: zod_default.string()
+});
+var CHECK_FOR_UPDATES_VERSION = zod_default.object({
+  version: zod_default.string(),
+  releaseNotes: zod_default.string()
+});
+var CHECK_FOR_UPDATES_RESPONSE = zod_default.object({
+  downloadUrl: zod_default.string().optional(),
+  latestVersion: zod_default.string(),
+  newVersions: zod_default.array(CHECK_FOR_UPDATES_VERSION).optional()
+});
+var ApiError = class extends Error {
+  constructor(message, response) {
+    super(message);
+    this.response = response;
+    this.name = "ApiError";
+  }
+};
+var api = (baseUrl) => {
+  const checkForUpdates = async (request) => {
+    const response = await fetch(new URL("/api/v1/updates", baseUrl), {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(request)
+    });
+    if (!response.ok) {
+      throw new ApiError(
+        `Failed to check for updates: ${response.statusText} - ${await response.text()}`,
+        response
+      );
+    }
+    const responseData = await response.json();
+    return CHECK_FOR_UPDATES_RESPONSE.parse(responseData);
+  };
+  return {
+    checkForUpdates
+  };
+};
+
+// src/updates.tsx
+var getAppPlatform = () => {
+  switch (process.platform) {
+    case "win32":
+      return "windows";
+    case "darwin":
+      return "macos";
+    case "linux":
+      return "linux";
+    default:
+      throw new Error(`Unsupported platform: ${process.platform}`);
+  }
+};
+var getAppArchitecture = () => {
+  switch (process.arch) {
+    case "x64":
+      return "x64";
+    case "arm64":
+      return "arm64";
+    default:
+      throw new Error(`Unsupported architecture: ${process.arch}`);
+  }
+};
+var UpdateChecker = ({
+  apiBaseUrl,
+  version: version2,
+  edition,
+  setUpdateState
+}) => {
+  const a = (0, import_react9.useMemo)(() => api(apiBaseUrl), [apiBaseUrl]);
+  const logger = useLogger();
+  const checkForUpdates = (0, import_react9.useCallback)(() => {
+    const lastCheckedMillis = Date.now();
+    setUpdateState({ type: "loading" });
+    a.checkForUpdates({
+      app: "timecode-toolbox",
+      edition,
+      platform: getAppPlatform(),
+      architecture: getAppArchitecture(),
+      currentVersion: version2
+    }).then((response) => {
+      if (!response.newVersions || response.newVersions.length === 0) {
+        setUpdateState({ type: "up-to-date", lastCheckedMillis });
+        logger.info("No updates available");
+        return;
+      }
+      setUpdateState({
+        type: "updates-available",
+        lastCheckedMillis,
+        response
+      });
+      logger.info(
+        `Update available: ${response.latestVersion} - Download at ${response.downloadUrl}`
+      );
+    }).catch((error) => {
+      const err = new Error("Failed to check for updates");
+      err.cause = error instanceof Error ? error : new Error(String(error));
+      setUpdateState({
+        lastCheckedMillis,
+        type: "error",
+        error: String(err)
+      });
+      logger.error(err);
+    });
+  }, [a, setUpdateState, edition, logger, version2]);
+  (0, import_react9.useEffect)(() => {
+    checkForUpdates();
+    const interval = setInterval(checkForUpdates, 1e3 * 60 * 60);
+    return () => clearInterval(interval);
+  }, [checkForUpdates]);
+  (0, import_react9.useEffect)(() => {
+    return () => {
+      setUpdateState(null);
+    };
+  }, [setUpdateState]);
+  return null;
+};
+
+// src/env.ts
+var getEnv = (logger) => {
+  const PORT = process.env.PORT ? parseInt(process.env.PORT, 10) : {
+    from: 4100,
+    to: 4200
+  };
+  let API_BASE_URL;
+  try {
+    API_BASE_URL = process.env.API_BASE_URL ? new URL(process.env.API_BASE_URL) : new URL("https://arcanewizards.com");
+  } catch (error) {
+    const err = new Error(`Invalid API_BASE_URL: ${process.env.API_BASE_URL}`);
+    err.cause = error instanceof Error ? error : new Error(String(error));
+    logger.error(err);
+    throw err;
+  }
+  return {
+    PORT,
+    API_BASE_URL
+  };
+};
+
 // src/app.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var App = ({
   title,
   version: version2,
+  edition,
   toolkit,
   dataDirectory,
   logger,
@@ -14459,8 +14681,9 @@ var App = ({
   setWindowUrl,
   shutdownContext
 }) => {
+  const env = (0, import_react10.useMemo)(() => getEnv(logger), [logger]);
   const { data, error, updateData, resetData } = (0, import_data7.useDataFileContext)(ToolboxConfigData);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (error) {
       logger.warn("Resetting config to application default");
       resetData();
@@ -14469,13 +14692,20 @@ var App = ({
   const onUpdateConfig = (diff) => {
     updateData((prev) => patchJson(prev, diff) ?? DEFAULT_CONFIG);
   };
-  const [state, setState] = (0, import_react9.useState)({
+  const [state, setState] = (0, import_react10.useState)({
     inputs: {},
     outputs: {},
-    generators: {}
+    generators: {},
+    updates: null
   });
-  const [handlers, setHandlers] = (0, import_react9.useState)({ children: {} });
-  const availableHandlers = (0, import_react9.useMemo)(
+  const setUpdateState = (0, import_react10.useCallback)((updates) => {
+    setState((prev) => ({
+      ...prev,
+      updates
+    }));
+  }, []);
+  const [handlers, setHandlers] = (0, import_react10.useState)({ children: {} });
+  const availableHandlers = (0, import_react10.useMemo)(
     () => mapTree(
       handlers,
       (node) => Object.fromEntries(
@@ -14484,7 +14714,7 @@ var App = ({
     ),
     [handlers]
   );
-  const callHandler = (0, import_react9.useCallback)(
+  const callHandler = (0, import_react10.useCallback)(
     async (call) => {
       const handlerFunc = getTreeValue(handlers, call.path)?.[call.handler];
       if (handlerFunc) {
@@ -14496,6 +14726,54 @@ var App = ({
     },
     [handlers]
   );
+  const license = useLicense();
+  const appListenerConfig = (0, import_react10.useMemo)(
+    () => ({
+      default: {
+        port: env.PORT
+      }
+    }),
+    [env.PORT]
+  );
+  if (!license) {
+    return;
+  }
+  const children = data.agreedToLicense === license.hash ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      C.ToolboxRoot,
+      {
+        config: data,
+        state,
+        handlers: availableHandlers,
+        onUpdateConfig,
+        onCallHandler: callHandler,
+        license: license.text
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(InputConnections, { state, setState }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Generators,
+      {
+        state,
+        setState,
+        setHandlers
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(OutputConnections, { state, setState })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    C.LicenseGate,
+    {
+      license: license.text,
+      hash: license.hash,
+      onAcceptLicense: (agreedToLicense) => {
+        logger.info(`License accepted: ${agreedToLicense}`);
+        updateData((current) => ({
+          ...current,
+          agreedToLicense
+        }));
+      }
+    }
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     AppShell,
     {
@@ -14506,32 +14784,22 @@ var App = ({
       logEventEmitter,
       shutdownContext,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          C.ToolboxRoot,
+        children,
+        data.checkForUpdates && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          UpdateChecker,
           {
-            config: data,
-            state,
-            handlers: availableHandlers,
-            onUpdateConfig,
-            onCallHandler: callHandler
+            version: version2,
+            edition,
+            apiBaseUrl: env.API_BASE_URL,
+            setUpdateState
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(InputConnections, { state, setState }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Generators, { state, setState, setHandlers }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(OutputConnections, { state, setState }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           AppListenerManager,
           {
             toolkit,
             setWindowUrl,
-            listenerConfig: {
-              default: {
-                port: {
-                  from: 4100,
-                  to: 4200
-                }
-              }
-            }
+            listenerConfig: appListenerConfig
           }
         )
       ]
@@ -14549,7 +14817,7 @@ var createApp = (props) => {
 };
 
 // package.json
-var version = "0.1.0";
+var version = "0.1.2";
 
 // src/urls.ts
 var urls_exports = {};
@@ -14594,11 +14862,13 @@ var runTimecodeToolboxServer = ({
   logger,
   appProps,
   toolkitOptions,
-  title
+  title,
+  edition
 }) => runSigilApp({
   logger,
   title,
   version,
+  edition,
   appProps,
   toolkitOptions,
   createApp,