@ynput/ayon-frontend-shared 0.2.0 → 0.2.2

package/dist/shared/src/hooks/useLoadModules.es.js

@@ -0,0 +1,136 @@
+import { r as runtimeExports } from "../../../_virtual/runtime.es.js";
+import { useRef, useState, useEffect } from "react";
+import semver from "../../../_virtual/semver.es.js";
+const useLoadModules = (moduleSpecs, modules, skip) => {
+  const processedModules = useRef(/* @__PURE__ */ new Set());
+  const [results, setResults] = useState(
+    () => initializeResults(moduleSpecs)
+  );
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    if (skip) return;
+    processedModules.current = /* @__PURE__ */ new Set();
+    setResults(initializeResults(moduleSpecs));
+  }, [JSON.stringify(moduleSpecs), skip]);
+  const loadModule = async (remote, module, addon, fallback, minVersion) => {
+    try {
+      const result = await runtimeExports.loadRemote(`${remote}/${module}`, {
+        from: "runtime"
+      });
+      updateResultWithLoaded(addon, remote, module, (result == null ? void 0 : result.default) || fallback, minVersion);
+    } catch (error) {
+      console.error("Error loading remote module", remote, module, error);
+      throw error;
+    }
+  };
+  useEffect(() => {
+    if (skip) return;
+    console.log("loading modules");
+    const promises = [];
+    moduleSpecs.forEach((spec, index) => {
+      var _a, _b;
+      const { addon, remote, module, fallback, minVersion } = spec;
+      if (!addon || !remote || !module) return;
+      const moduleKey = `${addon}/${remote}/${module}`;
+      if (processedModules.current.has(moduleKey)) return;
+      if ((_b = (_a = results[index]) == null ? void 0 : _a[1]) == null ? void 0 : _b.isLoaded) {
+        processedModules.current.add(moduleKey);
+        return;
+      }
+      processedModules.current.add(moduleKey);
+      const addonInfo = modules.find((m) => m.addonName === addon);
+      if (!addonInfo) {
+        console.log("Addon not found", { addon, remote, module });
+        return;
+      }
+      if (minVersion && !semver.gte(addonInfo.addonVersion, minVersion)) {
+        updateResultWithOutdated(
+          index,
+          addon,
+          remote,
+          module,
+          fallback,
+          minVersion,
+          addonInfo.addonVersion
+        );
+        return;
+      }
+      if (!addonInfo.modules[remote]) {
+        console.log("Module not found", { addon, remote, module });
+        return;
+      }
+      promises.push(loadModule(remote, module, addon, fallback, minVersion));
+    });
+    setIsLoading(true);
+    Promise.all(promises).then(() => {
+      setIsLoading(false);
+    }).catch((error) => {
+      console.error("Error loading modules", error);
+      setIsLoading(false);
+    });
+  }, [skip, modules, JSON.stringify(moduleSpecs)]);
+  function initializeResults(specs) {
+    return specs.map(
+      ({ addon = "", remote = "", module = "", fallback, minVersion }) => [
+        fallback,
+        {
+          isLoaded: false,
+          addon,
+          remote,
+          module,
+          minVersion,
+          outdated: void 0
+        }
+      ]
+    );
+  }
+  function updateResultWithOutdated(index, addon, remote, module, fallback, requiredVersion, currentVersion) {
+    setResults((prev) => {
+      const updated = [...prev];
+      if (index >= 0 && index < updated.length) {
+        updated[index] = [
+          fallback,
+          {
+            isLoaded: false,
+            addon,
+            remote,
+            module,
+            minVersion: requiredVersion,
+            outdated: {
+              current: currentVersion,
+              required: requiredVersion
+            }
+          }
+        ];
+      }
+      return updated;
+    });
+  }
+  function updateResultWithLoaded(addon, remote, module, loadedModule, minVersion) {
+    setResults((prev) => {
+      const updated = [...prev];
+      const index = moduleSpecs.findIndex(
+        (spec) => spec.addon === addon && spec.remote === remote && spec.module === module
+      );
+      if (index >= 0 && index < updated.length) {
+        updated[index] = [
+          loadedModule,
+          {
+            isLoaded: true,
+            addon,
+            remote,
+            module,
+            minVersion,
+            outdated: void 0
+          }
+        ];
+      }
+      return updated;
+    });
+  }
+  return { modules: results, isLoading };
+};
+export {
+  useLoadModules
+};
+//# sourceMappingURL=useLoadModules.es.js.map

package/dist/shared/src/hooks/useLoadModules.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoadModules.es.js","sources":["../../../../src/hooks/useLoadModules.ts"],"sourcesContent":["import { useRemoteModules } from '@shared/context/RemoteModulesContext'\nimport { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\nimport { FrontendModuleListItem } from '@shared/api'\n\nexport interface ModuleSpec<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback?: T\n  debug?: boolean\n  minVersion?: string\n}\n\ntype ModuleResult<T> = [\n  T,\n  {\n    isLoaded: boolean\n    addon: string\n    remote: string\n    module: string\n    minVersion?: string\n    outdated?: {\n      current: string\n      required: string\n    }\n  },\n]\n\nexport const useLoadModules = <T extends any[]>(\n  moduleSpecs: ModuleSpec<T[number]>[],\n  modules: FrontendModuleListItem[],\n  skip: boolean,\n): { modules: ModuleResult<T[number]>[]; isLoading: boolean } => {\n  // Use a ref to track which modules have been processed\n  const processedModules = useRef<Set<string>>(new Set())\n\n  // Initialize results state\n  const [results, setResults] = useState<ModuleResult<T[number]>[]>(() =>\n    initializeResults(moduleSpecs),\n  )\n  const [isLoading, setIsLoading] = useState(true)\n\n  // Reset and reinitialize when moduleSpecs change\n  useEffect(() => {\n    if (skip) return\n    // Reset the processed modules tracker\n    processedModules.current = new Set()\n\n    // Initialize results with proper structure\n    setResults(initializeResults(moduleSpecs))\n  }, [JSON.stringify(moduleSpecs), skip])\n\n  const loadModule = async (\n    remote: string,\n    module: string,\n    addon: string,\n    fallback: T[number] | undefined,\n    minVersion?: string,\n  ) => {\n    try {\n      const result = await loadRemote<{ default: T[number] }>(`${remote}/${module}`, {\n        from: 'runtime',\n      })\n      updateResultWithLoaded(addon, remote, module, result?.default || fallback, minVersion)\n    } catch (error) {\n      console.error('Error loading remote module', remote, module, error)\n      throw error\n    }\n  }\n\n  // Load modules when remotes are initialized\n  useEffect(() => {\n    if (skip) return\n\n    console.log('loading modules')\n\n    const promises: Promise<void>[] = []\n    moduleSpecs.forEach((spec, index) => {\n      const { addon, remote, module, fallback, minVersion } = spec\n\n      if (!addon || !remote || !module) return\n\n      // Create a unique key for this module\n      const moduleKey = `${addon}/${remote}/${module}`\n\n      // Skip if already processed\n      if (processedModules.current.has(moduleKey)) return\n\n      // Check if this module is already loaded in our results\n      if (results[index]?.[1]?.isLoaded) {\n        processedModules.current.add(moduleKey)\n        return\n      }\n\n      // Mark as processed\n      processedModules.current.add(moduleKey)\n\n      const addonInfo = modules.find((m) => m.addonName === addon)\n\n      // Handle missing addon\n      if (!addonInfo) {\n        console.log('Addon not found', { addon, remote, module })\n        return\n      }\n\n      // Check version requirements\n      if (minVersion && !semver.gte(addonInfo.addonVersion, minVersion)) {\n        updateResultWithOutdated(\n          index,\n          addon,\n          remote,\n          module,\n          fallback,\n          minVersion,\n          addonInfo.addonVersion,\n        )\n        return\n      }\n\n      // Check if module exists\n      if (!addonInfo.modules[remote]) {\n        console.log('Module not found', { addon, remote, module })\n        return\n      }\n\n      promises.push(loadModule(remote, module, addon, fallback, minVersion))\n    })\n\n    // Wait for all promises to resolve\n    setIsLoading(true)\n    Promise.all(promises)\n      .then(() => {\n        // all modules loaded\n        setIsLoading(false)\n      })\n      .catch((error) => {\n        console.error('Error loading modules', error)\n        setIsLoading(false)\n      })\n  }, [skip, modules, JSON.stringify(moduleSpecs)])\n\n  // Helper function to initialize results\n  function initializeResults(specs: ModuleSpec<T[number]>[]): ModuleResult<T[number]>[] {\n    return specs.map(\n      ({ addon = '', remote = '', module = '', fallback, minVersion }): ModuleResult<T[number]> => [\n        fallback as T[number],\n        {\n          isLoaded: false,\n          addon,\n          remote,\n          module,\n          minVersion,\n          outdated: undefined,\n        },\n      ],\n    )\n  }\n\n  // Helper to update a result with outdated status\n  function updateResultWithOutdated(\n    index: number,\n    addon: string,\n    remote: string,\n    module: string,\n    fallback: T[number] | undefined,\n    requiredVersion: string,\n    currentVersion: string,\n  ) {\n    setResults((prev) => {\n      const updated = [...prev]\n      if (index >= 0 && index < updated.length) {\n        updated[index] = [\n          fallback,\n          {\n            isLoaded: false,\n            addon,\n            remote,\n            module,\n            minVersion: requiredVersion,\n            outdated: {\n              current: currentVersion,\n              required: requiredVersion,\n            },\n          },\n        ]\n      }\n      return updated\n    })\n  }\n\n  // Helper to update a result when module is loaded\n  function updateResultWithLoaded(\n    addon: string,\n    remote: string,\n    module: string,\n    loadedModule: T[number] | undefined,\n    minVersion?: string,\n  ) {\n    setResults((prev) => {\n      const updated = [...prev]\n      // Find the corresponding module spec\n      const index = moduleSpecs.findIndex(\n        (spec) => spec.addon === addon && spec.remote === remote && spec.module === module,\n      )\n\n      if (index >= 0 && index < updated.length) {\n        updated[index] = [\n          loadedModule,\n          {\n            isLoaded: true,\n            addon,\n            remote,\n            module,\n            minVersion,\n            outdated: undefined,\n          },\n        ]\n      }\n      return updated\n    })\n  }\n\n  return { modules: results, isLoading }\n}\n"],"names":["loadRemote"],"mappings":"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"}

package/dist/shared/src/hooks/useScopedStatuses.cjs.js

@@ -69,7 +69,10 @@ const useScopedStatuses = (projects, entityTypes) => {
   let currentStatuses;
   for (const item of Object.values(response.data)) {
     const filteredStatuses = item.statuses.filter(
-      (status) => entityTypes.every((type) => status.scope.includes(type))
+      (status) => entityTypes.every((type) => {
+        var _a;
+        return !status.scope || ((_a = status.scope) == null ? void 0 : _a.includes(type));
+      })
     );
     if (currentStatuses === void 0) {
       currentStatuses = filteredStatuses;

package/dist/shared/src/hooks/useScopedStatuses.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScopedStatuses.cjs.js","sources":["../../../../src/hooks/useScopedStatuses.ts"],"sourcesContent":["import { useGetProjectsInfoQuery } from '@shared/api'\nimport type { ProjectModel, Status } from '@shared/api'\nimport { intersectionBy } from 'lodash'\n\ntype EntityStatus = Status & {\n  scope?: string[]\n}\n\nexport const useScopedStatuses = (projects: string[], entityTypes: string[]) => {\n  const response = useGetProjectsInfoQuery({ projects: [...new Set(projects).values()] })\n\n  if (!response || !response.data) {\n    return []\n  }\n\n  let currentStatuses: EntityStatus[] | undefined\n  for (const item of Object.values(response.data) as ProjectModel[]) {\n    const filteredStatuses = item.statuses!.filter((status: EntityStatus) =>\n      entityTypes.every((type) => status.scope!.includes(type)),\n    )\n    if (currentStatuses === undefined) {\n      currentStatuses = filteredStatuses\n      continue\n    }\n    currentStatuses = intersectionBy(currentStatuses, filteredStatuses, 'name')\n  }\n\n  return currentStatuses\n}\n\nexport const filterProjectStatuses = (statuses: EntityStatus[], entityTypes: string[]) => {\n  let statusesList: EntityStatus[] = Object.values(statuses || {})\n\n  if (statusesList.length == 0 || statusesList[0].scope === undefined) {\n    return statusesList\n  }\n\n  return statusesList.filter((el) => entityTypes.every((type) => el.scope!.includes(type)))\n}\n"],"names":["useGetProjectsInfoQuery","intersectionBy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,oBAAoB,CAAC,UAAoB,gBAA0B;AAC9E,QAAM,WAAWA,iBAAAA,wBAAwB,EAAE,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,EAAE,OAAQ,CAAA,GAAG;AAEtF,MAAI,CAAC,YAAY,CAAC,SAAS,MAAM;AAC/B,WAAO,CAAC;AAAA,EAAA;AAGN,MAAA;AACJ,aAAW,QAAQ,OAAO,OAAO,SAAS,IAAI,GAAqB;AAC3D,UAAA,mBAAmB,KAAK,SAAU;AAAA,MAAO,CAAC,WAC9C,YAAY,MAAM,CAAC,SAAS,OAAO,MAAO,SAAS,IAAI,CAAC;AAAA,IAC1D;AACA,QAAI,oBAAoB,QAAW;AACf,wBAAA;AAClB;AAAA,IAAA;AAEgB,sBAAAC,OAAA,cAAA,eAAe,iBAAiB,kBAAkB,MAAM;AAAA,EAAA;AAGrE,SAAA;AACT;AAEa,MAAA,wBAAwB,CAAC,UAA0B,gBAA0B;AACxF,MAAI,eAA+B,OAAO,OAAO,YAAY,CAAA,CAAE;AAE/D,MAAI,aAAa,UAAU,KAAK,aAAa,CAAC,EAAE,UAAU,QAAW;AAC5D,WAAA;AAAA,EAAA;AAGT,SAAO,aAAa,OAAO,CAAC,OAAO,YAAY,MAAM,CAAC,SAAS,GAAG,MAAO,SAAS,IAAI,CAAC,CAAC;AAC1F;;;"}
+{"version":3,"file":"useScopedStatuses.cjs.js","sources":["../../../../src/hooks/useScopedStatuses.ts"],"sourcesContent":["import { useGetProjectsInfoQuery } from '@shared/api'\nimport type { ProjectModel, Status } from '@shared/api'\nimport { intersectionBy } from 'lodash'\n\ntype EntityStatus = Status & {\n  scope?: string[]\n}\n\nexport const useScopedStatuses = (projects: string[], entityTypes: string[]) => {\n  const response = useGetProjectsInfoQuery({ projects: [...new Set(projects).values()] })\n\n  if (!response || !response.data) {\n    return []\n  }\n\n  let currentStatuses: EntityStatus[] | undefined\n  for (const item of Object.values(response.data) as ProjectModel[]) {\n    const filteredStatuses = item.statuses!.filter((status: EntityStatus) =>\n      entityTypes.every((type) => (!status.scope || status.scope?.includes(type))),\n    )\n    if (currentStatuses === undefined) {\n      currentStatuses = filteredStatuses\n      continue\n    }\n    currentStatuses = intersectionBy(currentStatuses, filteredStatuses, 'name')\n  }\n\n  return currentStatuses\n}\n\nexport const filterProjectStatuses = (statuses: EntityStatus[], entityTypes: string[]) => {\n  let statusesList: EntityStatus[] = Object.values(statuses || {})\n\n  if (statusesList.length == 0 || statusesList[0].scope === undefined) {\n    return statusesList\n  }\n\n  return statusesList.filter((el) => entityTypes.every((type) => el.scope!.includes(type)))\n}\n"],"names":["useGetProjectsInfoQuery","intersectionBy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,oBAAoB,CAAC,UAAoB,gBAA0B;AAC9E,QAAM,WAAWA,iBAAAA,wBAAwB,EAAE,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,EAAE,OAAQ,CAAA,GAAG;AAEtF,MAAI,CAAC,YAAY,CAAC,SAAS,MAAM;AAC/B,WAAO,CAAC;AAAA,EAAA;AAGN,MAAA;AACJ,aAAW,QAAQ,OAAO,OAAO,SAAS,IAAI,GAAqB;AAC3D,UAAA,mBAAmB,KAAK,SAAU;AAAA,MAAO,CAAC,WAC9C,YAAY,MAAM,CAAC,SAAU;;AAAA,gBAAC,OAAO,WAAS,YAAO,UAAP,mBAAc,SAAS;AAAA,OAAM;AAAA,IAC7E;AACA,QAAI,oBAAoB,QAAW;AACf,wBAAA;AAClB;AAAA,IAAA;AAEgB,sBAAAC,OAAA,cAAA,eAAe,iBAAiB,kBAAkB,MAAM;AAAA,EAAA;AAGrE,SAAA;AACT;AAEa,MAAA,wBAAwB,CAAC,UAA0B,gBAA0B;AACxF,MAAI,eAA+B,OAAO,OAAO,YAAY,CAAA,CAAE;AAE/D,MAAI,aAAa,UAAU,KAAK,aAAa,CAAC,EAAE,UAAU,QAAW;AAC5D,WAAA;AAAA,EAAA;AAGT,SAAO,aAAa,OAAO,CAAC,OAAO,YAAY,MAAM,CAAC,SAAS,GAAG,MAAO,SAAS,IAAI,CAAC,CAAC;AAC1F;;;"}

package/dist/shared/src/hooks/useScopedStatuses.es.js

@@ -67,7 +67,10 @@ const useScopedStatuses = (projects, entityTypes) => {
   let currentStatuses;
   for (const item of Object.values(response.data)) {
     const filteredStatuses = item.statuses.filter(
-      (status) => entityTypes.every((type) => status.scope.includes(type))
+      (status) => entityTypes.every((type) => {
+        var _a;
+        return !status.scope || ((_a = status.scope) == null ? void 0 : _a.includes(type));
+      })
     );
     if (currentStatuses === void 0) {
       currentStatuses = filteredStatuses;

package/dist/shared/src/hooks/useScopedStatuses.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScopedStatuses.es.js","sources":["../../../../src/hooks/useScopedStatuses.ts"],"sourcesContent":["import { useGetProjectsInfoQuery } from '@shared/api'\nimport type { ProjectModel, Status } from '@shared/api'\nimport { intersectionBy } from 'lodash'\n\ntype EntityStatus = Status & {\n  scope?: string[]\n}\n\nexport const useScopedStatuses = (projects: string[], entityTypes: string[]) => {\n  const response = useGetProjectsInfoQuery({ projects: [...new Set(projects).values()] })\n\n  if (!response || !response.data) {\n    return []\n  }\n\n  let currentStatuses: EntityStatus[] | undefined\n  for (const item of Object.values(response.data) as ProjectModel[]) {\n    const filteredStatuses = item.statuses!.filter((status: EntityStatus) =>\n      entityTypes.every((type) => status.scope!.includes(type)),\n    )\n    if (currentStatuses === undefined) {\n      currentStatuses = filteredStatuses\n      continue\n    }\n    currentStatuses = intersectionBy(currentStatuses, filteredStatuses, 'name')\n  }\n\n  return currentStatuses\n}\n\nexport const filterProjectStatuses = (statuses: EntityStatus[], entityTypes: string[]) => {\n  let statusesList: EntityStatus[] = Object.values(statuses || {})\n\n  if (statusesList.length == 0 || statusesList[0].scope === undefined) {\n    return statusesList\n  }\n\n  return statusesList.filter((el) => entityTypes.every((type) => el.scope!.includes(type)))\n}\n"],"names":["intersectionBy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,oBAAoB,CAAC,UAAoB,gBAA0B;AAC9E,QAAM,WAAW,wBAAwB,EAAE,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,EAAE,OAAQ,CAAA,GAAG;AAEtF,MAAI,CAAC,YAAY,CAAC,SAAS,MAAM;AAC/B,WAAO,CAAC;AAAA,EAAA;AAGN,MAAA;AACJ,aAAW,QAAQ,OAAO,OAAO,SAAS,IAAI,GAAqB;AAC3D,UAAA,mBAAmB,KAAK,SAAU;AAAA,MAAO,CAAC,WAC9C,YAAY,MAAM,CAAC,SAAS,OAAO,MAAO,SAAS,IAAI,CAAC;AAAA,IAC1D;AACA,QAAI,oBAAoB,QAAW;AACf,wBAAA;AAClB;AAAA,IAAA;AAEgB,sBAAAA,cAAA,eAAe,iBAAiB,kBAAkB,MAAM;AAAA,EAAA;AAGrE,SAAA;AACT;AAEa,MAAA,wBAAwB,CAAC,UAA0B,gBAA0B;AACxF,MAAI,eAA+B,OAAO,OAAO,YAAY,CAAA,CAAE;AAE/D,MAAI,aAAa,UAAU,KAAK,aAAa,CAAC,EAAE,UAAU,QAAW;AAC5D,WAAA;AAAA,EAAA;AAGT,SAAO,aAAa,OAAO,CAAC,OAAO,YAAY,MAAM,CAAC,SAAS,GAAG,MAAO,SAAS,IAAI,CAAC,CAAC;AAC1F;"}
+{"version":3,"file":"useScopedStatuses.es.js","sources":["../../../../src/hooks/useScopedStatuses.ts"],"sourcesContent":["import { useGetProjectsInfoQuery } from '@shared/api'\nimport type { ProjectModel, Status } from '@shared/api'\nimport { intersectionBy } from 'lodash'\n\ntype EntityStatus = Status & {\n  scope?: string[]\n}\n\nexport const useScopedStatuses = (projects: string[], entityTypes: string[]) => {\n  const response = useGetProjectsInfoQuery({ projects: [...new Set(projects).values()] })\n\n  if (!response || !response.data) {\n    return []\n  }\n\n  let currentStatuses: EntityStatus[] | undefined\n  for (const item of Object.values(response.data) as ProjectModel[]) {\n    const filteredStatuses = item.statuses!.filter((status: EntityStatus) =>\n      entityTypes.every((type) => (!status.scope || status.scope?.includes(type))),\n    )\n    if (currentStatuses === undefined) {\n      currentStatuses = filteredStatuses\n      continue\n    }\n    currentStatuses = intersectionBy(currentStatuses, filteredStatuses, 'name')\n  }\n\n  return currentStatuses\n}\n\nexport const filterProjectStatuses = (statuses: EntityStatus[], entityTypes: string[]) => {\n  let statusesList: EntityStatus[] = Object.values(statuses || {})\n\n  if (statusesList.length == 0 || statusesList[0].scope === undefined) {\n    return statusesList\n  }\n\n  return statusesList.filter((el) => entityTypes.every((type) => el.scope!.includes(type)))\n}\n"],"names":["intersectionBy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,oBAAoB,CAAC,UAAoB,gBAA0B;AAC9E,QAAM,WAAW,wBAAwB,EAAE,UAAU,CAAC,GAAG,IAAI,IAAI,QAAQ,EAAE,OAAQ,CAAA,GAAG;AAEtF,MAAI,CAAC,YAAY,CAAC,SAAS,MAAM;AAC/B,WAAO,CAAC;AAAA,EAAA;AAGN,MAAA;AACJ,aAAW,QAAQ,OAAO,OAAO,SAAS,IAAI,GAAqB;AAC3D,UAAA,mBAAmB,KAAK,SAAU;AAAA,MAAO,CAAC,WAC9C,YAAY,MAAM,CAAC,SAAU;;AAAA,gBAAC,OAAO,WAAS,YAAO,UAAP,mBAAc,SAAS;AAAA,OAAM;AAAA,IAC7E;AACA,QAAI,oBAAoB,QAAW;AACf,wBAAA;AAClB;AAAA,IAAA;AAEgB,sBAAAA,cAAA,eAAe,iBAAiB,kBAAkB,MAAM;AAAA,EAAA;AAGrE,SAAA;AACT;AAEa,MAAA,wBAAwB,CAAC,UAA0B,gBAA0B;AACxF,MAAI,eAA+B,OAAO,OAAO,YAAY,CAAA,CAAE;AAE/D,MAAI,aAAa,UAAU,KAAK,aAAa,CAAC,EAAE,UAAU,QAAW;AAC5D,WAAA;AAAA,EAAA;AAGT,SAAO,aAAa,OAAO,CAAC,OAAO,YAAY,MAAM,CAAC,SAAS,GAAG,MAAO,SAAS,IAAI,CAAC,CAAC;AAC1F;"}

package/dist/types/components/EntityPath/EntityPath.styled.d.ts

@@ -1,6 +1,7 @@
 export declare const Path: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const SegmentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Segment: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const FinalSegmentLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const ActiveSegment: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const MoreModal: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const MoreList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;

package/dist/types/containers/RepresentationsList/RepresentationsList.d.ts

@@ -2,5 +2,5 @@ import { DetailsPanelEntityData } from '../../api';
 type Props = {
     entities: DetailsPanelEntityData[];
 };
-export declare const RepresentationsList: ({ entities }: Props) => import("react/jsx-runtime").JSX.Element | undefined;
+export declare const RepresentationsList: ({ entities }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/context/DetailsPanelContext.d.ts

@@ -32,6 +32,10 @@ export interface DetailsPanelContextProps {
     onOpenImage?: (args: any) => void;
     onGoToFrame?: (frame: number) => void;
     onOpenViewer?: (args: any) => void;
+    onUpdateEntity?: (data: {
+        operations: any[];
+        entityType: string;
+    }) => void;
 }
 export interface DetailsPanelContextType extends DetailsPanelContextProps {
     panelOpenByScope: OpenStateByScope;

package/dist/types/hooks/index.d.ts

@@ -1,5 +1,6 @@
 export * from './useLocalStorage';
 export * from './useLoadModule';
+export * from './useLoadModules';
 export * from './useScopedStatuses';
 export * from './useEntityUpdate';
 export * from './useActionTriggers';

package/dist/types/hooks/useLoadModules.d.ts

@@ -0,0 +1,28 @@
+import { FrontendModuleListItem } from '../api';
+export interface ModuleSpec<T> {
+    addon: string;
+    remote: string;
+    module: string;
+    fallback?: T;
+    debug?: boolean;
+    minVersion?: string;
+}
+type ModuleResult<T> = [
+    T,
+    {
+        isLoaded: boolean;
+        addon: string;
+        remote: string;
+        module: string;
+        minVersion?: string;
+        outdated?: {
+            current: string;
+            required: string;
+        };
+    }
+];
+export declare const useLoadModules: <T extends any[]>(moduleSpecs: ModuleSpec<T[number]>[], modules: FrontendModuleListItem[], skip: boolean) => {
+    modules: ModuleResult<T[number]>[];
+    isLoading: boolean;
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ynput/ayon-frontend-shared",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Shared React components for AYON frontend",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",