@ynput/ayon-frontend-shared 0.2.20 → 0.2.21

package/dist/shared/src/{components/Views/ViewForm/ViewFormContainer.es.js → containers/Views/utils/viewUpdateHelper.es.js}

@@ -1,5 +1,3 @@
-import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef, useState, useCallback } from "react";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
 import "../../../api/generated/access.es.js";
@@ -71,119 +69,57 @@ import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/versions/updateVersions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/cloud/cloud.es.js";
-import { useGetViewQuery } from "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/getViews.es.js";
 import { useCreateViewMutation } from "../../../api/queries/views/updateViews.es.js";
-import { ViewForm } from "./ViewForm.es.js";
-const ViewFormContainer = forwardRef(
-  ({
-    initialData = { label: "", scope: "project", visibility: "private" },
-    viewId,
+import { generateWorkingView } from "./generateWorkingView.es.js";
+import { toast } from "react-toastify";
+import { useCallback } from "react";
+import { useViewsContext } from "../context/ViewsContext.es.js";
+const useViewUpdateHelper = () => {
+  const [createView] = useCreateViewMutation();
+  const {
+    viewSettings,
     viewType,
-    project,
-    onSuccess,
-    onCancel
-  }, ref) => {
-    const isEditing = !!viewId;
-    const [error, setError] = useState();
-    const [createView, { isLoading: createLoading }] = useCreateViewMutation();
-    const { data: viewData, isLoading: viewLoading } = useGetViewQuery(
-      { viewId, viewType, project },
-      { skip: !viewId }
-    );
-    const handleSubmit = useCallback(
-      async (formData) => {
-        try {
-          setError(void 0);
-          if (isEditing && viewId) {
-            console.log("Update view - would update with data:", formData);
-            const viewData2 = {
-              id: viewId,
-              label: formData.label,
-              scope: formData.scope,
-              visibility: formData.visibility
-            };
-            onSuccess == null ? void 0 : onSuccess("update", viewData2);
-          } else {
-            let payload;
-            if (viewType === "overview") {
-              payload = {
-                label: formData.label,
-                scope: formData.scope,
-                visibility: formData.visibility,
-                settings: {},
-                viewType: "overview"
-              };
-            } else {
-              payload = {
-                label: formData.label,
-                scope: formData.scope,
-                visibility: formData.visibility,
-                settings: { expanded: false },
-                viewType: "taskProgress"
-              };
-            }
-            const result = await createView({
-              viewType,
-              project,
-              payload
-            }).unwrap();
-            const viewData2 = {
-              id: result.id,
-              label: formData.label,
-              scope: formData.scope,
-              visibility: formData.visibility
-            };
-            onSuccess == null ? void 0 : onSuccess("create", viewData2);
-          }
-        } catch (err) {
-          setError((err == null ? void 0 : err.message) || "Failed to save view");
-          console.error("Error saving view:", err);
-        }
-      },
-      [isEditing, viewId, viewType, project, createView, onSuccess]
-    );
-    const handleDelete = useCallback(async () => {
-      if (!viewId) return;
-      try {
-        setError(void 0);
-        console.log("Delete view - not implemented yet");
-        onSuccess == null ? void 0 : onSuccess("delete");
-      } catch (err) {
-        setError((err == null ? void 0 : err.message) || "Failed to delete view");
-        console.error("Error deleting view:", err);
-      }
-    }, [viewId, onSuccess]);
-    const handleDuplicate = useCallback(async () => {
-      if (!viewId) return;
+    projectName,
+    selectedView,
+    setSelectedView,
+    workingView,
+    onSettingsChanged
+  } = useViewsContext();
+  const updateViewSettings = useCallback(
+    async (updatedSettings, localStateSetter, newLocalValue, options = {}) => {
       try {
-        setError(void 0);
-        console.log("Duplicate view - not implemented yet");
-        onSuccess == null ? void 0 : onSuccess("duplicate");
-      } catch (err) {
-        setError((err == null ? void 0 : err.message) || "Failed to duplicate view");
-        console.error("Error duplicating view:", err);
-      }
-    }, [viewId, onSuccess]);
-    const isLoading = createLoading || viewLoading;
-    console.log("render ViewFormContainer with data:");
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ViewForm,
-      {
-        ref,
-        initialData: isEditing ? viewData : initialData,
-        error,
-        isEditing,
-        isLoading,
-        viewLoading,
-        onSubmit: handleSubmit,
-        onDelete: handleDelete,
-        onDuplicate: handleDuplicate,
-        onCancel
+        if (!viewType) throw "No view type provided for updating view settings";
+        if (!projectName) throw "No project name provided for updating view settings";
+        localStateSetter(newLocalValue);
+        const newSettings = { ...viewSettings, ...updatedSettings };
+        const newWorkingView = generateWorkingView(newSettings);
+        const newWorkingViewId = (workingView == null ? void 0 : workingView.id) || newWorkingView.id;
+        const promise = createView({
+          payload: newWorkingView,
+          viewType,
+          projectName
+        }).unwrap();
+        if (selectedView && !selectedView.working) {
+          onSettingsChanged(true);
+        }
+        setSelectedView(newWorkingViewId);
+        await promise;
+        localStateSetter(null);
+        if (options.successMessage) {
+          toast.success(options.successMessage);
+        }
+      } catch (error) {
+        localStateSetter(null);
+        const errorMsg = options.errorMessage || `Failed to update view settings: ${error}`;
+        toast.error(errorMsg);
       }
-    );
-  }
-);
+    },
+    [createView, viewType, projectName, workingView, selectedView, onSettingsChanged, viewSettings]
+  );
+  return { updateViewSettings };
+};
 export {
-  ViewFormContainer
+  useViewUpdateHelper
 };
-//# sourceMappingURL=ViewFormContainer.es.js.map
+//# sourceMappingURL=viewUpdateHelper.es.js.map

package/dist/shared/src/containers/Views/utils/viewUpdateHelper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewUpdateHelper.es.js","sources":["../../../../../../src/containers/Views/utils/viewUpdateHelper.ts"],"sourcesContent":["/**\n * Shared helper for updating view settings with optimistic local state management.\n *\n * This helper provides common functionality used by view settings hooks:\n * - Optimistic local state updates for immediate UI response\n * - Background API calls to persist changes\n * - Error handling with state reversion\n * - Working view management\n */\n\nimport { useCreateViewMutation } from '@shared/api'\nimport { generateWorkingView } from './generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useCallback } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\n\ninterface UpdateOptions {\n  successMessage?: string\n  errorMessage?: string\n}\n\nexport const useViewUpdateHelper = () => {\n  const [createView] = useCreateViewMutation()\n\n  const {\n    viewSettings,\n    viewType,\n    projectName,\n    selectedView,\n    setSelectedView,\n    workingView,\n    onSettingsChanged,\n  } = useViewsContext()\n\n  const updateViewSettings = useCallback(\n    async (\n      updatedSettings: any,\n      localStateSetter: (value: any) => void,\n      newLocalValue: any,\n      options: UpdateOptions = {},\n    ) => {\n      try {\n        if (!viewType) throw 'No view type provided for updating view settings'\n        if (!projectName) throw 'No project name provided for updating view settings'\n\n        // Immediately update local state for fast UI response\n        localStateSetter(newLocalValue)\n\n        // Create settings with updates\n        const newSettings = { ...viewSettings, ...updatedSettings }\n\n        // always update the working view no matter what\n        const newWorkingView = generateWorkingView(newSettings)\n        // only use the generated ID if there is no working view already\n        const newWorkingViewId = workingView?.id || newWorkingView.id\n\n        // Make API call in background\n        const promise = createView({\n          payload: newWorkingView,\n          viewType: viewType,\n          projectName: projectName,\n        }).unwrap()\n\n        // if not working: set that the settings have been changed to show the little blue save button\n        if (selectedView && !selectedView.working) {\n          onSettingsChanged(true)\n        }\n        // Always switch to the working view after updating anything\n        setSelectedView(newWorkingViewId as string)\n\n        await promise\n\n        // Clear local state after successful API call - the server data will take over\n        localStateSetter(null)\n\n        if (options.successMessage) {\n          toast.success(options.successMessage)\n        }\n      } catch (error) {\n        // Revert local state on error\n        localStateSetter(null)\n        const errorMsg = options.errorMessage || `Failed to update view settings: ${error}`\n        toast.error(errorMsg)\n      }\n    },\n    [createView, viewType, projectName, workingView, selectedView, onSettingsChanged, viewSettings],\n  )\n\n  return { updateViewSettings }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,sBAAsB,MAAM;AACjC,QAAA,CAAC,UAAU,IAAI,sBAAsB;AAErC,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,gBAAgB;AAEpB,QAAM,qBAAqB;AAAA,IACzB,OACE,iBACA,kBACA,eACA,UAAyB,CAAA,MACtB;AACC,UAAA;AACE,YAAA,CAAC,SAAgB,OAAA;AACjB,YAAA,CAAC,YAAmB,OAAA;AAGxB,yBAAiB,aAAa;AAG9B,cAAM,cAAc,EAAE,GAAG,cAAc,GAAG,gBAAgB;AAGpD,cAAA,iBAAiB,oBAAoB,WAAW;AAEhD,cAAA,oBAAmB,2CAAa,OAAM,eAAe;AAG3D,cAAM,UAAU,WAAW;AAAA,UACzB,SAAS;AAAA,UACT;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAGN,YAAA,gBAAgB,CAAC,aAAa,SAAS;AACzC,4BAAkB,IAAI;AAAA,QAAA;AAGxB,wBAAgB,gBAA0B;AAEpC,cAAA;AAGN,yBAAiB,IAAI;AAErB,YAAI,QAAQ,gBAAgB;AACpB,gBAAA,QAAQ,QAAQ,cAAc;AAAA,QAAA;AAAA,eAE/B,OAAO;AAEd,yBAAiB,IAAI;AACrB,cAAM,WAAW,QAAQ,gBAAgB,mCAAmC,KAAK;AACjF,cAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,IAExB;AAAA,IACA,CAAC,YAAY,UAAU,aAAa,aAAa,cAAc,mBAAmB,YAAY;AAAA,EAChG;AAEA,SAAO,EAAE,mBAAmB;AAC9B;"}

package/dist/shared/src/context/PowerpackContext.cjs.js

@@ -129,7 +129,10 @@ const powerpackFeatures = {
   }
 };
 const PowerpackContext = React.createContext(void 0);
-const PowerpackProvider = ({ children }) => {
+const PowerpackProvider = ({
+  children,
+  debug
+}) => {
   const [selectedPowerPack, setPowerpackDialog] = React.useState(null);
   const resolvePowerPackDialog = (selected) => {
     if (!selected) return null;
@@ -145,7 +148,10 @@ const PowerpackProvider = ({ children }) => {
   });
   React.useEffect(() => {
     const checkLicense = async () => {
-      if (isLoaded) {
+      if ((debug == null ? void 0 : debug.powerLicense) !== void 0) {
+        console.warn("Using debug power license:", debug.powerLicense);
+        setPowerLicense(debug.powerLicense);
+      } else if (isLoaded) {
         try {
           const hasPowerLicense = await checkPowerLicense();
           setPowerLicense(hasPowerLicense);
@@ -156,7 +162,7 @@ const PowerpackProvider = ({ children }) => {
       }
     };
     checkLicense();
-  }, [isLoaded, checkPowerLicense]);
+  }, [debug, isLoaded, checkPowerLicense]);
   const value = React.useMemo(
     () => ({
       powerLicense,

package/dist/shared/src/context/PowerpackContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackContext.cjs.js","sources":["../../../../src/context/PowerpackContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport { createContext, useContext, ReactNode, useState, useEffect, useMemo } from 'react'\n\nexport type PowerpackFeature =\n  | 'slicer'\n  | 'annotations'\n  | 'releases'\n  | 'advancedFilters'\n  | 'listAttributes'\n  | 'groupAttributes'\n  | 'sharedViews'\nexport type PowerpackDialogType = {\n  label: string\n  description: string\n  bullet: string\n  icon?: string\n}\n\nexport const powerpackFeatures: {\n  [key in PowerpackFeature]: PowerpackDialogType\n} = {\n  slicer: {\n    label: 'Slicer',\n    description: 'Advanced filtering system for project organization.',\n    bullet: 'Powerful project filtering tools',\n  },\n  annotations: {\n    label: 'Annotations',\n    description: 'Create detailed visual feedback directly on media files.',\n    bullet: 'Advanced media review tools',\n  },\n  releases: {\n    label: 'Release History',\n    description: 'Access and download the complete archive of releases',\n    bullet: 'Full release archive access',\n  },\n  advancedFilters: {\n    label: 'Advanced Filters',\n    description: 'Customize your view and find your data with powerful filtering options',\n    bullet: 'Advanced filtering options',\n  },\n  listAttributes: {\n    label: 'List Attributes',\n    description: 'Add custom attributes to your lists for better collaboration and organization.',\n    bullet: 'Custom attributes for lists',\n  },\n  groupAttributes: {\n    label: 'Group Attributes',\n    description: 'Group tasks by assignees, status, or other attributes for better organization.',\n    bullet: 'Group tasks by attributes',\n  },\n  sharedViews: {\n    label: 'Shared Views',\n    description: 'Save custom views and share them with team members for better collaboration.',\n    bullet: 'Save and share custom views',\n  },\n}\nexport type PowerpackContextType = {\n  selectedPowerPack: null | PowerpackFeature\n  setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void\n  powerpackDialog: PowerpackDialogType | null\n  powerLicense: boolean\n}\n\nconst PowerpackContext = createContext<PowerpackContextType | undefined>(undefined)\n\nexport const PowerpackProvider = ({ children }: { children: ReactNode }) => {\n  const [selectedPowerPack, setPowerpackDialog] =\n    useState<PowerpackContextType['selectedPowerPack']>(null)\n\n  const resolvePowerPackDialog = (selected: PowerpackContextType['selectedPowerPack']) => {\n    if (!selected) return null\n    return powerpackFeatures[selected]\n  }\n\n  // check license state\n  const [powerLicense, setPowerLicense] = useState(false)\n\n  // Define the type for the license check function\n  type CheckPowerLicenseFunction = () => Promise<boolean>\n\n  // Fallback function that returns false when the module isn't loaded\n  const fallbackCheckLicense: CheckPowerLicenseFunction = async () => false\n\n  // Load the remote module\n  const [checkPowerLicense, { isLoaded, isLoading }] = useLoadModule<CheckPowerLicenseFunction>({\n    addon: 'powerpack',\n    remote: 'license',\n    module: 'checkPowerLicense',\n    fallback: fallbackCheckLicense,\n  })\n\n  useEffect(() => {\n    const checkLicense = async () => {\n      if (isLoaded) {\n        try {\n          const hasPowerLicense = await checkPowerLicense()\n          setPowerLicense(hasPowerLicense)\n        } catch (error) {\n          console.error('Error checking power license:', error)\n          setPowerLicense(false)\n        }\n      }\n    }\n\n    checkLicense()\n  }, [isLoaded, checkPowerLicense])\n\n  const value = useMemo(\n    () => ({\n      powerLicense: powerLicense,\n      selectedPowerPack,\n      setPowerpackDialog,\n      powerpackDialog: resolvePowerPackDialog(selectedPowerPack),\n    }),\n    [powerLicense, selectedPowerPack, setPowerpackDialog],\n  )\n\n  return <PowerpackContext.Provider value={value}>{children}</PowerpackContext.Provider>\n}\n\nexport const usePowerpack = () => {\n  const context = useContext(PowerpackContext)\n  if (context === undefined) {\n    throw new Error('usePowerpack must be used within a PowerpackProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","useLoadModule","useEffect","useMemo","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,oBAET;AAAA,EACF,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAEZ;AAQA,MAAM,mBAAmBA,oBAAgD,MAAS;AAE3E,MAAM,oBAAoB,CAAC,EAAE,eAAwC;AAC1E,QAAM,CAAC,mBAAmB,kBAAkB,IAC1CC,MAAAA,SAAoD,IAAI;AAEpD,QAAA,yBAAyB,CAAC,aAAwD;AAClF,QAAA,CAAC,SAAiB,QAAA;AACtB,WAAO,kBAAkB,QAAQ;AAAA,EACnC;AAGA,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAAS,KAAK;AAMtD,QAAM,uBAAkD,YAAY;AAGpE,QAAM,CAAC,mBAAmB,EAAE,UAAU,UAAW,CAAA,IAAIC,cAAAA,cAAyC;AAAA,IAC5F,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA,CACX;AAEDC,QAAAA,UAAU,MAAM;AACd,UAAM,eAAe,YAAY;AAC/B,UAAI,UAAU;AACR,YAAA;AACI,gBAAA,kBAAkB,MAAM,kBAAkB;AAChD,0BAAgB,eAAe;AAAA,iBACxB,OAAO;AACN,kBAAA,MAAM,iCAAiC,KAAK;AACpD,0BAAgB,KAAK;AAAA,QAAA;AAAA,MACvB;AAAA,IAEJ;AAEa,iBAAA;AAAA,EAAA,GACZ,CAAC,UAAU,iBAAiB,CAAC;AAEhC,QAAM,QAAQC,MAAA;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,uBAAuB,iBAAiB;AAAA,IAAA;AAAA,IAE3D,CAAC,cAAc,mBAAmB,kBAAkB;AAAA,EACtD;AAEA,SAAQC,2BAAAA,kBAAAA,IAAA,iBAAiB,UAAjB,EAA0B,OAAe,SAAS,CAAA;AAC5D;AAEO,MAAM,eAAe,MAAM;AAC1B,QAAA,UAAUC,iBAAW,gBAAgB;AAC3C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,sDAAsD;AAAA,EAAA;AAEjE,SAAA;AACT;;;;"}
+{"version":3,"file":"PowerpackContext.cjs.js","sources":["../../../../src/context/PowerpackContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport { createContext, useContext, ReactNode, useState, useEffect, useMemo } from 'react'\n\nexport type PowerpackFeature =\n  | 'slicer'\n  | 'annotations'\n  | 'releases'\n  | 'advancedFilters'\n  | 'listAttributes'\n  | 'groupAttributes'\n  | 'sharedViews'\nexport type PowerpackDialogType = {\n  label: string\n  description: string\n  bullet: string\n  icon?: string\n}\n\nexport const powerpackFeatures: {\n  [key in PowerpackFeature]: PowerpackDialogType\n} = {\n  slicer: {\n    label: 'Slicer',\n    description: 'Advanced filtering system for project organization.',\n    bullet: 'Powerful project filtering tools',\n  },\n  annotations: {\n    label: 'Annotations',\n    description: 'Create detailed visual feedback directly on media files.',\n    bullet: 'Advanced media review tools',\n  },\n  releases: {\n    label: 'Release History',\n    description: 'Access and download the complete archive of releases',\n    bullet: 'Full release archive access',\n  },\n  advancedFilters: {\n    label: 'Advanced Filters',\n    description: 'Customize your view and find your data with powerful filtering options',\n    bullet: 'Advanced filtering options',\n  },\n  listAttributes: {\n    label: 'List Attributes',\n    description: 'Add custom attributes to your lists for better collaboration and organization.',\n    bullet: 'Custom attributes for lists',\n  },\n  groupAttributes: {\n    label: 'Group Attributes',\n    description: 'Group tasks by assignees, status, or other attributes for better organization.',\n    bullet: 'Group tasks by attributes',\n  },\n  sharedViews: {\n    label: 'Shared Views',\n    description: 'Save custom views and share them with team members for better collaboration.',\n    bullet: 'Save and share custom views',\n  },\n}\nexport type PowerpackContextType = {\n  selectedPowerPack: null | PowerpackFeature\n  setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void\n  powerpackDialog: PowerpackDialogType | null\n  powerLicense: boolean\n}\n\nconst PowerpackContext = createContext<PowerpackContextType | undefined>(undefined)\n\nexport const PowerpackProvider = ({\n  children,\n  debug,\n}: {\n  children: ReactNode\n  debug?: { powerLicense?: boolean }\n}) => {\n  const [selectedPowerPack, setPowerpackDialog] =\n    useState<PowerpackContextType['selectedPowerPack']>(null)\n\n  const resolvePowerPackDialog = (selected: PowerpackContextType['selectedPowerPack']) => {\n    if (!selected) return null\n    return powerpackFeatures[selected]\n  }\n\n  // check license state\n  const [powerLicense, setPowerLicense] = useState(false)\n\n  // Define the type for the license check function\n  type CheckPowerLicenseFunction = () => Promise<boolean>\n\n  // Fallback function that returns false when the module isn't loaded\n  const fallbackCheckLicense: CheckPowerLicenseFunction = async () => false\n\n  // Load the remote module\n  const [checkPowerLicense, { isLoaded, isLoading }] = useLoadModule<CheckPowerLicenseFunction>({\n    addon: 'powerpack',\n    remote: 'license',\n    module: 'checkPowerLicense',\n    fallback: fallbackCheckLicense,\n  })\n\n  useEffect(() => {\n    const checkLicense = async () => {\n      if (debug?.powerLicense !== undefined) {\n        console.warn('Using debug power license:', debug.powerLicense)\n        setPowerLicense(debug.powerLicense)\n      } else if (isLoaded) {\n        try {\n          const hasPowerLicense = await checkPowerLicense()\n          setPowerLicense(hasPowerLicense)\n        } catch (error) {\n          console.error('Error checking power license:', error)\n          setPowerLicense(false)\n        }\n      }\n    }\n\n    checkLicense()\n  }, [debug, isLoaded, checkPowerLicense])\n\n  const value = useMemo(\n    () => ({\n      powerLicense: powerLicense,\n      selectedPowerPack,\n      setPowerpackDialog,\n      powerpackDialog: resolvePowerPackDialog(selectedPowerPack),\n    }),\n    [powerLicense, selectedPowerPack, setPowerpackDialog],\n  )\n\n  return <PowerpackContext.Provider value={value}>{children}</PowerpackContext.Provider>\n}\n\nexport const usePowerpack = () => {\n  const context = useContext(PowerpackContext)\n  if (context === undefined) {\n    throw new Error('usePowerpack must be used within a PowerpackProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","useLoadModule","useEffect","useMemo","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,oBAET;AAAA,EACF,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAEZ;AAQA,MAAM,mBAAmBA,oBAAgD,MAAS;AAE3E,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AACF,MAGM;AACJ,QAAM,CAAC,mBAAmB,kBAAkB,IAC1CC,MAAAA,SAAoD,IAAI;AAEpD,QAAA,yBAAyB,CAAC,aAAwD;AAClF,QAAA,CAAC,SAAiB,QAAA;AACtB,WAAO,kBAAkB,QAAQ;AAAA,EACnC;AAGA,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAAS,KAAK;AAMtD,QAAM,uBAAkD,YAAY;AAGpE,QAAM,CAAC,mBAAmB,EAAE,UAAU,UAAW,CAAA,IAAIC,cAAAA,cAAyC;AAAA,IAC5F,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA,CACX;AAEDC,QAAAA,UAAU,MAAM;AACd,UAAM,eAAe,YAAY;AAC3B,WAAA,+BAAO,kBAAiB,QAAW;AAC7B,gBAAA,KAAK,8BAA8B,MAAM,YAAY;AAC7D,wBAAgB,MAAM,YAAY;AAAA,iBACzB,UAAU;AACf,YAAA;AACI,gBAAA,kBAAkB,MAAM,kBAAkB;AAChD,0BAAgB,eAAe;AAAA,iBACxB,OAAO;AACN,kBAAA,MAAM,iCAAiC,KAAK;AACpD,0BAAgB,KAAK;AAAA,QAAA;AAAA,MACvB;AAAA,IAEJ;AAEa,iBAAA;AAAA,EACZ,GAAA,CAAC,OAAO,UAAU,iBAAiB,CAAC;AAEvC,QAAM,QAAQC,MAAA;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,uBAAuB,iBAAiB;AAAA,IAAA;AAAA,IAE3D,CAAC,cAAc,mBAAmB,kBAAkB;AAAA,EACtD;AAEA,SAAQC,2BAAAA,kBAAAA,IAAA,iBAAiB,UAAjB,EAA0B,OAAe,SAAS,CAAA;AAC5D;AAEO,MAAM,eAAe,MAAM;AAC1B,QAAA,UAAUC,iBAAW,gBAAgB;AAC3C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,sDAAsD;AAAA,EAAA;AAEjE,SAAA;AACT;;;;"}

package/dist/shared/src/context/PowerpackContext.es.js

@@ -127,7 +127,10 @@ const powerpackFeatures = {
   }
 };
 const PowerpackContext = createContext(void 0);
-const PowerpackProvider = ({ children }) => {
+const PowerpackProvider = ({
+  children,
+  debug
+}) => {
   const [selectedPowerPack, setPowerpackDialog] = useState(null);
   const resolvePowerPackDialog = (selected) => {
     if (!selected) return null;
@@ -143,7 +146,10 @@ const PowerpackProvider = ({ children }) => {
   });
   useEffect(() => {
     const checkLicense = async () => {
-      if (isLoaded) {
+      if ((debug == null ? void 0 : debug.powerLicense) !== void 0) {
+        console.warn("Using debug power license:", debug.powerLicense);
+        setPowerLicense(debug.powerLicense);
+      } else if (isLoaded) {
         try {
           const hasPowerLicense = await checkPowerLicense();
           setPowerLicense(hasPowerLicense);
@@ -154,7 +160,7 @@ const PowerpackProvider = ({ children }) => {
       }
     };
     checkLicense();
-  }, [isLoaded, checkPowerLicense]);
+  }, [debug, isLoaded, checkPowerLicense]);
   const value = useMemo(
     () => ({
       powerLicense,

package/dist/shared/src/context/PowerpackContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackContext.es.js","sources":["../../../../src/context/PowerpackContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport { createContext, useContext, ReactNode, useState, useEffect, useMemo } from 'react'\n\nexport type PowerpackFeature =\n  | 'slicer'\n  | 'annotations'\n  | 'releases'\n  | 'advancedFilters'\n  | 'listAttributes'\n  | 'groupAttributes'\n  | 'sharedViews'\nexport type PowerpackDialogType = {\n  label: string\n  description: string\n  bullet: string\n  icon?: string\n}\n\nexport const powerpackFeatures: {\n  [key in PowerpackFeature]: PowerpackDialogType\n} = {\n  slicer: {\n    label: 'Slicer',\n    description: 'Advanced filtering system for project organization.',\n    bullet: 'Powerful project filtering tools',\n  },\n  annotations: {\n    label: 'Annotations',\n    description: 'Create detailed visual feedback directly on media files.',\n    bullet: 'Advanced media review tools',\n  },\n  releases: {\n    label: 'Release History',\n    description: 'Access and download the complete archive of releases',\n    bullet: 'Full release archive access',\n  },\n  advancedFilters: {\n    label: 'Advanced Filters',\n    description: 'Customize your view and find your data with powerful filtering options',\n    bullet: 'Advanced filtering options',\n  },\n  listAttributes: {\n    label: 'List Attributes',\n    description: 'Add custom attributes to your lists for better collaboration and organization.',\n    bullet: 'Custom attributes for lists',\n  },\n  groupAttributes: {\n    label: 'Group Attributes',\n    description: 'Group tasks by assignees, status, or other attributes for better organization.',\n    bullet: 'Group tasks by attributes',\n  },\n  sharedViews: {\n    label: 'Shared Views',\n    description: 'Save custom views and share them with team members for better collaboration.',\n    bullet: 'Save and share custom views',\n  },\n}\nexport type PowerpackContextType = {\n  selectedPowerPack: null | PowerpackFeature\n  setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void\n  powerpackDialog: PowerpackDialogType | null\n  powerLicense: boolean\n}\n\nconst PowerpackContext = createContext<PowerpackContextType | undefined>(undefined)\n\nexport const PowerpackProvider = ({ children }: { children: ReactNode }) => {\n  const [selectedPowerPack, setPowerpackDialog] =\n    useState<PowerpackContextType['selectedPowerPack']>(null)\n\n  const resolvePowerPackDialog = (selected: PowerpackContextType['selectedPowerPack']) => {\n    if (!selected) return null\n    return powerpackFeatures[selected]\n  }\n\n  // check license state\n  const [powerLicense, setPowerLicense] = useState(false)\n\n  // Define the type for the license check function\n  type CheckPowerLicenseFunction = () => Promise<boolean>\n\n  // Fallback function that returns false when the module isn't loaded\n  const fallbackCheckLicense: CheckPowerLicenseFunction = async () => false\n\n  // Load the remote module\n  const [checkPowerLicense, { isLoaded, isLoading }] = useLoadModule<CheckPowerLicenseFunction>({\n    addon: 'powerpack',\n    remote: 'license',\n    module: 'checkPowerLicense',\n    fallback: fallbackCheckLicense,\n  })\n\n  useEffect(() => {\n    const checkLicense = async () => {\n      if (isLoaded) {\n        try {\n          const hasPowerLicense = await checkPowerLicense()\n          setPowerLicense(hasPowerLicense)\n        } catch (error) {\n          console.error('Error checking power license:', error)\n          setPowerLicense(false)\n        }\n      }\n    }\n\n    checkLicense()\n  }, [isLoaded, checkPowerLicense])\n\n  const value = useMemo(\n    () => ({\n      powerLicense: powerLicense,\n      selectedPowerPack,\n      setPowerpackDialog,\n      powerpackDialog: resolvePowerPackDialog(selectedPowerPack),\n    }),\n    [powerLicense, selectedPowerPack, setPowerpackDialog],\n  )\n\n  return <PowerpackContext.Provider value={value}>{children}</PowerpackContext.Provider>\n}\n\nexport const usePowerpack = () => {\n  const context = useContext(PowerpackContext)\n  if (context === undefined) {\n    throw new Error('usePowerpack must be used within a PowerpackProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,oBAET;AAAA,EACF,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAEZ;AAQA,MAAM,mBAAmB,cAAgD,MAAS;AAE3E,MAAM,oBAAoB,CAAC,EAAE,eAAwC;AAC1E,QAAM,CAAC,mBAAmB,kBAAkB,IAC1C,SAAoD,IAAI;AAEpD,QAAA,yBAAyB,CAAC,aAAwD;AAClF,QAAA,CAAC,SAAiB,QAAA;AACtB,WAAO,kBAAkB,QAAQ;AAAA,EACnC;AAGA,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAMtD,QAAM,uBAAkD,YAAY;AAGpE,QAAM,CAAC,mBAAmB,EAAE,UAAU,UAAW,CAAA,IAAI,cAAyC;AAAA,IAC5F,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA,CACX;AAED,YAAU,MAAM;AACd,UAAM,eAAe,YAAY;AAC/B,UAAI,UAAU;AACR,YAAA;AACI,gBAAA,kBAAkB,MAAM,kBAAkB;AAChD,0BAAgB,eAAe;AAAA,iBACxB,OAAO;AACN,kBAAA,MAAM,iCAAiC,KAAK;AACpD,0BAAgB,KAAK;AAAA,QAAA;AAAA,MACvB;AAAA,IAEJ;AAEa,iBAAA;AAAA,EAAA,GACZ,CAAC,UAAU,iBAAiB,CAAC;AAEhC,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,uBAAuB,iBAAiB;AAAA,IAAA;AAAA,IAE3D,CAAC,cAAc,mBAAmB,kBAAkB;AAAA,EACtD;AAEA,SAAQA,kCAAAA,IAAA,iBAAiB,UAAjB,EAA0B,OAAe,SAAS,CAAA;AAC5D;AAEO,MAAM,eAAe,MAAM;AAC1B,QAAA,UAAU,WAAW,gBAAgB;AAC3C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,sDAAsD;AAAA,EAAA;AAEjE,SAAA;AACT;"}
+{"version":3,"file":"PowerpackContext.es.js","sources":["../../../../src/context/PowerpackContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport { createContext, useContext, ReactNode, useState, useEffect, useMemo } from 'react'\n\nexport type PowerpackFeature =\n  | 'slicer'\n  | 'annotations'\n  | 'releases'\n  | 'advancedFilters'\n  | 'listAttributes'\n  | 'groupAttributes'\n  | 'sharedViews'\nexport type PowerpackDialogType = {\n  label: string\n  description: string\n  bullet: string\n  icon?: string\n}\n\nexport const powerpackFeatures: {\n  [key in PowerpackFeature]: PowerpackDialogType\n} = {\n  slicer: {\n    label: 'Slicer',\n    description: 'Advanced filtering system for project organization.',\n    bullet: 'Powerful project filtering tools',\n  },\n  annotations: {\n    label: 'Annotations',\n    description: 'Create detailed visual feedback directly on media files.',\n    bullet: 'Advanced media review tools',\n  },\n  releases: {\n    label: 'Release History',\n    description: 'Access and download the complete archive of releases',\n    bullet: 'Full release archive access',\n  },\n  advancedFilters: {\n    label: 'Advanced Filters',\n    description: 'Customize your view and find your data with powerful filtering options',\n    bullet: 'Advanced filtering options',\n  },\n  listAttributes: {\n    label: 'List Attributes',\n    description: 'Add custom attributes to your lists for better collaboration and organization.',\n    bullet: 'Custom attributes for lists',\n  },\n  groupAttributes: {\n    label: 'Group Attributes',\n    description: 'Group tasks by assignees, status, or other attributes for better organization.',\n    bullet: 'Group tasks by attributes',\n  },\n  sharedViews: {\n    label: 'Shared Views',\n    description: 'Save custom views and share them with team members for better collaboration.',\n    bullet: 'Save and share custom views',\n  },\n}\nexport type PowerpackContextType = {\n  selectedPowerPack: null | PowerpackFeature\n  setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void\n  powerpackDialog: PowerpackDialogType | null\n  powerLicense: boolean\n}\n\nconst PowerpackContext = createContext<PowerpackContextType | undefined>(undefined)\n\nexport const PowerpackProvider = ({\n  children,\n  debug,\n}: {\n  children: ReactNode\n  debug?: { powerLicense?: boolean }\n}) => {\n  const [selectedPowerPack, setPowerpackDialog] =\n    useState<PowerpackContextType['selectedPowerPack']>(null)\n\n  const resolvePowerPackDialog = (selected: PowerpackContextType['selectedPowerPack']) => {\n    if (!selected) return null\n    return powerpackFeatures[selected]\n  }\n\n  // check license state\n  const [powerLicense, setPowerLicense] = useState(false)\n\n  // Define the type for the license check function\n  type CheckPowerLicenseFunction = () => Promise<boolean>\n\n  // Fallback function that returns false when the module isn't loaded\n  const fallbackCheckLicense: CheckPowerLicenseFunction = async () => false\n\n  // Load the remote module\n  const [checkPowerLicense, { isLoaded, isLoading }] = useLoadModule<CheckPowerLicenseFunction>({\n    addon: 'powerpack',\n    remote: 'license',\n    module: 'checkPowerLicense',\n    fallback: fallbackCheckLicense,\n  })\n\n  useEffect(() => {\n    const checkLicense = async () => {\n      if (debug?.powerLicense !== undefined) {\n        console.warn('Using debug power license:', debug.powerLicense)\n        setPowerLicense(debug.powerLicense)\n      } else if (isLoaded) {\n        try {\n          const hasPowerLicense = await checkPowerLicense()\n          setPowerLicense(hasPowerLicense)\n        } catch (error) {\n          console.error('Error checking power license:', error)\n          setPowerLicense(false)\n        }\n      }\n    }\n\n    checkLicense()\n  }, [debug, isLoaded, checkPowerLicense])\n\n  const value = useMemo(\n    () => ({\n      powerLicense: powerLicense,\n      selectedPowerPack,\n      setPowerpackDialog,\n      powerpackDialog: resolvePowerPackDialog(selectedPowerPack),\n    }),\n    [powerLicense, selectedPowerPack, setPowerpackDialog],\n  )\n\n  return <PowerpackContext.Provider value={value}>{children}</PowerpackContext.Provider>\n}\n\nexport const usePowerpack = () => {\n  const context = useContext(PowerpackContext)\n  if (context === undefined) {\n    throw new Error('usePowerpack must be used within a PowerpackProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,oBAET;AAAA,EACF,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAEZ;AAQA,MAAM,mBAAmB,cAAgD,MAAS;AAE3E,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AACF,MAGM;AACJ,QAAM,CAAC,mBAAmB,kBAAkB,IAC1C,SAAoD,IAAI;AAEpD,QAAA,yBAAyB,CAAC,aAAwD;AAClF,QAAA,CAAC,SAAiB,QAAA;AACtB,WAAO,kBAAkB,QAAQ;AAAA,EACnC;AAGA,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAMtD,QAAM,uBAAkD,YAAY;AAGpE,QAAM,CAAC,mBAAmB,EAAE,UAAU,UAAW,CAAA,IAAI,cAAyC;AAAA,IAC5F,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA,CACX;AAED,YAAU,MAAM;AACd,UAAM,eAAe,YAAY;AAC3B,WAAA,+BAAO,kBAAiB,QAAW;AAC7B,gBAAA,KAAK,8BAA8B,MAAM,YAAY;AAC7D,wBAAgB,MAAM,YAAY;AAAA,iBACzB,UAAU;AACf,YAAA;AACI,gBAAA,kBAAkB,MAAM,kBAAkB;AAChD,0BAAgB,eAAe;AAAA,iBACxB,OAAO;AACN,kBAAA,MAAM,iCAAiC,KAAK;AACpD,0BAAgB,KAAK;AAAA,QAAA;AAAA,MACvB;AAAA,IAEJ;AAEa,iBAAA;AAAA,EACZ,GAAA,CAAC,OAAO,UAAU,iBAAiB,CAAC;AAEvC,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,uBAAuB,iBAAiB;AAAA,IAAA;AAAA,IAE3D,CAAC,cAAc,mBAAmB,kBAAkB;AAAA,EACtD;AAEA,SAAQA,kCAAAA,IAAA,iBAAiB,UAAjB,EAA0B,OAAe,SAAS,CAAA;AAC5D;AAEO,MAAM,eAAe,MAAM;AAC1B,QAAA,UAAU,WAAW,gBAAgB;AAC3C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,sDAAsD;AAAA,EAAA;AAEjE,SAAA;AACT;"}

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

@@ -72,7 +72,7 @@ const useLoadModule = ({
       isLoading,
       outdated: isOutdated ? {
         current: ((_a = modules.find((m) => m.addonName === addon)) == null ? void 0 : _a.addonVersion) || "unknown",
-        required: minVersion || "unknown"
+        required: (minVersion == null ? void 0 : minVersion.replace("-dev", "")) || "unknown"
       } : void 0
     }
   ];

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

@@ -1 +1 @@
-{"version":3,"file":"useLoadModule.cjs.js","sources":["../../../../src/hooks/useLoadModule.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'\n\ninterface Props<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback: T\n  debug?: boolean\n  minVersion?: string // minimum version required for this module\n  skip?: boolean // skip loading if module is provided externally\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n  skip = false,\n}: Props<T>): [\n  T,\n  { isLoaded: boolean; isLoading: boolean; outdated?: { current: string; required: string } },\n] => {\n  const { remotesInitialized, modules } = useRemoteModules()\n  const [isLoading, setIsLoading] = useState(true)\n  const [isLoaded, setIsLoaded] = useState<string | boolean>(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // skip loading if module is provided externally\n    if (skip) {\n      setIsLoading(false)\n      setIsLoaded(true)\n      return\n    }\n\n    // wait for remotes to be initialized\n    if (!remotesInitialized || !addon || !remote || !module) return\n\n    // check if remote and module exist\n    const initializedRemote = modules.find((m) => m.addonName === addon)\n\n    if (!initializedRemote) {\n      console.log('remote not found', { addon, remote, module })\n      setIsLoading(false)\n      return\n    }\n\n    // check remote meets minimum version requirement\n    if (\n      minVersion &&\n      !semver.gte(initializedRemote.addonVersion, minVersion) &&\n      minVersion + '-dev' !== initializedRemote.addonVersion\n    ) {\n      console.log('remote version does not meet minimum requirement', {\n        addon,\n        remote,\n        module,\n        current: initializedRemote.addonVersion,\n        required: minVersion,\n      })\n\n      setIsOutdated(true)\n      setIsLoading(false)\n\n      // use fallback if version requirement not met\n      return\n    }\n\n    setIsOutdated(false)\n\n    const initializedModule = initializedRemote.modules[remote]\n\n    if (!initializedModule) {\n      setIsLoading(false)\n      return console.log('module not found', { addon, remote, module })\n    }\n\n    // check if module is already loaded\n    if (isLoaded === module) {\n      setIsLoading(false)\n      return\n    }\n    loadRemote<{ default: T }>(`${remote}/${module}`, {\n      from: 'runtime',\n    })\n      .then((remote) => {\n        console.log('loaded remote', module)\n        setIsLoaded(module)\n        setIsLoading(false)\n        if (remote) loadedRemote.current = remote.default\n      })\n      .catch((e) => {\n        setIsLoading(false)\n        console.error('error loading remote', remote, module, e)\n      })\n  }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion, skip])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded: isLoaded === module,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["module","useRemoteModules","useState","useRef","useEffect","loadRemote","remote"],"mappings":";;;;;;AAeO,MAAM,gBAAgB,CAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,QAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AACT,MAGK;;AACH,QAAM,EAAE,oBAAoB,QAAQ,IAAIC,sCAAiB;AACzD,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,IAAI;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAA2B,KAAK;AAChE,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAAS,KAAK;AAC5C,QAAA,eAAeC,aAAU,QAAQ;AAEvCC,QAAAA,UAAU,MAAM;AAEd,QAAI,MAAM;AACR,mBAAa,KAAK;AAClB,kBAAY,IAAI;AAChB;AAAA,IAAA;AAIF,QAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,UAAU,CAACJ,QAAQ;AAGzD,UAAM,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK;AAEnE,QAAI,CAAC,mBAAmB;AACtB,cAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAAA,SAAQ;AACzD,mBAAa,KAAK;AAClB;AAAA,IAAA;AAKA,QAAA,cACA,CAAC,OAAO,IAAI,kBAAkB,cAAc,UAAU,KACtD,aAAa,WAAW,kBAAkB,cAC1C;AACA,cAAQ,IAAI,oDAAoD;AAAA,QAC9D;AAAA,QACA;AAAA,QACA,QAAAA;AAAA,QACA,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MAAA,CACX;AAED,oBAAc,IAAI;AAClB,mBAAa,KAAK;AAGlB;AAAA,IAAA;AAGF,kBAAc,KAAK;AAEb,UAAA,oBAAoB,kBAAkB,QAAQ,MAAM;AAE1D,QAAI,CAAC,mBAAmB;AACtB,mBAAa,KAAK;AAClB,aAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAAA,SAAQ;AAAA,IAAA;AAIlE,QAAI,aAAaA,SAAQ;AACvB,mBAAa,KAAK;AAClB;AAAA,IAAA;AAEFK,YAAAA,eAAAA,WAA2B,GAAG,MAAM,IAAIL,OAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACM,YAAW;AACR,cAAA,IAAI,iBAAiBN,OAAM;AACnC,kBAAYA,OAAM;AAClB,mBAAa,KAAK;AACdM,UAAAA,QAAqB,cAAA,UAAUA,QAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAAC,MAAM;AACZ,mBAAa,KAAK;AAClB,cAAQ,MAAM,wBAAwB,QAAQN,SAAQ,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAAC,UAAU,oBAAoB,SAAS,OAAO,QAAQA,SAAQ,YAAY,IAAI,CAAC;AAE5E,SAAA;AAAA,IACL,aAAa;AAAA,IACb;AAAA,MACE,UAAU,aAAaA;AAAA,MACvB;AAAA,MACA,UAAU,aACN;AAAA,QACE,WAAS,aAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK,MAAzC,mBAA4C,iBAAgB;AAAA,QACrE,UAAU,cAAc;AAAA,MAAA,IAE1B;AAAA,IAAA;AAAA,EAER;AACF;;"}
+{"version":3,"file":"useLoadModule.cjs.js","sources":["../../../../src/hooks/useLoadModule.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'\n\ninterface Props<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback: T\n  debug?: boolean\n  minVersion?: string // minimum version required for this module\n  skip?: boolean // skip loading if module is provided externally\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n  skip = false,\n}: Props<T>): [\n  T,\n  { isLoaded: boolean; isLoading: boolean; outdated?: { current: string; required: string } },\n] => {\n  const { remotesInitialized, modules } = useRemoteModules()\n  const [isLoading, setIsLoading] = useState(true)\n  const [isLoaded, setIsLoaded] = useState<string | boolean>(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // skip loading if module is provided externally\n    if (skip) {\n      setIsLoading(false)\n      setIsLoaded(true)\n      return\n    }\n\n    // wait for remotes to be initialized\n    if (!remotesInitialized || !addon || !remote || !module) return\n\n    // check if remote and module exist\n    const initializedRemote = modules.find((m) => m.addonName === addon)\n\n    if (!initializedRemote) {\n      console.log('remote not found', { addon, remote, module })\n      setIsLoading(false)\n      return\n    }\n\n    // check remote meets minimum version requirement\n    if (\n      minVersion &&\n      !semver.gte(initializedRemote.addonVersion, minVersion) &&\n      minVersion + '-dev' !== initializedRemote.addonVersion\n    ) {\n      console.log('remote version does not meet minimum requirement', {\n        addon,\n        remote,\n        module,\n        current: initializedRemote.addonVersion,\n        required: minVersion,\n      })\n\n      setIsOutdated(true)\n      setIsLoading(false)\n\n      // use fallback if version requirement not met\n      return\n    }\n\n    setIsOutdated(false)\n\n    const initializedModule = initializedRemote.modules[remote]\n\n    if (!initializedModule) {\n      setIsLoading(false)\n      return console.log('module not found', { addon, remote, module })\n    }\n\n    // check if module is already loaded\n    if (isLoaded === module) {\n      setIsLoading(false)\n      return\n    }\n    loadRemote<{ default: T }>(`${remote}/${module}`, {\n      from: 'runtime',\n    })\n      .then((remote) => {\n        console.log('loaded remote', module)\n        setIsLoaded(module)\n        setIsLoading(false)\n        if (remote) loadedRemote.current = remote.default\n      })\n      .catch((e) => {\n        setIsLoading(false)\n        console.error('error loading remote', remote, module, e)\n      })\n  }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion, skip])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded: isLoaded === module,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion?.replace('-dev', '') || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["module","useRemoteModules","useState","useRef","useEffect","loadRemote","remote"],"mappings":";;;;;;AAeO,MAAM,gBAAgB,CAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,QAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AACT,MAGK;;AACH,QAAM,EAAE,oBAAoB,QAAQ,IAAIC,sCAAiB;AACzD,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,IAAI;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAA2B,KAAK;AAChE,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAAS,KAAK;AAC5C,QAAA,eAAeC,aAAU,QAAQ;AAEvCC,QAAAA,UAAU,MAAM;AAEd,QAAI,MAAM;AACR,mBAAa,KAAK;AAClB,kBAAY,IAAI;AAChB;AAAA,IAAA;AAIF,QAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,UAAU,CAACJ,QAAQ;AAGzD,UAAM,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK;AAEnE,QAAI,CAAC,mBAAmB;AACtB,cAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAAA,SAAQ;AACzD,mBAAa,KAAK;AAClB;AAAA,IAAA;AAKA,QAAA,cACA,CAAC,OAAO,IAAI,kBAAkB,cAAc,UAAU,KACtD,aAAa,WAAW,kBAAkB,cAC1C;AACA,cAAQ,IAAI,oDAAoD;AAAA,QAC9D;AAAA,QACA;AAAA,QACA,QAAAA;AAAA,QACA,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MAAA,CACX;AAED,oBAAc,IAAI;AAClB,mBAAa,KAAK;AAGlB;AAAA,IAAA;AAGF,kBAAc,KAAK;AAEb,UAAA,oBAAoB,kBAAkB,QAAQ,MAAM;AAE1D,QAAI,CAAC,mBAAmB;AACtB,mBAAa,KAAK;AAClB,aAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAAA,SAAQ;AAAA,IAAA;AAIlE,QAAI,aAAaA,SAAQ;AACvB,mBAAa,KAAK;AAClB;AAAA,IAAA;AAEFK,YAAAA,eAAAA,WAA2B,GAAG,MAAM,IAAIL,OAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACM,YAAW;AACR,cAAA,IAAI,iBAAiBN,OAAM;AACnC,kBAAYA,OAAM;AAClB,mBAAa,KAAK;AACdM,UAAAA,QAAqB,cAAA,UAAUA,QAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAAC,MAAM;AACZ,mBAAa,KAAK;AAClB,cAAQ,MAAM,wBAAwB,QAAQN,SAAQ,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAAC,UAAU,oBAAoB,SAAS,OAAO,QAAQA,SAAQ,YAAY,IAAI,CAAC;AAE5E,SAAA;AAAA,IACL,aAAa;AAAA,IACb;AAAA,MACE,UAAU,aAAaA;AAAA,MACvB;AAAA,MACA,UAAU,aACN;AAAA,QACE,WAAS,aAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK,MAAzC,mBAA4C,iBAAgB;AAAA,QACrE,WAAU,yCAAY,QAAQ,QAAQ,QAAO;AAAA,MAAA,IAE/C;AAAA,IAAA;AAAA,EAER;AACF;;"}

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

@@ -70,7 +70,7 @@ const useLoadModule = ({
       isLoading,
       outdated: isOutdated ? {
         current: ((_a = modules.find((m) => m.addonName === addon)) == null ? void 0 : _a.addonVersion) || "unknown",
-        required: minVersion || "unknown"
+        required: (minVersion == null ? void 0 : minVersion.replace("-dev", "")) || "unknown"
       } : void 0
     }
   ];

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

@@ -1 +1 @@
-{"version":3,"file":"useLoadModule.es.js","sources":["../../../../src/hooks/useLoadModule.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'\n\ninterface Props<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback: T\n  debug?: boolean\n  minVersion?: string // minimum version required for this module\n  skip?: boolean // skip loading if module is provided externally\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n  skip = false,\n}: Props<T>): [\n  T,\n  { isLoaded: boolean; isLoading: boolean; outdated?: { current: string; required: string } },\n] => {\n  const { remotesInitialized, modules } = useRemoteModules()\n  const [isLoading, setIsLoading] = useState(true)\n  const [isLoaded, setIsLoaded] = useState<string | boolean>(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // skip loading if module is provided externally\n    if (skip) {\n      setIsLoading(false)\n      setIsLoaded(true)\n      return\n    }\n\n    // wait for remotes to be initialized\n    if (!remotesInitialized || !addon || !remote || !module) return\n\n    // check if remote and module exist\n    const initializedRemote = modules.find((m) => m.addonName === addon)\n\n    if (!initializedRemote) {\n      console.log('remote not found', { addon, remote, module })\n      setIsLoading(false)\n      return\n    }\n\n    // check remote meets minimum version requirement\n    if (\n      minVersion &&\n      !semver.gte(initializedRemote.addonVersion, minVersion) &&\n      minVersion + '-dev' !== initializedRemote.addonVersion\n    ) {\n      console.log('remote version does not meet minimum requirement', {\n        addon,\n        remote,\n        module,\n        current: initializedRemote.addonVersion,\n        required: minVersion,\n      })\n\n      setIsOutdated(true)\n      setIsLoading(false)\n\n      // use fallback if version requirement not met\n      return\n    }\n\n    setIsOutdated(false)\n\n    const initializedModule = initializedRemote.modules[remote]\n\n    if (!initializedModule) {\n      setIsLoading(false)\n      return console.log('module not found', { addon, remote, module })\n    }\n\n    // check if module is already loaded\n    if (isLoaded === module) {\n      setIsLoading(false)\n      return\n    }\n    loadRemote<{ default: T }>(`${remote}/${module}`, {\n      from: 'runtime',\n    })\n      .then((remote) => {\n        console.log('loaded remote', module)\n        setIsLoaded(module)\n        setIsLoading(false)\n        if (remote) loadedRemote.current = remote.default\n      })\n      .catch((e) => {\n        setIsLoading(false)\n        console.error('error loading remote', remote, module, e)\n      })\n  }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion, skip])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded: isLoaded === module,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["loadRemote","remote"],"mappings":";;;;AAeO,MAAM,gBAAgB,CAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AACT,MAGK;;AACH,QAAM,EAAE,oBAAoB,QAAQ,IAAI,iBAAiB;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAA2B,KAAK;AAChE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAC5C,QAAA,eAAe,OAAU,QAAQ;AAEvC,YAAU,MAAM;AAEd,QAAI,MAAM;AACR,mBAAa,KAAK;AAClB,kBAAY,IAAI;AAChB;AAAA,IAAA;AAIF,QAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,UAAU,CAAC,OAAQ;AAGzD,UAAM,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK;AAEnE,QAAI,CAAC,mBAAmB;AACtB,cAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAQ;AACzD,mBAAa,KAAK;AAClB;AAAA,IAAA;AAKA,QAAA,cACA,CAAC,OAAO,IAAI,kBAAkB,cAAc,UAAU,KACtD,aAAa,WAAW,kBAAkB,cAC1C;AACA,cAAQ,IAAI,oDAAoD;AAAA,QAC9D;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MAAA,CACX;AAED,oBAAc,IAAI;AAClB,mBAAa,KAAK;AAGlB;AAAA,IAAA;AAGF,kBAAc,KAAK;AAEb,UAAA,oBAAoB,kBAAkB,QAAQ,MAAM;AAE1D,QAAI,CAAC,mBAAmB;AACtB,mBAAa,KAAK;AAClB,aAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAQ;AAAA,IAAA;AAIlE,QAAI,aAAa,QAAQ;AACvB,mBAAa,KAAK;AAClB;AAAA,IAAA;AAEFA,mBAAAA,WAA2B,GAAG,MAAM,IAAI,MAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACC,YAAW;AACR,cAAA,IAAI,iBAAiB,MAAM;AACnC,kBAAY,MAAM;AAClB,mBAAa,KAAK;AACdA,UAAAA,QAAqB,cAAA,UAAUA,QAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAAC,MAAM;AACZ,mBAAa,KAAK;AAClB,cAAQ,MAAM,wBAAwB,QAAQ,QAAQ,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAAC,UAAU,oBAAoB,SAAS,OAAO,QAAQ,QAAQ,YAAY,IAAI,CAAC;AAE5E,SAAA;AAAA,IACL,aAAa;AAAA,IACb;AAAA,MACE,UAAU,aAAa;AAAA,MACvB;AAAA,MACA,UAAU,aACN;AAAA,QACE,WAAS,aAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK,MAAzC,mBAA4C,iBAAgB;AAAA,QACrE,UAAU,cAAc;AAAA,MAAA,IAE1B;AAAA,IAAA;AAAA,EAER;AACF;"}
+{"version":3,"file":"useLoadModule.es.js","sources":["../../../../src/hooks/useLoadModule.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'\n\ninterface Props<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback: T\n  debug?: boolean\n  minVersion?: string // minimum version required for this module\n  skip?: boolean // skip loading if module is provided externally\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n  skip = false,\n}: Props<T>): [\n  T,\n  { isLoaded: boolean; isLoading: boolean; outdated?: { current: string; required: string } },\n] => {\n  const { remotesInitialized, modules } = useRemoteModules()\n  const [isLoading, setIsLoading] = useState(true)\n  const [isLoaded, setIsLoaded] = useState<string | boolean>(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // skip loading if module is provided externally\n    if (skip) {\n      setIsLoading(false)\n      setIsLoaded(true)\n      return\n    }\n\n    // wait for remotes to be initialized\n    if (!remotesInitialized || !addon || !remote || !module) return\n\n    // check if remote and module exist\n    const initializedRemote = modules.find((m) => m.addonName === addon)\n\n    if (!initializedRemote) {\n      console.log('remote not found', { addon, remote, module })\n      setIsLoading(false)\n      return\n    }\n\n    // check remote meets minimum version requirement\n    if (\n      minVersion &&\n      !semver.gte(initializedRemote.addonVersion, minVersion) &&\n      minVersion + '-dev' !== initializedRemote.addonVersion\n    ) {\n      console.log('remote version does not meet minimum requirement', {\n        addon,\n        remote,\n        module,\n        current: initializedRemote.addonVersion,\n        required: minVersion,\n      })\n\n      setIsOutdated(true)\n      setIsLoading(false)\n\n      // use fallback if version requirement not met\n      return\n    }\n\n    setIsOutdated(false)\n\n    const initializedModule = initializedRemote.modules[remote]\n\n    if (!initializedModule) {\n      setIsLoading(false)\n      return console.log('module not found', { addon, remote, module })\n    }\n\n    // check if module is already loaded\n    if (isLoaded === module) {\n      setIsLoading(false)\n      return\n    }\n    loadRemote<{ default: T }>(`${remote}/${module}`, {\n      from: 'runtime',\n    })\n      .then((remote) => {\n        console.log('loaded remote', module)\n        setIsLoaded(module)\n        setIsLoading(false)\n        if (remote) loadedRemote.current = remote.default\n      })\n      .catch((e) => {\n        setIsLoading(false)\n        console.error('error loading remote', remote, module, e)\n      })\n  }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion, skip])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded: isLoaded === module,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion?.replace('-dev', '') || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["loadRemote","remote"],"mappings":";;;;AAeO,MAAM,gBAAgB,CAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AACT,MAGK;;AACH,QAAM,EAAE,oBAAoB,QAAQ,IAAI,iBAAiB;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAA2B,KAAK;AAChE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAC5C,QAAA,eAAe,OAAU,QAAQ;AAEvC,YAAU,MAAM;AAEd,QAAI,MAAM;AACR,mBAAa,KAAK;AAClB,kBAAY,IAAI;AAChB;AAAA,IAAA;AAIF,QAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,UAAU,CAAC,OAAQ;AAGzD,UAAM,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK;AAEnE,QAAI,CAAC,mBAAmB;AACtB,cAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAQ;AACzD,mBAAa,KAAK;AAClB;AAAA,IAAA;AAKA,QAAA,cACA,CAAC,OAAO,IAAI,kBAAkB,cAAc,UAAU,KACtD,aAAa,WAAW,kBAAkB,cAC1C;AACA,cAAQ,IAAI,oDAAoD;AAAA,QAC9D;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MAAA,CACX;AAED,oBAAc,IAAI;AAClB,mBAAa,KAAK;AAGlB;AAAA,IAAA;AAGF,kBAAc,KAAK;AAEb,UAAA,oBAAoB,kBAAkB,QAAQ,MAAM;AAE1D,QAAI,CAAC,mBAAmB;AACtB,mBAAa,KAAK;AAClB,aAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAQ;AAAA,IAAA;AAIlE,QAAI,aAAa,QAAQ;AACvB,mBAAa,KAAK;AAClB;AAAA,IAAA;AAEFA,mBAAAA,WAA2B,GAAG,MAAM,IAAI,MAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACC,YAAW;AACR,cAAA,IAAI,iBAAiB,MAAM;AACnC,kBAAY,MAAM;AAClB,mBAAa,KAAK;AACdA,UAAAA,QAAqB,cAAA,UAAUA,QAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAAC,MAAM;AACZ,mBAAa,KAAK;AAClB,cAAQ,MAAM,wBAAwB,QAAQ,QAAQ,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAAC,UAAU,oBAAoB,SAAS,OAAO,QAAQ,QAAQ,YAAY,IAAI,CAAC;AAE5E,SAAA;AAAA,IACL,aAAa;AAAA,IACb;AAAA,MACE,UAAU,aAAa;AAAA,MACvB;AAAA,MACA,UAAU,aACN;AAAA,QACE,WAAS,aAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK,MAAzC,mBAA4C,iBAAgB;AAAA,QACrE,WAAU,yCAAY,QAAQ,QAAQ,QAAO;AAAA,MAAA,IAE/C;AAAA,IAAA;AAAA,EAER;AACF;"}

package/dist/shared/src/util/columnConfigConverter.cjs.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function convertColumnConfigToTanstackStates(settings) {
+  const { columns = [], groupBy: groupByField, showEmptyGroups, sortBy, sortDesc } = settings || {};
+  const columnVisibility = {};
+  const columnPinning = { left: [], right: [] };
+  const columnOrder = [];
+  const columnSizing = {};
+  columns.forEach((column) => {
+    var _a;
+    const { name, visible, pinned, width } = column;
+    columnVisibility[name] = visible !== false;
+    columnOrder.push(name);
+    if (pinned) {
+      (_a = columnPinning.left) == null ? void 0 : _a.push(name);
+    }
+    if (width !== void 0) {
+      columnSizing[name] = width;
+    }
+  });
+  const sorting = sortBy ? [{ id: sortBy, desc: sortDesc || false }] : [];
+  const groupBy = groupByField ? { id: groupByField, desc: false } : void 0;
+  const groupByConfig = {
+    showEmpty: showEmptyGroups || false
+  };
+  return {
+    columnVisibility,
+    columnPinning,
+    columnOrder,
+    columnSizing,
+    sorting,
+    groupBy,
+    groupByConfig
+  };
+}
+function determineColumnOrder(columnOrder, allColumnIds, columnsWithState) {
+  const orderedColumns = [...columnOrder];
+  const remainingColumns = allColumnIds.filter(
+    (columnId) => !columnOrder.includes(columnId) && columnsWithState.has(columnId)
+  );
+  return [...orderedColumns, ...remainingColumns];
+}
+function collectColumnsWithState(columnVisibility, columnSizing, columnPinning, allColumnIds) {
+  var _a, _b;
+  const columnsWithState = /* @__PURE__ */ new Set();
+  Object.keys(columnVisibility).forEach((col) => columnsWithState.add(col));
+  Object.keys(columnSizing).forEach((col) => columnsWithState.add(col));
+  (_a = columnPinning.left) == null ? void 0 : _a.forEach((col) => columnsWithState.add(col));
+  (_b = columnPinning.right) == null ? void 0 : _b.forEach((col) => columnsWithState.add(col));
+  allColumnIds == null ? void 0 : allColumnIds.forEach((col) => columnsWithState.add(col));
+  return columnsWithState;
+}
+function createColumnItem(columnName, columnVisibility, columnPinning, columnSizing) {
+  var _a, _b;
+  const column = {
+    name: columnName
+  };
+  if (columnVisibility.hasOwnProperty(columnName)) {
+    column.visible = columnVisibility[columnName];
+  }
+  const isPinnedLeft = (_a = columnPinning.left) == null ? void 0 : _a.includes(columnName);
+  const isPinnedRight = (_b = columnPinning.right) == null ? void 0 : _b.includes(columnName);
+  if (isPinnedLeft || isPinnedRight) {
+    column.pinned = true;
+  }
+  if (columnSizing[columnName] !== void 0) {
+    column.width = columnSizing[columnName];
+  }
+  return column;
+}
+function convertTanstackStatesToColumnConfig(states, allColumnIds) {
+  const {
+    columnVisibility,
+    columnPinning,
+    columnOrder,
+    columnSizing,
+    sorting,
+    groupBy,
+    groupByConfig
+  } = states;
+  const columnsWithState = collectColumnsWithState(
+    columnVisibility,
+    columnSizing,
+    columnPinning,
+    allColumnIds || []
+  );
+  const finalColumnOrder = determineColumnOrder(columnOrder, allColumnIds || [], columnsWithState);
+  const columns = finalColumnOrder.map(
+    (columnName) => createColumnItem(columnName, columnVisibility, columnPinning, columnSizing)
+  );
+  const result = {
+    columns
+  };
+  if (groupBy) {
+    result.groupBy = groupBy.id;
+  } else {
+    result.groupBy = void 0;
+  }
+  if ((groupByConfig == null ? void 0 : groupByConfig.showEmpty) !== void 0) {
+    result.showEmptyGroups = groupByConfig.showEmpty;
+  }
+  if (sorting) {
+    if (sorting.length > 0) {
+      const firstSort = sorting[0];
+      result.sortBy = firstSort.id;
+      result.sortDesc = firstSort.desc;
+    } else {
+      result.sortBy = void 0;
+      result.sortDesc = void 0;
+    }
+  }
+  return result;
+}
+exports.convertColumnConfigToTanstackStates = convertColumnConfigToTanstackStates;
+exports.convertTanstackStatesToColumnConfig = convertTanstackStatesToColumnConfig;
+//# sourceMappingURL=columnConfigConverter.cjs.js.map

package/dist/shared/src/util/columnConfigConverter.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnConfigConverter.cjs.js","sources":["../../../../src/util/columnConfigConverter.ts"],"sourcesContent":["import {\n  VisibilityState,\n  ColumnPinningState,\n  ColumnOrderState,\n  ColumnSizingState,\n  SortingState,\n} from '@tanstack/react-table'\nimport { ColumnItemModel, OverviewSettings } from '@shared/api/generated/views'\nimport { ColumnsConfig, TableGroupBy } from '@shared/containers'\nimport { GroupByConfig } from '@shared/containers/ProjectTreeTable/components/GroupSettingsFallback'\n\n/**\n * Converts ColumnItemModel array from OverviewSettings to TanStack table states\n */\nexport function convertColumnConfigToTanstackStates(settings: OverviewSettings): ColumnsConfig {\n  const { columns = [], groupBy: groupByField, showEmptyGroups, sortBy, sortDesc } = settings || {}\n\n  // Initialize state objects\n  const columnVisibility: VisibilityState = {}\n  const columnPinning: ColumnPinningState = { left: [], right: [] }\n  const columnOrder: ColumnOrderState = []\n  const columnSizing: ColumnSizingState = {}\n\n  // Process each column from the settings\n  columns.forEach((column) => {\n    const { name, visible, pinned, width } = column\n\n    // Column visibility: if visible is undefined, default to true\n    columnVisibility[name] = visible !== false\n\n    // Column order: maintain the order from the settings\n    columnOrder.push(name)\n\n    // Column pinning: assuming pinned: true means left pinning\n    if (pinned) {\n      columnPinning.left?.push(name)\n    }\n\n    // Column sizing: set width if provided\n    if (width !== undefined) {\n      columnSizing[name] = width\n    }\n  })\n\n  // Handle sorting\n  const sorting: SortingState = sortBy ? [{ id: sortBy, desc: sortDesc || false }] : []\n\n  // Handle grouping\n  const groupBy: TableGroupBy | undefined = groupByField\n    ? { id: groupByField, desc: false }\n    : undefined\n\n  const groupByConfig: GroupByConfig = {\n    showEmpty: showEmptyGroups || false,\n  }\n\n  return {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    sorting,\n    groupBy,\n    groupByConfig,\n  }\n}\n\n/**\n * Determines the final column order based on columnOrder and allColumnIds\n * - Columns in columnOrder come first (in their specified order)\n * - Remaining columns follow the order from allColumnIds\n */\nfunction determineColumnOrder(\n  columnOrder: ColumnOrderState,\n  allColumnIds: string[],\n  columnsWithState: Set<string>,\n): string[] {\n  // Start with columns from columnOrder (these have explicit positioning)\n  const orderedColumns = [...columnOrder]\n\n  // Add remaining columns from allColumnIds that aren't already in columnOrder\n  const remainingColumns = allColumnIds.filter(\n    (columnId) => !columnOrder.includes(columnId) && columnsWithState.has(columnId),\n  )\n\n  return [...orderedColumns, ...remainingColumns]\n}\n\n/**\n * Collects all columns that have any state (visibility, sizing, pinning, etc.)\n */\nfunction collectColumnsWithState(\n  columnVisibility: VisibilityState,\n  columnSizing: ColumnSizingState,\n  columnPinning: ColumnPinningState,\n  allColumnIds: string[],\n): Set<string> {\n  const columnsWithState = new Set<string>()\n\n  // Add columns with visibility state\n  Object.keys(columnVisibility).forEach((col) => columnsWithState.add(col))\n\n  // Add columns with sizing state\n  Object.keys(columnSizing).forEach((col) => columnsWithState.add(col))\n\n  // Add pinned columns\n  columnPinning.left?.forEach((col) => columnsWithState.add(col))\n  columnPinning.right?.forEach((col) => columnsWithState.add(col))\n\n  // Add any additional columns from allColumnIds\n  allColumnIds?.forEach((col) => columnsWithState.add(col))\n\n  return columnsWithState\n}\n\n/**\n * Creates a ColumnItemModel for a given column name with all applicable state\n */\nfunction createColumnItem(\n  columnName: string,\n  columnVisibility: VisibilityState,\n  columnPinning: ColumnPinningState,\n  columnSizing: ColumnSizingState,\n): ColumnItemModel {\n  const column: ColumnItemModel = {\n    name: columnName,\n  }\n\n  // Set visibility if defined in state\n  if (columnVisibility.hasOwnProperty(columnName)) {\n    column.visible = columnVisibility[columnName]\n  }\n\n  // Set pinning if column is pinned\n  const isPinnedLeft = columnPinning.left?.includes(columnName)\n  const isPinnedRight = columnPinning.right?.includes(columnName)\n\n  if (isPinnedLeft || isPinnedRight) {\n    column.pinned = true\n  }\n\n  // Set width if defined in state\n  if (columnSizing[columnName] !== undefined) {\n    column.width = columnSizing[columnName]\n  }\n\n  return column\n}\n\n/**\n * Converts TanStack table states back to OverviewSettings format\n *\n * Column ordering logic:\n * 1. Columns in columnOrder appear first (in their specified order)\n * 2. Remaining columns follow the order from allColumnIds\n * 3. Only columns with state (visibility, sizing, pinning) or in allColumnIds are included\n */\nexport function convertTanstackStatesToColumnConfig(\n  states: ColumnsConfig,\n  allColumnIds?: string[],\n): OverviewSettings {\n  const {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    sorting,\n    groupBy,\n    groupByConfig,\n  } = states\n\n  // Collect all columns that have any state\n  const columnsWithState = collectColumnsWithState(\n    columnVisibility,\n    columnSizing,\n    columnPinning,\n    allColumnIds || [],\n  )\n\n  // Determine the final column order\n  const finalColumnOrder = determineColumnOrder(columnOrder, allColumnIds || [], columnsWithState)\n\n  // Create ColumnItemModel for each column in the determined order\n  const columns: ColumnItemModel[] = finalColumnOrder.map((columnName) =>\n    createColumnItem(columnName, columnVisibility, columnPinning, columnSizing),\n  )\n\n  // Build the result object\n  const result: OverviewSettings = {\n    columns,\n  }\n\n  // Add grouping information if present\n  if (groupBy) {\n    result.groupBy = groupBy.id\n  } else {\n    result.groupBy = undefined\n  }\n\n  if (groupByConfig?.showEmpty !== undefined) {\n    result.showEmptyGroups = groupByConfig.showEmpty\n  }\n\n  // Add sorting information if present\n  if (sorting) {\n    if (sorting.length > 0) {\n      // find the column that is being sorted\n      const firstSort = sorting[0]\n      result.sortBy = firstSort.id\n      result.sortDesc = firstSort.desc\n    } else {\n      // remove sorting\n      result.sortBy = undefined\n      result.sortDesc = undefined\n    }\n  }\n\n  return result\n}\n"],"names":[],"mappings":";;AAcO,SAAS,oCAAoC,UAA2C;AACvF,QAAA,EAAE,UAAU,CAAI,GAAA,SAAS,cAAc,iBAAiB,QAAQ,aAAa,YAAY,CAAC;AAGhG,QAAM,mBAAoC,CAAC;AAC3C,QAAM,gBAAoC,EAAE,MAAM,CAAA,GAAI,OAAO,CAAA,EAAG;AAChE,QAAM,cAAgC,CAAC;AACvC,QAAM,eAAkC,CAAC;AAGjC,UAAA,QAAQ,CAAC,WAAW;;AAC1B,UAAM,EAAE,MAAM,SAAS,QAAQ,MAAU,IAAA;AAGxB,qBAAA,IAAI,IAAI,YAAY;AAGrC,gBAAY,KAAK,IAAI;AAGrB,QAAI,QAAQ;AACI,0BAAA,SAAA,mBAAM,KAAK;AAAA,IAAI;AAI/B,QAAI,UAAU,QAAW;AACvB,mBAAa,IAAI,IAAI;AAAA,IAAA;AAAA,EACvB,CACD;AAGK,QAAA,UAAwB,SAAS,CAAC,EAAE,IAAI,QAAQ,MAAM,YAAY,MAAO,CAAA,IAAI,CAAC;AAGpF,QAAM,UAAoC,eACtC,EAAE,IAAI,cAAc,MAAM,UAC1B;AAEJ,QAAM,gBAA+B;AAAA,IACnC,WAAW,mBAAmB;AAAA,EAChC;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAOA,SAAS,qBACP,aACA,cACA,kBACU;AAEJ,QAAA,iBAAiB,CAAC,GAAG,WAAW;AAGtC,QAAM,mBAAmB,aAAa;AAAA,IACpC,CAAC,aAAa,CAAC,YAAY,SAAS,QAAQ,KAAK,iBAAiB,IAAI,QAAQ;AAAA,EAChF;AAEA,SAAO,CAAC,GAAG,gBAAgB,GAAG,gBAAgB;AAChD;AAKA,SAAS,wBACP,kBACA,cACA,eACA,cACa;;AACP,QAAA,uCAAuB,IAAY;AAGlC,SAAA,KAAK,gBAAgB,EAAE,QAAQ,CAAC,QAAQ,iBAAiB,IAAI,GAAG,CAAC;AAGjE,SAAA,KAAK,YAAY,EAAE,QAAQ,CAAC,QAAQ,iBAAiB,IAAI,GAAG,CAAC;AAGpE,sBAAc,SAAd,mBAAoB,QAAQ,CAAC,QAAQ,iBAAiB,IAAI,GAAG;AAC7D,sBAAc,UAAd,mBAAqB,QAAQ,CAAC,QAAQ,iBAAiB,IAAI,GAAG;AAG9D,+CAAc,QAAQ,CAAC,QAAQ,iBAAiB,IAAI,GAAG;AAEhD,SAAA;AACT;AAKA,SAAS,iBACP,YACA,kBACA,eACA,cACiB;;AACjB,QAAM,SAA0B;AAAA,IAC9B,MAAM;AAAA,EACR;AAGI,MAAA,iBAAiB,eAAe,UAAU,GAAG;AACxC,WAAA,UAAU,iBAAiB,UAAU;AAAA,EAAA;AAI9C,QAAM,gBAAe,mBAAc,SAAd,mBAAoB,SAAS;AAClD,QAAM,iBAAgB,mBAAc,UAAd,mBAAqB,SAAS;AAEpD,MAAI,gBAAgB,eAAe;AACjC,WAAO,SAAS;AAAA,EAAA;AAId,MAAA,aAAa,UAAU,MAAM,QAAW;AACnC,WAAA,QAAQ,aAAa,UAAU;AAAA,EAAA;AAGjC,SAAA;AACT;AAUgB,SAAA,oCACd,QACA,cACkB;AACZ,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAGJ,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,CAAA;AAAA,EAClB;AAGA,QAAM,mBAAmB,qBAAqB,aAAa,gBAAgB,CAAA,GAAI,gBAAgB;AAG/F,QAAM,UAA6B,iBAAiB;AAAA,IAAI,CAAC,eACvD,iBAAiB,YAAY,kBAAkB,eAAe,YAAY;AAAA,EAC5E;AAGA,QAAM,SAA2B;AAAA,IAC/B;AAAA,EACF;AAGA,MAAI,SAAS;AACX,WAAO,UAAU,QAAQ;AAAA,EAAA,OACpB;AACL,WAAO,UAAU;AAAA,EAAA;AAGf,OAAA,+CAAe,eAAc,QAAW;AAC1C,WAAO,kBAAkB,cAAc;AAAA,EAAA;AAIzC,MAAI,SAAS;AACP,QAAA,QAAQ,SAAS,GAAG;AAEhB,YAAA,YAAY,QAAQ,CAAC;AAC3B,aAAO,SAAS,UAAU;AAC1B,aAAO,WAAW,UAAU;AAAA,IAAA,OACvB;AAEL,aAAO,SAAS;AAChB,aAAO,WAAW;AAAA,IAAA;AAAA,EACpB;AAGK,SAAA;AACT;;;"}