@ynput/ayon-frontend-shared 0.3.1 → 0.3.2

package/dist/shared/src/containers/Feed/hooks/useTransformActivities.es.js

@@ -1,4 +1,4 @@
-import { isValid as w, compareAsc as S } from "date-fns";
+import { isValid as y, compareAsc as S } from "date-fns";
 import { useMemo as s } from "react";
 import h from "../helpers/groupActivityVersions.es.js";
 import M from "../helpers/groupMinorActivities.es.js";
@@ -14,16 +14,16 @@ const I = ["status.change", "assignee.add", "assignee.remove"], T = (a = [], e =
 }), W = (a = [], e = [], n) => e.includes(n) ? a.filter((t) => t.referenceType !== "relation") : a, b = (a = [], e = [], n = {}, t, o) => {
   const c = s(
     () => T(a, n),
-    [a]
+    [a, n]
   ), u = s(() => c.map((d) => ({ ...d, isOwner: o === d.authorName })), [c, o]), m = s(
     () => W(u, ["version"], t),
-    [u, n]
+    [u, t]
   ), r = s(() => [...m].sort((i, D) => {
-    const p = new Date(i.createdAt), f = new Date(D.createdAt), g = w(p), y = w(f);
-    if (!g && !y)
+    const p = new Date(i.createdAt), f = new Date(D.createdAt), g = y(p), w = y(f);
+    if (!g && !w)
       return 0;
     if (g) {
-      if (!y)
+      if (!w)
         return -1;
     } else return 1;
     return S(f, p);

package/dist/shared/src/containers/Feed/hooks/useTransformActivities.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTransformActivities.es.js","sources":["../../../../../../src/containers/Feed/hooks/useTransformActivities.ts"],"sourcesContent":["// @ts-nocheck\n\nimport { compareAsc, isValid } from 'date-fns'\nimport { useMemo } from 'react'\nimport groupActivityVersions from '../helpers/groupActivityVersions'\nimport groupMinorActivities, { ActivityUser } from '../helpers/groupMinorActivities'\nimport mergeSimilarActivities from '../helpers/mergeSimilarActivities'\n\n// Define the types of activities that are considered minor\nconst minorActivityTypes = ['status.change', 'assignee.add', 'assignee.remove']\n\nconst getStatusActivityIcon = (activities = [], projectInfo = {}) => {\n  return activities.map((activity) => {\n    const newActivity = { ...activity, origin: { ...activity.origin } }\n\n    // find status icon and data for status change activities\n    if (newActivity.activityType === 'status.change') {\n      if (!projectInfo) return newActivity\n      const oldStatusName = newActivity.activityData?.oldValue\n      const newStatusName = newActivity.activityData?.newValue\n\n      const oldStatus = projectInfo.statuses?.find((status) => status.name === oldStatusName)\n      const newStatus = projectInfo.statuses?.find((status) => status.name === newStatusName)\n\n      newActivity.oldStatus = { ...oldStatus, name: oldStatusName }\n      newActivity.newStatus = { ...newStatus, name: newStatusName }\n    }\n\n    return newActivity\n  })\n}\n\nconst filterOutRelations = (activities = [], entityTypes = [], entityType) => {\n  return !entityTypes.includes(entityType)\n    ? activities\n    : activities.filter((activity) => activity.referenceType !== 'relation')\n}\n\nconst useTransformActivities = (\n  activities = [],\n  users: ActivityUser[] = [],\n  projectInfo = {},\n  entityType,\n  userName,\n) => {\n  // 1. add status icons and data for status change activities\n  const activitiesWithIcons = useMemo(\n    () => getStatusActivityIcon(activities, projectInfo),\n    [activities],\n  )\n\n  // 1,5. add any extra meta data to the activities\n  const activitiesWithMeta = useMemo(() => {\n    return activitiesWithIcons.map((activity) => {\n      const newActivity = { ...activity, isOwner: userName === activity.authorName }\n      return newActivity\n    })\n  }, [activitiesWithIcons, userName])\n\n  // 2. versions should not have relations shown (comments posted on parent task)\n  const activitiesWithoutRelations = useMemo(\n    () => filterOutRelations(activitiesWithMeta, ['version'], entityType),\n    [activitiesWithMeta, projectInfo],\n  )\n\n  // 3. sort createdAt oldest first (because we are using flex: column-reverse)\n  const reversedActivitiesData = useMemo(() => {\n    const sortedActivities = [...activitiesWithoutRelations].sort((a, b) => {\n      const dateA = new Date(a.createdAt)\n      const dateB = new Date(b.createdAt)\n      const validA = isValid(dateA)\n      const validB = isValid(dateB)\n\n      if (!validA && !validB) {\n        return 0 // Both dates are invalid, keep original order\n      } else if (!validA) {\n        return 1 // Only dateA is invalid, it comes first\n      } else if (!validB) {\n        return -1 // Only dateB is invalid, dateA comes first\n      }\n\n      // If both dates are valid, compare them normally\n      return compareAsc(dateB, dateA)\n    })\n\n    return sortedActivities\n  }, [activitiesWithoutRelations])\n\n  // 4. for status change activities that are together, merge them into one activity\n  const mergedActivitiesData = useMemo(\n    () => mergeSimilarActivities(reversedActivitiesData, 'status.change', 'oldStatus'),\n    [reversedActivitiesData],\n  )\n\n  // 5. group minor activities together\n  const groupedActivitiesData = useMemo(\n    () => groupMinorActivities(mergedActivitiesData, users),\n    [mergedActivitiesData, users],\n  )\n\n  // 6. group version activities together\n  const groupedVersionsData = useMemo(\n    () => groupActivityVersions(groupedActivitiesData),\n    [groupedActivitiesData],\n  )\n\n  // 7. ensure there are no duplicate activities\n  const uniqueActivitiesData = useMemo(() => {\n    // Filter out invalid activities and create a Map to ensure uniqueness\n    const activityMap = new Map(\n      groupedVersionsData\n        .filter((activity) => activity && activity.activityId)\n        .map((activity) => [activity.activityId, activity]),\n    )\n\n    // Convert the Map values to an array\n    return [...activityMap.values()]\n  }, [groupedVersionsData])\n\n  return uniqueActivitiesData\n}\n\nexport { minorActivityTypes }\nexport default useTransformActivities\n"],"names":["minorActivityTypes","getStatusActivityIcon","activities","projectInfo","activity","newActivity","oldStatusName","newStatusName","oldStatus","status","newStatus","filterOutRelations","entityTypes","entityType","useTransformActivities","users","userName","activitiesWithIcons","useMemo","activitiesWithMeta","activitiesWithoutRelations","reversedActivitiesData","a","b","dateA","dateB","validA","isValid","validB","compareAsc","mergedActivitiesData","mergeSimilarActivities","groupedActivitiesData","groupMinorActivities","groupedVersionsData","groupActivityVersions"],"mappings":";;;;;AASA,MAAMA,IAAqB,CAAC,iBAAiB,gBAAgB,iBAAiB,GAExEC,IAAwB,CAACC,IAAa,IAAIC,IAAc,CAAA,MACrDD,EAAW,IAAI,CAACE,MAAa;AAClC,QAAMC,IAAc,EAAE,GAAGD,GAAU,QAAQ,EAAE,GAAGA,EAAS,SAAO;AAGhE,MAAIC,EAAY,iBAAiB,iBAAiB;AAChD,QAAI,CAACF,EAAa,QAAOE;AACzB,UAAMC,IAAgBD,EAAY,cAAc,UAC1CE,IAAgBF,EAAY,cAAc,UAE1CG,IAAYL,EAAY,UAAU,KAAK,CAACM,MAAWA,EAAO,SAASH,CAAa,GAChFI,IAAYP,EAAY,UAAU,KAAK,CAACM,MAAWA,EAAO,SAASF,CAAa;AAEtF,IAAAF,EAAY,YAAY,EAAE,GAAGG,GAAW,MAAMF,EAAA,GAC9CD,EAAY,YAAY,EAAE,GAAGK,GAAW,MAAMH,EAAA;AAAA,EAChD;AAEA,SAAOF;AACT,CAAC,GAGGM,IAAqB,CAACT,IAAa,CAAA,GAAIU,IAAc,CAAA,GAAIC,MACrDD,EAAY,SAASC,CAAU,IAEnCX,EAAW,OAAO,CAACE,MAAaA,EAAS,kBAAkB,UAAU,IADrEF,GAIAY,IAAyB,CAC7BZ,IAAa,CAAA,GACba,IAAwB,CAAA,GACxBZ,IAAc,CAAA,GACdU,GACAG,MACG;AAEH,QAAMC,IAAsBC;AAAA,IAC1B,MAAMjB,EAAsBC,GAAYC,CAAW;AAAA,IACnD,CAACD,CAAU;AAAA,EAAA,GAIPiB,IAAqBD,EAAQ,MAC1BD,EAAoB,IAAI,CAACb,OACV,EAAE,GAAGA,GAAU,SAASY,MAAaZ,EAAS,WAAA,EAEnE,GACA,CAACa,GAAqBD,CAAQ,CAAC,GAG5BI,IAA6BF;AAAA,IACjC,MAAMP,EAAmBQ,GAAoB,CAAC,SAAS,GAAGN,CAAU;AAAA,IACpE,CAACM,GAAoBhB,CAAW;AAAA,EAAA,GAI5BkB,IAAyBH,EAAQ,MACZ,CAAC,GAAGE,CAA0B,EAAE,KAAK,CAACE,GAAGC,MAAM;AACtE,UAAMC,IAAQ,IAAI,KAAKF,EAAE,SAAS,GAC5BG,IAAQ,IAAI,KAAKF,EAAE,SAAS,GAC5BG,IAASC,EAAQH,CAAK,GACtBI,IAASD,EAAQF,CAAK;AAE5B,QAAI,CAACC,KAAU,CAACE;AACd,aAAO;AACT,QAAYF;AAEZ,UAAW,CAACE;AACV,eAAO;AAAA,UAFP,QAAO;AAMT,WAAOC,EAAWJ,GAAOD,CAAK;AAAA,EAChC,CAAC,GAGA,CAACJ,CAA0B,CAAC,GAGzBU,IAAuBZ;AAAA,IAC3B,MAAMa,EAAuBV,GAAwB,iBAAiB,WAAW;AAAA,IACjF,CAACA,CAAsB;AAAA,EAAA,GAInBW,IAAwBd;AAAA,IAC5B,MAAMe,EAAqBH,GAAsBf,CAAK;AAAA,IACtD,CAACe,GAAsBf,CAAK;AAAA,EAAA,GAIxBmB,IAAsBhB;AAAA,IAC1B,MAAMiB,EAAsBH,CAAqB;AAAA,IACjD,CAACA,CAAqB;AAAA,EAAA;AAgBxB,SAZ6Bd,EAAQ,MAS5B,CAAC,GAPY,IAAI;AAAA,IACtBgB,EACG,OAAO,CAAC9B,MAAaA,KAAYA,EAAS,UAAU,EACpD,IAAI,CAACA,MAAa,CAACA,EAAS,YAAYA,CAAQ,CAAC;AAAA,EAAA,EAI/B,QAAQ,GAC9B,CAAC8B,CAAmB,CAAC;AAG1B;"}
+{"version":3,"file":"useTransformActivities.es.js","sources":["../../../../../../src/containers/Feed/hooks/useTransformActivities.ts"],"sourcesContent":["// @ts-nocheck\n\nimport { compareAsc, isValid } from 'date-fns'\nimport { useMemo } from 'react'\nimport groupActivityVersions from '../helpers/groupActivityVersions'\nimport groupMinorActivities, { ActivityUser } from '../helpers/groupMinorActivities'\nimport mergeSimilarActivities from '../helpers/mergeSimilarActivities'\n\n// Define the types of activities that are considered minor\nconst minorActivityTypes = ['status.change', 'assignee.add', 'assignee.remove']\n\nconst getStatusActivityIcon = (activities = [], projectInfo = {}) => {\n  return activities.map((activity) => {\n    const newActivity = { ...activity, origin: { ...activity.origin } }\n\n    // find status icon and data for status change activities\n    if (newActivity.activityType === 'status.change') {\n      if (!projectInfo) return newActivity\n      const oldStatusName = newActivity.activityData?.oldValue\n      const newStatusName = newActivity.activityData?.newValue\n\n      const oldStatus = projectInfo.statuses?.find((status) => status.name === oldStatusName)\n      const newStatus = projectInfo.statuses?.find((status) => status.name === newStatusName)\n\n      newActivity.oldStatus = { ...oldStatus, name: oldStatusName }\n      newActivity.newStatus = { ...newStatus, name: newStatusName }\n    }\n\n    return newActivity\n  })\n}\n\nconst filterOutRelations = (activities = [], entityTypes = [], entityType) => {\n  return !entityTypes.includes(entityType)\n    ? activities\n    : activities.filter((activity) => activity.referenceType !== 'relation')\n}\n\nconst useTransformActivities = (\n  activities = [],\n  users: ActivityUser[] = [],\n  projectInfo = {},\n  entityType,\n  userName,\n) => {\n  // 1. add status icons and data for status change activities\n  const activitiesWithIcons = useMemo(\n    () => getStatusActivityIcon(activities, projectInfo),\n    [activities, projectInfo],\n  )\n\n  // 1,5. add any extra meta data to the activities\n  const activitiesWithMeta = useMemo(() => {\n    return activitiesWithIcons.map((activity) => {\n      const newActivity = { ...activity, isOwner: userName === activity.authorName }\n      return newActivity\n    })\n  }, [activitiesWithIcons, userName])\n\n  // 2. versions should not have relations shown (comments posted on parent task)\n  const activitiesWithoutRelations = useMemo(\n    () => filterOutRelations(activitiesWithMeta, ['version'], entityType),\n    [activitiesWithMeta, entityType],\n  )\n\n  // 3. sort createdAt oldest first (because we are using flex: column-reverse)\n  const reversedActivitiesData = useMemo(() => {\n    const sortedActivities = [...activitiesWithoutRelations].sort((a, b) => {\n      const dateA = new Date(a.createdAt)\n      const dateB = new Date(b.createdAt)\n      const validA = isValid(dateA)\n      const validB = isValid(dateB)\n\n      if (!validA && !validB) {\n        return 0 // Both dates are invalid, keep original order\n      } else if (!validA) {\n        return 1 // Only dateA is invalid, it comes first\n      } else if (!validB) {\n        return -1 // Only dateB is invalid, dateA comes first\n      }\n\n      // If both dates are valid, compare them normally\n      return compareAsc(dateB, dateA)\n    })\n\n    return sortedActivities\n  }, [activitiesWithoutRelations])\n\n  // 4. for status change activities that are together, merge them into one activity\n  const mergedActivitiesData = useMemo(\n    () => mergeSimilarActivities(reversedActivitiesData, 'status.change', 'oldStatus'),\n    [reversedActivitiesData],\n  )\n\n  // 5. group minor activities together\n  const groupedActivitiesData = useMemo(\n    () => groupMinorActivities(mergedActivitiesData, users),\n    [mergedActivitiesData, users],\n  )\n\n  // 6. group version activities together\n  const groupedVersionsData = useMemo(\n    () => groupActivityVersions(groupedActivitiesData),\n    [groupedActivitiesData],\n  )\n\n  // 7. ensure there are no duplicate activities\n  const uniqueActivitiesData = useMemo(() => {\n    // Filter out invalid activities and create a Map to ensure uniqueness\n    const activityMap = new Map(\n      groupedVersionsData\n        .filter((activity) => activity && activity.activityId)\n        .map((activity) => [activity.activityId, activity]),\n    )\n\n    // Convert the Map values to an array\n    return [...activityMap.values()]\n  }, [groupedVersionsData])\n\n  return uniqueActivitiesData\n}\n\nexport { minorActivityTypes }\nexport default useTransformActivities\n"],"names":["minorActivityTypes","getStatusActivityIcon","activities","projectInfo","activity","newActivity","oldStatusName","newStatusName","oldStatus","status","newStatus","filterOutRelations","entityTypes","entityType","useTransformActivities","users","userName","activitiesWithIcons","useMemo","activitiesWithMeta","activitiesWithoutRelations","reversedActivitiesData","a","b","dateA","dateB","validA","isValid","validB","compareAsc","mergedActivitiesData","mergeSimilarActivities","groupedActivitiesData","groupMinorActivities","groupedVersionsData","groupActivityVersions"],"mappings":";;;;;AASA,MAAMA,IAAqB,CAAC,iBAAiB,gBAAgB,iBAAiB,GAExEC,IAAwB,CAACC,IAAa,IAAIC,IAAc,CAAA,MACrDD,EAAW,IAAI,CAACE,MAAa;AAClC,QAAMC,IAAc,EAAE,GAAGD,GAAU,QAAQ,EAAE,GAAGA,EAAS,SAAO;AAGhE,MAAIC,EAAY,iBAAiB,iBAAiB;AAChD,QAAI,CAACF,EAAa,QAAOE;AACzB,UAAMC,IAAgBD,EAAY,cAAc,UAC1CE,IAAgBF,EAAY,cAAc,UAE1CG,IAAYL,EAAY,UAAU,KAAK,CAACM,MAAWA,EAAO,SAASH,CAAa,GAChFI,IAAYP,EAAY,UAAU,KAAK,CAACM,MAAWA,EAAO,SAASF,CAAa;AAEtF,IAAAF,EAAY,YAAY,EAAE,GAAGG,GAAW,MAAMF,EAAA,GAC9CD,EAAY,YAAY,EAAE,GAAGK,GAAW,MAAMH,EAAA;AAAA,EAChD;AAEA,SAAOF;AACT,CAAC,GAGGM,IAAqB,CAACT,IAAa,CAAA,GAAIU,IAAc,CAAA,GAAIC,MACrDD,EAAY,SAASC,CAAU,IAEnCX,EAAW,OAAO,CAACE,MAAaA,EAAS,kBAAkB,UAAU,IADrEF,GAIAY,IAAyB,CAC7BZ,IAAa,CAAA,GACba,IAAwB,CAAA,GACxBZ,IAAc,CAAA,GACdU,GACAG,MACG;AAEH,QAAMC,IAAsBC;AAAA,IAC1B,MAAMjB,EAAsBC,GAAYC,CAAW;AAAA,IACnD,CAACD,GAAYC,CAAW;AAAA,EAAA,GAIpBgB,IAAqBD,EAAQ,MAC1BD,EAAoB,IAAI,CAACb,OACV,EAAE,GAAGA,GAAU,SAASY,MAAaZ,EAAS,WAAA,EAEnE,GACA,CAACa,GAAqBD,CAAQ,CAAC,GAG5BI,IAA6BF;AAAA,IACjC,MAAMP,EAAmBQ,GAAoB,CAAC,SAAS,GAAGN,CAAU;AAAA,IACpE,CAACM,GAAoBN,CAAU;AAAA,EAAA,GAI3BQ,IAAyBH,EAAQ,MACZ,CAAC,GAAGE,CAA0B,EAAE,KAAK,CAACE,GAAGC,MAAM;AACtE,UAAMC,IAAQ,IAAI,KAAKF,EAAE,SAAS,GAC5BG,IAAQ,IAAI,KAAKF,EAAE,SAAS,GAC5BG,IAASC,EAAQH,CAAK,GACtBI,IAASD,EAAQF,CAAK;AAE5B,QAAI,CAACC,KAAU,CAACE;AACd,aAAO;AACT,QAAYF;AAEZ,UAAW,CAACE;AACV,eAAO;AAAA,UAFP,QAAO;AAMT,WAAOC,EAAWJ,GAAOD,CAAK;AAAA,EAChC,CAAC,GAGA,CAACJ,CAA0B,CAAC,GAGzBU,IAAuBZ;AAAA,IAC3B,MAAMa,EAAuBV,GAAwB,iBAAiB,WAAW;AAAA,IACjF,CAACA,CAAsB;AAAA,EAAA,GAInBW,IAAwBd;AAAA,IAC5B,MAAMe,EAAqBH,GAAsBf,CAAK;AAAA,IACtD,CAACe,GAAsBf,CAAK;AAAA,EAAA,GAIxBmB,IAAsBhB;AAAA,IAC1B,MAAMiB,EAAsBH,CAAqB;AAAA,IACjD,CAACA,CAAqB;AAAA,EAAA;AAgBxB,SAZ6Bd,EAAQ,MAS5B,CAAC,GAPY,IAAI;AAAA,IACtBgB,EACG,OAAO,CAAC9B,MAAaA,KAAYA,EAAS,UAAU,EACpD,IAAI,CAACA,MAAa,CAACA,EAAS,YAAYA,CAAQ,CAAC;AAAA,EAAA,EAI/B,QAAQ,GAC9B,CAAC8B,CAAmB,CAAC;AAG1B;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/TextWidget.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),b=require("react"),E=require("react-markdown"),P=require("remark-gfm"),S=require("./TextWidgetInput.cjs.js"),m=require("styled-components"),W=require("@ynput/ayon-react-components"),v=require("clsx");require("lodash");require("react-toastify");require("uuid");const C=require("../../../util/parseHtmlToPlainTextWithLinks.cjs.js");require("../../../util/pubsub.cjs.js");const M=require("../../../../../node_modules/rehype-raw/lib/index.cjs.js"),U=m.span`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),b=require("react"),E=require("react-markdown"),P=require("remark-gfm"),S=require("rehype-raw"),W=require("./TextWidgetInput.cjs.js"),m=require("styled-components"),v=require("@ynput/ayon-react-components"),C=require("clsx");require("lodash");require("react-toastify");require("uuid");const M=require("../../../util/parseHtmlToPlainTextWithLinks.cjs.js");require("../../../util/pubsub.cjs.js");const U=m.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -26,5 +26,5 @@
   &:hover {
     text-decoration: underline;
   }
-`,D=n=>{try{const t=new URL(n.trim());return t.protocol==="http:"||t.protocol==="https:"}catch{return!1}},L=n=>{const t=/(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;return n.split(t).map((c,l)=>D(c)?{type:"url",content:c,key:l}:{type:"text",content:c,key:l})},h=n=>/<[^>]*>/.test(n),_=b.forwardRef(({value:n,option:t,isEditing:x,isInherited:c,onChange:l,onCancelEdit:g,style:y,type:f,columnId:d,className:j,...k},w)=>{if(x)return r.jsxRuntimeExports.jsx(S.TextWidgetInput,{value:n,onChange:l,onCancel:g,type:f||"string"});const a=t?.label||n,s=typeof a=="string"?a:String(a||""),u=d==="attrib_description"||d==="description",R=!u&&!h(s)&&!s.match(/(https?:\/\/\S+)/gi),q=()=>u?r.jsxRuntimeExports.jsx(E,{remarkPlugins:[P],rehypePlugins:[M],components:{p:({children:o})=>r.jsxRuntimeExports.jsx("span",{children:o}),a:({href:o,children:e})=>r.jsxRuntimeExports.jsx(p,{href:o||"#",onMouseDown:i=>i.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:e})},children:s}):h(s)?C.parseHtmlToPlainTextWithLinks(s).map(e=>e.type==="url"&&e.href?r.jsxRuntimeExports.jsx(p,{href:e.href,onMouseDown:i=>i.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:e.content},e.key):r.jsxRuntimeExports.jsx("span",{style:{whiteSpace:"pre-line"},children:e.content},e.key)):s.match(/(https?:\/\/\S+)/gi)?L(s).map(e=>e.type==="url"?r.jsxRuntimeExports.jsx(p,{href:e.content,onMouseDown:i=>i.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:e.content},e.key):e.content):s,T=v(j,{markdown:u,regular:R});return r.jsxRuntimeExports.jsxs(U,{className:T,style:{color:t?.color,...y},...k,ref:w,children:[t?.icon&&r.jsxRuntimeExports.jsx(W.Icon,{icon:t.icon,style:{color:t.color}}),q()]})});exports.TextWidget=_;
+`,D=n=>{try{const t=new URL(n.trim());return t.protocol==="http:"||t.protocol==="https:"}catch{return!1}},L=n=>{const t=/(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;return n.split(t).map((c,l)=>D(c)?{type:"url",content:c,key:l}:{type:"text",content:c,key:l})},h=n=>/<[^>]*>/.test(n),_=b.forwardRef(({value:n,option:t,isEditing:x,isInherited:c,onChange:l,onCancelEdit:g,style:y,type:f,columnId:d,className:j,...w},R)=>{if(x)return r.jsxRuntimeExports.jsx(W.TextWidgetInput,{value:n,onChange:l,onCancel:g,type:f||"string"});const a=t?.label||n,s=typeof a=="string"?a:String(a||""),u=d==="attrib_description"||d==="description",k=!u&&!h(s)&&!s.match(/(https?:\/\/\S+)/gi),q=()=>u?r.jsxRuntimeExports.jsx(E,{remarkPlugins:[P],rehypePlugins:[S],components:{p:({children:o})=>r.jsxRuntimeExports.jsx("span",{children:o}),a:({href:o,children:e})=>r.jsxRuntimeExports.jsx(p,{href:o||"#",onMouseDown:i=>i.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:e})},children:s}):h(s)?M.parseHtmlToPlainTextWithLinks(s).map(e=>e.type==="url"&&e.href?r.jsxRuntimeExports.jsx(p,{href:e.href,onMouseDown:i=>i.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:e.content},e.key):r.jsxRuntimeExports.jsx("span",{style:{whiteSpace:"pre-line"},children:e.content},e.key)):s.match(/(https?:\/\/\S+)/gi)?L(s).map(e=>e.type==="url"?r.jsxRuntimeExports.jsx(p,{href:e.content,onMouseDown:i=>i.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:e.content},e.key):e.content):s,T=C(j,{markdown:u,regular:k});return r.jsxRuntimeExports.jsxs(U,{className:T,style:{color:t?.color,...y},...w,ref:R,children:[t?.icon&&r.jsxRuntimeExports.jsx(v.Icon,{icon:t.icon,style:{color:t.color}}),q()]})});exports.TextWidget=_;
 //# sourceMappingURL=TextWidget.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/TextWidget.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeRaw from 'rehype-raw'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps, EDIT_TRIGGER_CLASS } from './CellWidget'\nimport styled from 'styled-components'\nimport { AttributeData } from '../types'\nimport { AttributeEnumItem } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { parseHtmlToPlainTextWithLinks } from '@shared/util'\n\nconst StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n\n  display: flex;\n  gap: 4px;\n\n  &.markdown {\n    margin-top: 18px;\n    height: 40px;\n  }\n\n  &.regular {\n    display: block;\n  }\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\n// Function to check if content contains HTML tags\nconst containsHtml = (text: string): boolean => {\n  return /<[^>]*>/.test(text)\n}\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  option?: AttributeEnumItem\n  isInherited?: boolean\n  type?: TextWidgetType\n  columnId?: string\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  (\n    {\n      value,\n      option,\n      isEditing,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      style,\n      type,\n      columnId,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (isEditing) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\n      )\n    }\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText || '')\n    const isDescriptionColumn = columnId === 'attrib_description' || columnId === 'description'\n    // does the content contain only regular text?\n    const isRegularText =\n      !isDescriptionColumn && !containsHtml(textValue) && !textValue.match(/(https?:\\/\\/\\S+)/gi)\n\n    const renderContent = () => {\n      // For description columns, keep markdown rendering\n      if (isDescriptionColumn) {\n        return (\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[rehypeRaw]}\n            components={{\n              p: ({ children }) => <span>{children}</span>,\n              a: ({ href, children }) => (\n                <StyledLink\n                  href={href || '#'}\n                  onMouseDown={(e) => e.stopPropagation()}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {children}\n                </StyledLink>\n              ),\n            }}\n          >\n            {textValue}\n          </Markdown>\n        )\n      }\n\n      // Check if content contains HTML\n      if (containsHtml(textValue)) {\n        // Parse HTML to plain text with preserved links\n        const parts = parseHtmlToPlainTextWithLinks(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url' && part.href) {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.href}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return (\n            <span key={part.key} style={{ whiteSpace: 'pre-line' }}>\n              {part.content}\n            </span>\n          )\n        })\n      }\n\n      // Check for URLs in plain text\n      const hasUrls = textValue.match(/(https?:\\/\\/\\S+)/gi)\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      }\n\n      // Regular text\n      return textValue\n    }\n\n    const combinedClassName = clsx(className, {\n      markdown: isDescriptionColumn,\n      regular: isRegularText,\n    })\n\n    return (\n      <StyledBaseTextWidget\n        className={combinedClassName}\n        style={{ color: option?.color, ...style }}\n        {...props}\n        ref={ref}\n      >\n        {option?.icon && (\n          <Icon\n            icon={option.icon}\n            style={{\n              color: option.color,\n            }}\n          />\n        )}\n        {renderContent()}\n      </StyledBaseTextWidget>\n    )\n  },\n)\n"],"names":["StyledBaseTextWidget","styled","StyledLink","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","isRegularText","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","e","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","jsxs","Icon"],"mappings":"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"}
+{"version":3,"file":"TextWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeRaw from 'rehype-raw'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps, EDIT_TRIGGER_CLASS } from './CellWidget'\nimport styled from 'styled-components'\nimport { AttributeData } from '../types'\nimport { AttributeEnumItem } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { parseHtmlToPlainTextWithLinks } from '@shared/util'\n\nconst StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n\n  display: flex;\n  gap: 4px;\n\n  &.markdown {\n    margin-top: 18px;\n    height: 40px;\n  }\n\n  &.regular {\n    display: block;\n  }\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\n// Function to check if content contains HTML tags\nconst containsHtml = (text: string): boolean => {\n  return /<[^>]*>/.test(text)\n}\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  option?: AttributeEnumItem\n  isInherited?: boolean\n  type?: TextWidgetType\n  columnId?: string\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  (\n    {\n      value,\n      option,\n      isEditing,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      style,\n      type,\n      columnId,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (isEditing) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\n      )\n    }\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText || '')\n    const isDescriptionColumn = columnId === 'attrib_description' || columnId === 'description'\n    // does the content contain only regular text?\n    const isRegularText =\n      !isDescriptionColumn && !containsHtml(textValue) && !textValue.match(/(https?:\\/\\/\\S+)/gi)\n\n    const renderContent = () => {\n      // For description columns, keep markdown rendering\n      if (isDescriptionColumn) {\n        return (\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[rehypeRaw]}\n            components={{\n              p: ({ children }) => <span>{children}</span>,\n              a: ({ href, children }) => (\n                <StyledLink\n                  href={href || '#'}\n                  onMouseDown={(e) => e.stopPropagation()}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {children}\n                </StyledLink>\n              ),\n            }}\n          >\n            {textValue}\n          </Markdown>\n        )\n      }\n\n      // Check if content contains HTML\n      if (containsHtml(textValue)) {\n        // Parse HTML to plain text with preserved links\n        const parts = parseHtmlToPlainTextWithLinks(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url' && part.href) {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.href}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return (\n            <span key={part.key} style={{ whiteSpace: 'pre-line' }}>\n              {part.content}\n            </span>\n          )\n        })\n      }\n\n      // Check for URLs in plain text\n      const hasUrls = textValue.match(/(https?:\\/\\/\\S+)/gi)\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      }\n\n      // Regular text\n      return textValue\n    }\n\n    const combinedClassName = clsx(className, {\n      markdown: isDescriptionColumn,\n      regular: isRegularText,\n    })\n\n    return (\n      <StyledBaseTextWidget\n        className={combinedClassName}\n        style={{ color: option?.color, ...style }}\n        {...props}\n        ref={ref}\n      >\n        {option?.icon && (\n          <Icon\n            icon={option.icon}\n            style={{\n              color: option.color,\n            }}\n          />\n        )}\n        {renderContent()}\n      </StyledBaseTextWidget>\n    )\n  },\n)\n"],"names":["StyledBaseTextWidget","styled","StyledLink","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","isRegularText","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","e","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","jsxs","Icon"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/TextWidget.es.js

@@ -2,16 +2,16 @@ import { j as t } from "../../../../../_virtual/jsx-runtime.es.js";
 import { forwardRef as P } from "react";
 import S from "react-markdown";
 import v from "remark-gfm";
-import { TextWidgetInput as U } from "./TextWidgetInput.es.js";
+import U from "rehype-raw";
+import { TextWidgetInput as W } from "./TextWidgetInput.es.js";
 import d from "styled-components";
-import { Icon as W } from "@ynput/ayon-react-components";
-import C from "clsx";
+import { Icon as C } from "@ynput/ayon-react-components";
+import D from "clsx";
 import "lodash";
 import "react-toastify";
 import "uuid";
-import { parseHtmlToPlainTextWithLinks as D } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
+import { parseHtmlToPlainTextWithLinks as M } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
 import "../../../util/pubsub.es.js";
-import M from "../../../../../node_modules/rehype-raw/lib/index.es.js";
 const _ = d.span`
   overflow: hidden;
   text-overflow: ellipsis;
@@ -66,7 +66,7 @@ const _ = d.span`
   }, j) => {
     if (f)
       return /* @__PURE__ */ t.jsx(
-        U,
+        W,
         {
           value: o,
           onChange: c,
@@ -78,7 +78,7 @@ const _ = d.span`
       S,
       {
         remarkPlugins: [v],
-        rehypePlugins: [M],
+        rehypePlugins: [U],
         components: {
           p: ({ children: s }) => /* @__PURE__ */ t.jsx("span", { children: s }),
           a: ({ href: s, children: e }) => /* @__PURE__ */ t.jsx(
@@ -94,7 +94,7 @@ const _ = d.span`
         },
         children: n
       }
-    ) : h(n) ? D(n).map((e) => e.type === "url" && e.href ? /* @__PURE__ */ t.jsx(
+    ) : h(n) ? M(n).map((e) => e.type === "url" && e.href ? /* @__PURE__ */ t.jsx(
       m,
       {
         href: e.href,
@@ -114,7 +114,7 @@ const _ = d.span`
         children: e.content
       },
       e.key
-    ) : e.content) : n, R = C(w, {
+    ) : e.content) : n, R = D(w, {
       markdown: a,
       regular: T
     });
@@ -127,7 +127,7 @@ const _ = d.span`
         ref: j,
         children: [
           r?.icon && /* @__PURE__ */ t.jsx(
-            W,
+            C,
             {
               icon: r.icon,
               style: {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("../../../_virtual/runtime.cjs.js"),c=require("react"),b=require("../../../_virtual/semver.cjs.js"),q=(i,m,l)=>{const g=c.useRef(new Set),[L,y]=c.useState(()=>R(i)),[E,f]=c.useState(m.length>0&&!l);c.useEffect(()=>{l||(g.current=new Set,y(R(i)))},[JSON.stringify(i),l]);const M=async(t,r,s,o,n)=>{try{const e=await O.runtimeExports.loadRemote(`${t}/${r}`,{from:"runtime"});v(s,t,r,e?.default||o,n)}catch(e){throw console.error("Error loading remote module",t,r,e),e}};c.useEffect(()=>{if(l){f(!1);return}console.log("loading modules");const t=[];if(i.forEach((r,s)=>{const{addon:o,remote:n,module:e,fallback:a,minVersion:u}=r;if(!o||!n||!e)return;const d=`${o}/${n}/${e}`;if(g.current.has(d))return;if(L[s]?.[1]?.isLoaded){g.current.add(d);return}g.current.add(d);const h=m.find(w=>w.addonName===o);if(!h){console.log("Addon not found",{addon:o,remote:n,module:e});return}if(u&&!b.gte(h.addonVersion,u)){$(s,o,n,e,a,u,h.addonVersion);return}if(!h.modules[n]){console.log("Module not found",{addon:o,remote:n,module:e});return}t.push(M(n,e,o,a,u))}),!t.length){f(!1);return}f(!0),Promise.all(t).then(()=>{f(!1)}).catch(r=>{console.error("Error loading modules",r),f(!1)})},[l,m,JSON.stringify(i),L]);function R(t){return t.map(({addon:r="",remote:s="",module:o="",fallback:n,minVersion:e})=>[n,{isLoaded:!1,addon:r,remote:s,module:o,minVersion:e,outdated:void 0}])}function $(t,r,s,o,n,e,a){y(u=>{const d=[...u];return t>=0&&t<d.length&&(d[t]=[n,{isLoaded:!1,addon:r,remote:s,module:o,minVersion:e,outdated:{current:a,required:e}}]),d})}function v(t,r,s,o,n){y(e=>{const a=[...e],u=i.findIndex(d=>d.addon===t&&d.remote===r&&d.module===s);return u>=0&&u<a.length&&(a[u]=[o,{isLoaded:!0,addon:t,remote:r,module:s,minVersion:n,outdated:void 0}]),a})}return{modules:L,isLoading:E}};exports.useLoadModules=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../../../_virtual/runtime.cjs.js"),g=require("react"),O=require("../../../_virtual/semver.cjs.js"),S=(l,y,c)=>{const i=g.useRef(new Set),[h,M]=g.useState(()=>R(l)),[v,f]=g.useState(y.length>0&&!c);g.useEffect(()=>{c||(console.log("resetting processedModules"),i.current=new Set,M(R(l)))},[JSON.stringify(l),c]);const w=async(r,n,o,u,t)=>{try{const e=await I.runtimeExports.loadRemote(`${r}/${n}`,{from:"runtime"});$(o,r,n,e?.default||u,t)}catch(e){throw console.error("Error loading remote module",r,n,e),e}};g.useEffect(()=>{if(c){f(!1);return}h.every(o=>!o[1].isLoaded)&&i.current.size>0&&(console.log("resetting processedModules - results were reset"),i.current=new Set),console.log("loading modules");const n=[];if(l.forEach((o,u)=>{const{addon:t,remote:e,module:s,fallback:a,minVersion:d}=o;if(!t||!e||!s){console.log("Invalid module spec",o);return}const m=`${t}/${e}/${s}`;if(i.current.has(m)){console.log("skipping already processed module",m);return}if(h[u]?.[1]?.isLoaded){i.current.add(m);return}i.current.add(m);const L=y.find(p=>p.addonName===t);if(!L){console.log("Addon not found",{addon:t,remote:e,module:s});return}if(d&&!O.gte(L.addonVersion,d)){E(u,t,e,s,a,d,L.addonVersion);return}if(!L.modules[e]){console.log("Module not found",{addon:t,remote:e,module:s});return}n.push(w(e,s,t,a,d))}),!n.length){f(!1);return}f(!0),Promise.all(n).then(()=>{f(!1)}).catch(o=>{console.error("Error loading modules",o),f(!1)})},[c,y,JSON.stringify(l),h]);function R(r){return r.map(({addon:n="",remote:o="",module:u="",fallback:t,minVersion:e})=>[t,{isLoaded:!1,addon:n,remote:o,module:u,minVersion:e,outdated:void 0}])}function E(r,n,o,u,t,e,s){M(a=>{const d=[...a];return r>=0&&r<d.length&&(d[r]=[t,{isLoaded:!1,addon:n,remote:o,module:u,minVersion:e,outdated:{current:s,required:e}}]),d})}function $(r,n,o,u,t){M(e=>{const s=[...e],a=l.findIndex(d=>d.addon===r&&d.remote===n&&d.module===o);return a>=0&&a<s.length&&(s[a]=[u,{isLoaded:!0,addon:r,remote:n,module:o,minVersion:t,outdated:void 0}]),s})}return{modules:h,isLoading:v}};exports.useLoadModules=S;
 //# sourceMappingURL=useLoadModules.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLoadModules.cjs.js","sources":["../../../../src/hooks/useLoadModules.ts"],"sourcesContent":["import { 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(modules.length > 0 && !skip)\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) {\n      setIsLoading(false)\n      return\n    }\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    if (!promises.length) {\n      setIsLoading(false)\n      return\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), results])\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":["useLoadModules","moduleSpecs","modules","skip","processedModules","useRef","results","setResults","useState","initializeResults","isLoading","setIsLoading","useEffect","loadModule","remote","module","addon","fallback","minVersion","result","loadRemote","updateResultWithLoaded","error","promises","spec","index","moduleKey","addonInfo","m","semver","updateResultWithOutdated","specs","requiredVersion","currentVersion","prev","updated","loadedModule"],"mappings":"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"}
+{"version":3,"file":"useLoadModules.cjs.js","sources":["../../../../src/hooks/useLoadModules.ts"],"sourcesContent":["import { 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(modules.length > 0 && !skip)\n\n  // Reset and reinitialize when moduleSpecs change\n  useEffect(() => {\n    if (skip) return\n    console.log('resetting processedModules')\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) {\n      setIsLoading(false)\n      return\n    }\n\n    // If all results are unloaded, reset processedModules to ensure we attempt loading\n    // This handles the case where the component remounts with the same moduleSpecs\n    const allUnloaded = results.every((result) => !result[1].isLoaded)\n    if (allUnloaded && processedModules.current.size > 0) {\n      console.log('resetting processedModules - results were reset')\n      processedModules.current = new Set()\n    }\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) {\n        console.log('Invalid module spec', spec)\n        return\n      }\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)) {\n        console.log('skipping already processed module', moduleKey)\n        return\n      }\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    if (!promises.length) {\n      setIsLoading(false)\n      return\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), results])\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":["useLoadModules","moduleSpecs","modules","skip","processedModules","useRef","results","setResults","useState","initializeResults","isLoading","setIsLoading","useEffect","loadModule","remote","module","addon","fallback","minVersion","result","loadRemote","updateResultWithLoaded","error","promises","spec","index","moduleKey","addonInfo","m","semver","updateResultWithOutdated","specs","requiredVersion","currentVersion","prev","updated","loadedModule"],"mappings":"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"}

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

@@ -1,127 +1,133 @@
 import { r as N } from "../../../_virtual/runtime.es.js";
-import { useRef as O, useState as y, useEffect as E } from "react";
+import { useRef as O, useState as w, useEffect as M } from "react";
 import V from "../../../_virtual/semver.es.js";
-const b = (i, m, f) => {
-  const c = O(/* @__PURE__ */ new Set()), [h, L] = y(
-    () => R(i)
-  ), [$, l] = y(m.length > 0 && !f);
-  E(() => {
-    f || (c.current = /* @__PURE__ */ new Set(), L(R(i)));
-  }, [JSON.stringify(i), f]);
-  const w = async (e, n, d, o, r) => {
+const W = (u, L, c) => {
+  const i = O(/* @__PURE__ */ new Set()), [g, p] = w(
+    () => y(u)
+  ), [R, f] = w(L.length > 0 && !c);
+  M(() => {
+    c || (console.log("resetting processedModules"), i.current = /* @__PURE__ */ new Set(), p(y(u)));
+  }, [JSON.stringify(u), c]);
+  const v = async (n, r, o, a, t) => {
     try {
-      const t = await N.loadRemote(`${e}/${n}`, {
+      const e = await N.loadRemote(`${n}/${r}`, {
         from: "runtime"
       });
-      v(d, e, n, t?.default || o, r);
-    } catch (t) {
-      throw console.error("Error loading remote module", e, n, t), t;
+      $(o, n, r, e?.default || a, t);
+    } catch (e) {
+      throw console.error("Error loading remote module", n, r, e), e;
     }
   };
-  E(() => {
-    if (f) {
-      l(!1);
+  M(() => {
+    if (c) {
+      f(!1);
       return;
     }
-    console.log("loading modules");
-    const e = [];
-    if (i.forEach((n, d) => {
-      const { addon: o, remote: r, module: t, fallback: u, minVersion: a } = n;
-      if (!o || !r || !t) return;
-      const s = `${o}/${r}/${t}`;
-      if (c.current.has(s)) return;
-      if (h[d]?.[1]?.isLoaded) {
-        c.current.add(s);
+    g.every((o) => !o[1].isLoaded) && i.current.size > 0 && (console.log("resetting processedModules - results were reset"), i.current = /* @__PURE__ */ new Set()), console.log("loading modules");
+    const r = [];
+    if (u.forEach((o, a) => {
+      const { addon: t, remote: e, module: s, fallback: l, minVersion: d } = o;
+      if (!t || !e || !s) {
+        console.log("Invalid module spec", o);
         return;
       }
-      c.current.add(s);
-      const g = m.find((I) => I.addonName === o);
-      if (!g) {
-        console.log("Addon not found", { addon: o, remote: r, module: t });
+      const m = `${t}/${e}/${s}`;
+      if (i.current.has(m)) {
+        console.log("skipping already processed module", m);
         return;
       }
-      if (a && !V.gte(g.addonVersion, a)) {
-        M(
-          d,
-          o,
-          r,
-          t,
-          u,
+      if (g[a]?.[1]?.isLoaded) {
+        i.current.add(m);
+        return;
+      }
+      i.current.add(m);
+      const h = L.find((I) => I.addonName === t);
+      if (!h) {
+        console.log("Addon not found", { addon: t, remote: e, module: s });
+        return;
+      }
+      if (d && !V.gte(h.addonVersion, d)) {
+        E(
           a,
-          g.addonVersion
+          t,
+          e,
+          s,
+          l,
+          d,
+          h.addonVersion
         );
         return;
       }
-      if (!g.modules[r]) {
-        console.log("Module not found", { addon: o, remote: r, module: t });
+      if (!h.modules[e]) {
+        console.log("Module not found", { addon: t, remote: e, module: s });
         return;
       }
-      e.push(w(r, t, o, u, a));
-    }), !e.length) {
-      l(!1);
+      r.push(v(e, s, t, l, d));
+    }), !r.length) {
+      f(!1);
       return;
     }
-    l(!0), Promise.all(e).then(() => {
-      l(!1);
-    }).catch((n) => {
-      console.error("Error loading modules", n), l(!1);
+    f(!0), Promise.all(r).then(() => {
+      f(!1);
+    }).catch((o) => {
+      console.error("Error loading modules", o), f(!1);
     });
-  }, [f, m, JSON.stringify(i), h]);
-  function R(e) {
-    return e.map(
-      ({ addon: n = "", remote: d = "", module: o = "", fallback: r, minVersion: t }) => [
-        r,
+  }, [c, L, JSON.stringify(u), g]);
+  function y(n) {
+    return n.map(
+      ({ addon: r = "", remote: o = "", module: a = "", fallback: t, minVersion: e }) => [
+        t,
         {
           isLoaded: !1,
-          addon: n,
-          remote: d,
-          module: o,
-          minVersion: t,
+          addon: r,
+          remote: o,
+          module: a,
+          minVersion: e,
           outdated: void 0
         }
       ]
     );
   }
-  function M(e, n, d, o, r, t, u) {
-    L((a) => {
-      const s = [...a];
-      return e >= 0 && e < s.length && (s[e] = [
-        r,
+  function E(n, r, o, a, t, e, s) {
+    p((l) => {
+      const d = [...l];
+      return n >= 0 && n < d.length && (d[n] = [
+        t,
         {
           isLoaded: !1,
-          addon: n,
-          remote: d,
-          module: o,
-          minVersion: t,
+          addon: r,
+          remote: o,
+          module: a,
+          minVersion: e,
           outdated: {
-            current: u,
-            required: t
+            current: s,
+            required: e
           }
         }
-      ]), s;
+      ]), d;
     });
   }
-  function v(e, n, d, o, r) {
-    L((t) => {
-      const u = [...t], a = i.findIndex(
-        (s) => s.addon === e && s.remote === n && s.module === d
+  function $(n, r, o, a, t) {
+    p((e) => {
+      const s = [...e], l = u.findIndex(
+        (d) => d.addon === n && d.remote === r && d.module === o
       );
-      return a >= 0 && a < u.length && (u[a] = [
-        o,
+      return l >= 0 && l < s.length && (s[l] = [
+        a,
         {
           isLoaded: !0,
-          addon: e,
-          remote: n,
-          module: d,
-          minVersion: r,
+          addon: n,
+          remote: r,
+          module: o,
+          minVersion: t,
           outdated: void 0
         }
-      ]), u;
+      ]), s;
     });
   }
-  return { modules: h, isLoading: $ };
+  return { modules: g, isLoading: R };
 };
 export {
-  b as useLoadModules
+  W as useLoadModules
 };
 //# sourceMappingURL=useLoadModules.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLoadModules.es.js","sources":["../../../../src/hooks/useLoadModules.ts"],"sourcesContent":["import { 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(modules.length > 0 && !skip)\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) {\n      setIsLoading(false)\n      return\n    }\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    if (!promises.length) {\n      setIsLoading(false)\n      return\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), results])\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":["useLoadModules","moduleSpecs","modules","skip","processedModules","useRef","results","setResults","useState","initializeResults","isLoading","setIsLoading","useEffect","loadModule","remote","module","addon","fallback","minVersion","result","loadRemote","updateResultWithLoaded","error","promises","spec","index","moduleKey","addonInfo","m","semver","updateResultWithOutdated","specs","requiredVersion","currentVersion","prev","updated","loadedModule"],"mappings":"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"}
+{"version":3,"file":"useLoadModules.es.js","sources":["../../../../src/hooks/useLoadModules.ts"],"sourcesContent":["import { 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(modules.length > 0 && !skip)\n\n  // Reset and reinitialize when moduleSpecs change\n  useEffect(() => {\n    if (skip) return\n    console.log('resetting processedModules')\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) {\n      setIsLoading(false)\n      return\n    }\n\n    // If all results are unloaded, reset processedModules to ensure we attempt loading\n    // This handles the case where the component remounts with the same moduleSpecs\n    const allUnloaded = results.every((result) => !result[1].isLoaded)\n    if (allUnloaded && processedModules.current.size > 0) {\n      console.log('resetting processedModules - results were reset')\n      processedModules.current = new Set()\n    }\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) {\n        console.log('Invalid module spec', spec)\n        return\n      }\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)) {\n        console.log('skipping already processed module', moduleKey)\n        return\n      }\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    if (!promises.length) {\n      setIsLoading(false)\n      return\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), results])\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":["useLoadModules","moduleSpecs","modules","skip","processedModules","useRef","results","setResults","useState","initializeResults","isLoading","setIsLoading","useEffect","loadModule","remote","module","addon","fallback","minVersion","result","loadRemote","updateResultWithLoaded","error","promises","spec","index","moduleKey","addonInfo","m","semver","updateResultWithOutdated","specs","requiredVersion","currentVersion","prev","updated","loadedModule"],"mappings":"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"}

package/dist/types/api/generated/graphql.d.ts

@@ -673,6 +673,7 @@ export type ProjectNode = {
     productTypes: Array<ProductType>;
     /** Return a list of products. */
     products: ProductsConnection;
+    projectFolder?: Maybe<Scalars['String']['output']>;
     projectName: Scalars['String']['output'];
     /** Return a representation node based on its ID */
     representation?: Maybe<RepresentationNode>;
@@ -3203,7 +3204,7 @@ export declare const VpFolderFragmentDoc = "\n    fragment VPFolder on FolderNod
 export declare const VersionExtendedFragmentDoc = "\n    fragment VersionExtended on VersionNode {\n  ...VersionBase\n  task {\n    id\n    taskType\n  }\n  product {\n    id\n    name\n    productType\n    allAttrib\n    folder {\n      id\n      ...VPFolder\n    }\n  }\n}\n    \n    fragment VersionBase on VersionNode {\n  name\n  id\n  hasReviewables\n  parents\n  path\n  active\n  allAttrib\n  author\n  createdAt\n  status\n  tags\n  updatedAt\n  version\n  featuredVersionType\n  heroVersionId\n}\n    \n\n    fragment VPFolder on FolderNode {\n  id\n  name\n  label\n  allAttrib\n}\n    ";
 export declare const MessageFragmentFragmentDoc = "\n    fragment MessageFragment on ActivityNode {\n  projectName\n  activityId\n  activityType\n  activityData\n  referenceType\n  referenceId\n  body\n  createdAt\n  updatedAt\n  active\n  read\n  author {\n    name\n    attrib {\n      fullName\n    }\n  }\n  origin {\n    id\n    name\n    label\n    type\n    subtype\n  }\n  parents {\n    type\n    name\n    label\n  }\n}\n    ";
 export declare const ProgressTaskFragmentFragmentDoc = "\n    fragment ProgressTaskFragment on TaskNode {\n  projectName\n  id\n  name\n  label\n  taskType\n  status\n  assignees\n  updatedAt\n  active\n  hasReviewables\n  tags\n  attrib {\n    priority\n    endDate\n    resolutionHeight\n    resolutionWidth\n    fps\n  }\n  folder {\n    id\n    name\n    label\n    folderType\n    parents\n    status\n    updatedAt\n    parent {\n      id\n      name\n      label\n      parents\n    }\n  }\n}\n    ";
-export declare const GetActivitiesByIdDocument = "\n    query GetActivitiesById($projectName: String!, $entityIds: [String!]!, $activityIds: [String!]) {\n  project(name: $projectName) {\n    name\n    activities(entityIds: $entityIds, activityIds: $activityIds) {\n      pageInfo {\n        hasPreviousPage\n        hasNextPage\n        startCursor\n        endCursor\n      }\n      edges {\n        cursor\n        node {\n          ...ActivityFragment\n        }\n      }\n    }\n  }\n}\n    \n    fragment ActivityFragment on ActivityNode {\n  activityId\n  activityType\n  activityData\n  referenceType\n  referenceId\n  entityId\n  body\n  createdAt\n  updatedAt\n  author {\n    name\n    deleted\n    active\n    attrib {\n      fullName\n    }\n  }\n  files {\n    id\n    name\n    size\n    mime\n  }\n  origin {\n    id\n    name\n    label\n    type\n  }\n  reactions {\n    fullName\n    userName\n    reaction\n    timestamp\n  }\n  version {\n    attrib {\n      comment\n    }\n  }\n}\n    ";
+export declare const GetActivitiesByIdDocument = "\n    query GetActivitiesById($projectName: String!, $entityIds: [String!]!, $activityIds: [String!]) {\n  project(name: $projectName) {\n    name\n    activities(\n      entityIds: $entityIds\n      activityIds: $activityIds\n      referenceTypes: [\"origin\"]\n    ) {\n      pageInfo {\n        hasPreviousPage\n        hasNextPage\n        startCursor\n        endCursor\n      }\n      edges {\n        cursor\n        node {\n          ...ActivityFragment\n        }\n      }\n    }\n  }\n}\n    \n    fragment ActivityFragment on ActivityNode {\n  activityId\n  activityType\n  activityData\n  referenceType\n  referenceId\n  entityId\n  body\n  createdAt\n  updatedAt\n  author {\n    name\n    deleted\n    active\n    attrib {\n      fullName\n    }\n  }\n  files {\n    id\n    name\n    size\n    mime\n  }\n  origin {\n    id\n    name\n    label\n    type\n  }\n  reactions {\n    fullName\n    userName\n    reaction\n    timestamp\n  }\n  version {\n    attrib {\n      comment\n    }\n  }\n}\n    ";
 export declare const GetActivityUsersDocument = "\n    query GetActivityUsers($projects: [String!]) {\n  users(last: 2000, projects: $projects) {\n    edges {\n      node {\n        name\n        attrib {\n          fullName\n        }\n      }\n    }\n  }\n}\n    ";
 export declare const GetActivitiesDocument = "\n    query GetActivities($projectName: String!, $entityIds: [String!]!, $after: String, $first: Int, $before: String, $last: Int, $referenceTypes: [String!], $activityTypes: [String!]) {\n  project(name: $projectName) {\n    name\n    activities(\n      entityIds: $entityIds\n      after: $after\n      first: $first\n      before: $before\n      last: $last\n      referenceTypes: $referenceTypes\n      activityTypes: $activityTypes\n    ) {\n      pageInfo {\n        hasPreviousPage\n        hasNextPage\n        startCursor\n        endCursor\n      }\n      edges {\n        cursor\n        node {\n          ...ActivityFragment\n        }\n      }\n    }\n  }\n}\n    \n    fragment ActivityFragment on ActivityNode {\n  activityId\n  activityType\n  activityData\n  referenceType\n  referenceId\n  entityId\n  body\n  createdAt\n  updatedAt\n  author {\n    name\n    deleted\n    active\n    attrib {\n      fullName\n    }\n  }\n  files {\n    id\n    name\n    size\n    mime\n  }\n  origin {\n    id\n    name\n    label\n    type\n  }\n  reactions {\n    fullName\n    userName\n    reaction\n    timestamp\n  }\n  version {\n    attrib {\n      comment\n    }\n  }\n}\n    ";
 export declare const GetEntitiesChecklistsDocument = "\n    query GetEntitiesChecklists($projectName: String!, $entityIds: [String!]!) {\n  project(name: $projectName) {\n    name\n    activities(\n      entityIds: $entityIds\n      last: 1000\n      activityTypes: [\"checklist\"]\n      referenceTypes: [\"origin\"]\n    ) {\n      edges {\n        cursor\n        node {\n          activityId\n          body\n        }\n      }\n    }\n  }\n}\n    ";

package/dist/types/api/generated/graphqlLinks.d.ts

@@ -673,6 +673,7 @@ export type ProjectNode = {
     productTypes: Array<ProductType>;
     /** Return a list of products. */
     products: ProductsConnection;
+    projectFolder?: Maybe<Scalars['String']['output']>;
     projectName: Scalars['String']['output'];
     /** Return a representation node based on its ID */
     representation?: Maybe<RepresentationNode>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ynput/ayon-frontend-shared",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Shared React components for AYON frontend",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -135,6 +135,7 @@
     "react-markdown": "^10.1.0",
     "react-quill-ayon": "^2.0.2",
     "react-toastify": "^9.0.3",
+    "rehype-raw": "^7.0.0",
     "remark-directive": "^3.0.0",
     "remark-directive-rehype": "^0.4.2",
     "remark-emoji": "^4.0.1",

package/dist/node_modules/@ungap/structured-clone/esm/deserialize.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./types.cjs.js"),w=typeof self=="object"?self:globalThis,l=(o,i)=>{const s=(e,u)=>(o.set(u,e),e),c=e=>{if(o.has(e))return o.get(e);const[u,t]=i[e];switch(u){case a.PRIMITIVE:case a.VOID:return s(t,e);case a.ARRAY:{const r=s([],e);for(const n of t)r.push(c(n));return r}case a.OBJECT:{const r=s({},e);for(const[n,f]of t)r[c(n)]=c(f);return r}case a.DATE:return s(new Date(t),e);case a.REGEXP:{const{source:r,flags:n}=t;return s(new RegExp(r,n),e)}case a.MAP:{const r=s(new Map,e);for(const[n,f]of t)r.set(c(n),c(f));return r}case a.SET:{const r=s(new Set,e);for(const n of t)r.add(c(n));return r}case a.ERROR:{const{name:r,message:n}=t;return s(new w[r](n),e)}case a.BIGINT:return s(BigInt(t),e);case"BigInt":return s(Object(BigInt(t)),e);case"ArrayBuffer":return s(new Uint8Array(t).buffer,t);case"DataView":{const{buffer:r}=new Uint8Array(t);return s(new DataView(r),t)}}return s(new w[u](t),e)};return c},g=o=>l(new Map,o)(0);exports.deserialize=g;
-//# sourceMappingURL=deserialize.cjs.js.map