@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

package/dist/core/useResourceSearch/useResourceSearch.js

@@ -1,34 +1,35 @@
-import { useState, useEffect, useCallback } from "react";
-import { SnipletsService, odeServices } from "edifice-ts-client";
-import { useMockedData } from "../../utils/MockedDataProvider/MockedDataProvider.js";
-const useResourceSearch = (appCode) => {
-  const mock = useMockedData(), [resourceApplications, setResourceApplications] = useState([]);
-  useEffect(() => {
+import { useState as d, useEffect as h, useCallback as y } from "react";
+import { SnipletsService as a, odeServices as o } from "@edifice.io/ts-client";
+import { useMockedData as R } from "../../utils/MockedDataProvider/MockedDataProvider.js";
+const A = (s) => {
+  const e = R(), [i, u] = d([]);
+  h(() => {
     (async () => {
       try {
-        await SnipletsService.initialize(odeServices, (mock == null ? void 0 : mock.app) || appCode);
-      } catch (error) {
-        if (mock != null && mock.app)
-          SnipletsService.resourceProducingApps = [mock == null ? void 0 : mock.app];
+        await a.initialize(o, (e == null ? void 0 : e.app) || s);
+      } catch (r) {
+        if (e != null && e.app)
+          a.resourceProducingApps = [e == null ? void 0 : e.app];
         else
-          throw error;
+          throw r;
       }
-      await SnipletsService.registerBehaviours((mock == null ? void 0 : mock.app) || appCode), setResourceApplications(SnipletsService.resourceProducingApps);
+      await a.registerBehaviours((e == null ? void 0 : e.app) || s), u(a.resourceProducingApps);
     })();
   }, []);
-  const loadResources = useCallback(async (filters) => {
-    var _a;
-    const [resourceType] = filters.types;
-    return mock != null && mock.loadResources ? await ((_a = mock == null ? void 0 : mock.loadResources) == null ? void 0 : _a.call(mock, filters).then((results) => results.map((r) => ({
-      ...r,
+  const n = y(async (r) => {
+    var t;
+    const [p] = r.types;
+    return e != null && e.loadResources ? await ((t = e == null ? void 0 : e.loadResources) == null ? void 0 : t.call(e, r).then((c) => c.map((l) => ({
+      ...l,
       _id: "" + Math.round(Math.random() * 9999)
-    })))) : await odeServices.behaviour(appCode, resourceType).loadResources(filters);
-  }, [appCode, mock]);
+    })))) : await o.behaviour(s, p).loadResources(r);
+  }, [s, e]);
   return {
-    resourceApplications,
-    loadResources
+    resourceApplications: i,
+    loadResources: n
   };
 };
 export {
-  useResourceSearch
+  A as useResourceSearch
 };
+//# sourceMappingURL=useResourceSearch.js.map

package/dist/core/useResourceSearch/useResourceSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResourceSearch.js","sources":["../../../src/core/useResourceSearch/useResourceSearch.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport {\n  App,\n  GetContextParameters,\n  odeServices,\n  SnipletsService,\n} from '@edifice.io/ts-client';\n/*\n * Augmented definition of a resource, until behaviours are dropped.\n * The path would otherwise be found by using `IWebResourceService.getViewUrl(resource)`\n */\nimport { ILinkedResource } from '@edifice.io/ts-client';\n\nimport { useMockedData } from '../../utils';\n\n/**\n * A hook to search for resources produced by applications.\n *\n * @param appCode Currently running application.\n * @returns An object with 2 fields :\n *\n * `resourceApplications: Array<App>`\n * Resources-producing applications the user can use.\n *\n * `loadResources: (filters:GetContextParameters) => Promise<ILinkedResource[]>`\n * A search method with filters.\n *\n */\nexport const useResourceSearch = (appCode: App) => {\n  // Needed for storybook to mock calls to backend\n  const mock = useMockedData();\n\n  // Resources-producing applications the user can use\n  const [resourceApplications, setResourceApplications] = useState<App[]>([]);\n\n  // Init services, only once\n  useEffect(() => {\n    (async () => {\n      try {\n        await SnipletsService.initialize(odeServices, mock?.app || appCode);\n      } catch (error) {\n        if (mock?.app) {\n          SnipletsService.resourceProducingApps = [mock?.app];\n        } else {\n          throw error;\n        }\n      }\n      await SnipletsService.registerBehaviours(mock?.app || appCode);\n      setResourceApplications(SnipletsService.resourceProducingApps);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const loadResources = useCallback(\n    async (filters: GetContextParameters) => {\n      const [resourceType] = filters.types;\n      // If mocked data is available, use it. Otherwise load from server.\n      const payload = mock?.loadResources\n        ? await mock?.loadResources?.(filters).then((results) =>\n            results.map((r) => {\n              // Generate random IDs to prevent infinite recursion\n              return {\n                ...r,\n                _id: '' + Math.round(Math.random() * 9999),\n              };\n            }),\n          )\n        : await odeServices\n            .behaviour(appCode, resourceType)\n            .loadResources(filters);\n\n      return payload;\n    },\n    [appCode, mock],\n  );\n\n  return { resourceApplications, loadResources } as {\n    resourceApplications: Array<App>;\n    loadResources: (\n      filters: GetContextParameters,\n    ) => Promise<ILinkedResource[]>;\n  };\n};\n"],"names":["useResourceSearch","appCode","mock","useMockedData","resourceApplications","setResourceApplications","useState","useEffect","SnipletsService","initialize","odeServices","app","error","resourceProducingApps","registerBehaviours","loadResources","useCallback","filters","resourceType","types","payload","then","results","map","r","_id","Math","round","random","behaviour"],"mappings":";;;AA6BaA,MAAAA,IAAoBA,CAACC,MAAiB;AAEjD,QAAMC,IAAOC,KAGP,CAACC,GAAsBC,CAAuB,IAAIC,EAAgB,CAAE,CAAA;AAG1EC,EAAAA,EAAU,MAAM;AACd,KAAC,YAAY;AACP,UAAA;AACF,cAAMC,EAAgBC,WAAWC,IAAaR,KAAAA,gBAAAA,EAAMS,QAAOV,CAAO;AAAA,eAC3DW,GAAO;AACd,YAAIV,KAAAA,QAAAA,EAAMS;AACQE,UAAAA,EAAAA,wBAAwB,CAACX,KAAAA,gBAAAA,EAAMS,GAAG;AAAA;AAE5CC,gBAAAA;AAAAA,MAEV;AACA,YAAMJ,EAAgBM,oBAAmBZ,KAAAA,gBAAAA,EAAMS,QAAOV,CAAO,GAC7DI,EAAwBG,EAAgBK,qBAAqB;AAAA,IAAA;EAGjE,GAAG,CAAE,CAAA;AAECE,QAAAA,IAAgBC,EACpB,OAAOC,MAAkC;;AACjC,UAAA,CAACC,CAAY,IAAID,EAAQE;AAgBxBC,WAdSlB,KAAAA,QAAAA,EAAMa,gBAClB,QAAMb,IAAAA,KAAAA,gBAAAA,EAAMa,kBAANb,gBAAAA,EAAAA,KAAAA,GAAsBe,GAASI,KAAMC,CAAAA,MACzCA,EAAQC,IAAKC,CAAMA,OAEV;AAAA,MACL,GAAGA;AAAAA,MACHC,KAAK,KAAKC,KAAKC,MAAMD,KAAKE,WAAW,IAAI;AAAA,IAAA,EAE5C,MAEH,MAAMlB,EACHmB,UAAU5B,GAASiB,CAAY,EAC/BH,cAAcE,CAAO;AAAA,EAErBG,GAET,CAACnB,GAASC,CAAI,CAChB;AAEO,SAAA;AAAA,IAAEE,sBAAAA;AAAAA,IAAsBW,eAAAA;AAAAA,EAAAA;AAMjC;"}

package/dist/core/useSession/useSession.js

@@ -1,11 +1,12 @@
-import { useQuery } from "@tanstack/react-query";
-import { odeServices } from "edifice-ts-client";
-function useSession() {
-  return useQuery({
+import { odeServices as e } from "@edifice.io/ts-client";
+import { useQuery as s } from "@tanstack/react-query";
+function i() {
+  return s({
     queryKey: ["session"],
-    queryFn: async () => await odeServices.session().getSession()
+    queryFn: async () => await e.session().getSession()
   });
 }
 export {
-  useSession as default
+  i as default
 };
+//# sourceMappingURL=useSession.js.map

package/dist/core/useSession/useSession.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSession.js","sources":["../../../src/core/useSession/useSession.ts"],"sourcesContent":["import { IGetSession, odeServices } from '@edifice.io/ts-client';\nimport { useQuery } from '@tanstack/react-query';\n\nexport default function useSession() {\n  return useQuery<IGetSession>({\n    queryKey: ['session'],\n    queryFn: async () => await odeServices.session().getSession(),\n  });\n}\n"],"names":["useSession","useQuery","queryKey","queryFn","odeServices","session","getSession"],"mappings":";;AAGA,SAAwBA,IAAa;AACnC,SAAOC,EAAsB;AAAA,IAC3BC,UAAU,CAAC,SAAS;AAAA,IACpBC,SAAS,YAAY,MAAMC,EAAYC,QAAAA,EAAUC,WAAW;AAAA,EAAA,CAC7D;AACH;"}

package/dist/core/useTrashedResource/useTrashedResource.js

@@ -1,27 +1,28 @@
-import { useState, useEffect } from "react";
-import { odeServices } from "edifice-ts-client";
-import useUser from "../useUser/useUser.js";
-import { useOdeClient } from "../OdeClientProvider/OdeClientProvider.js";
-const useTrashedResource = (id) => {
+import { useState as u, useEffect as i } from "react";
+import { odeServices as f } from "@edifice.io/ts-client";
+import m from "../useUser/useUser.js";
+import { useOdeClient as h } from "../OdeClientProvider/OdeClientProvider.js";
+const $ = (o) => {
   const {
-    appCode
-  } = useOdeClient(), {
-    user
-  } = useUser(), [trashed, setTrashed] = useState(!1);
-  useEffect(() => {
+    appCode: r
+  } = h(), {
+    user: e
+  } = m(), [a, c] = u(!1);
+  i(() => {
     (async () => {
-      var _a, _b;
-      const explorerData = await odeServices.http().get(`/explorer/resources?application=${appCode}&resource_type=${appCode}&asset_id[]=${id}`), resource = (_a = explorerData == null ? void 0 : explorerData.resources) == null ? void 0 : _a.find((resource2) => resource2.assetId === id);
-      (resource != null && resource.trashed || (_b = resource == null ? void 0 : resource.trashedBy) != null && _b.includes(user == null ? void 0 : user.userId)) && setTrashed(!0);
+      var d, n;
+      const t = await f.http().get(`/explorer/resources?application=${r}&resource_type=${r}&asset_id[]=${o}`), s = (d = t == null ? void 0 : t.resources) == null ? void 0 : d.find((p) => p.assetId === o);
+      (s != null && s.trashed || (n = s == null ? void 0 : s.trashedBy) != null && n.includes(e == null ? void 0 : e.userId)) && c(!0);
     })();
-  }, []), useEffect(() => {
-    if (trashed)
+  }, []), i(() => {
+    if (a)
       throw new Response("", {
         status: 404,
         statusText: "Not Found"
       });
-  }, [trashed]);
-}, useTrashedResource$1 = useTrashedResource;
+  }, [a]);
+};
 export {
-  useTrashedResource$1 as default
+  $ as default
 };
+//# sourceMappingURL=useTrashedResource.js.map

package/dist/core/useTrashedResource/useTrashedResource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrashedResource.js","sources":["../../../src/core/useTrashedResource/useTrashedResource.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { IResource, odeServices } from '@edifice.io/ts-client';\n\nimport { useOdeClient, useUser } from '..';\n\n/**\n * Router Params Id === ResourceId\n */\ntype UseTrashedResourceProps = string | undefined;\n\nconst useTrashedResource = (id: UseTrashedResourceProps) => {\n  const { appCode } = useOdeClient();\n  const { user } = useUser();\n\n  const [trashed, setTrashed] = useState<boolean>(false);\n\n  /**\n   * Fix #WB2-1252: show 404 resource error page if resource is in trash.\n   * Check if resource is trashed.\n   */\n  useEffect(() => {\n    (async () => {\n      // To know if the resource has been trashed we need to request Explorer API. The information is not updates in legacy app.\n      const explorerData = await odeServices\n        .http()\n        .get(\n          `/explorer/resources?application=${appCode}&resource_type=${appCode}&asset_id[]=${id}`,\n        );\n      // const explorerData = await explorerResponse.json();\n      const resource = explorerData?.resources?.find(\n        (resource: IResource) => resource.assetId === id,\n      );\n\n      if (resource?.trashed || resource?.trashedBy?.includes(user?.userId)) {\n        // Error boundaries are not working with async calls,\n        // so we need to use a state and then in another useEffect we handle the error\n        setTrashed(true);\n      }\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  /**\n   * Fix #WB2-1252: show 404 resource error page if resource is in trash.\n   * The useEffect to handle the error of a trashed resource.\n   */\n  useEffect(() => {\n    if (trashed) {\n      throw new Response('', {\n        status: 404,\n        statusText: 'Not Found',\n      });\n    }\n  }, [trashed]);\n};\n\nexport default useTrashedResource;\n"],"names":["useTrashedResource","id","appCode","useOdeClient","user","useUser","trashed","setTrashed","useState","useEffect","explorerData","odeServices","http","get","resource","resources","find","assetId","trashedBy","includes","userId","Response","status","statusText"],"mappings":";;;;AAWMA,MAAAA,IAAqBA,CAACC,MAAgC;AACpD,QAAA;AAAA,IAAEC,SAAAA;AAAAA,MAAYC,EAAa,GAC3B;AAAA,IAAEC,MAAAA;AAAAA,MAASC,EAAQ,GAEnB,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK;AAMrDC,EAAAA,EAAU,MAAM;AACd,KAAC,YAAY;;AAEX,YAAMC,IAAe,MAAMC,EACxBC,KACAC,EAAAA,IACC,mCAAmCX,CAAO,kBAAkBA,CAAO,eAAeD,CAAE,EACtF,GAEIa,KAAWJ,IAAAA,KAAAA,gBAAAA,EAAcK,cAAdL,gBAAAA,EAAyBM,KACxC,CAACF,MAAwBA,EAASG,YAAYhB;AAGhD,OAAIa,KAAAA,QAAAA,EAAUR,YAAWQ,IAAAA,KAAAA,gBAAAA,EAAUI,cAAVJ,QAAAA,EAAqBK,SAASf,KAAAA,gBAAAA,EAAMgB,YAG3Db,EAAW,EAAI;AAAA,IACjB;EAGJ,GAAG,CAAE,CAAA,GAMLE,EAAU,MAAM;AACd,QAAIH;AACI,YAAA,IAAIe,SAAS,IAAI;AAAA,QACrBC,QAAQ;AAAA,QACRC,YAAY;AAAA,MAAA,CACb;AAAA,EACH,GACC,CAACjB,CAAO,CAAC;AACd;"}

package/dist/core/useUpload/useUpload.d.ts

@@ -1,4 +1,4 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
+import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';
 import { Status } from '../../types';
 declare const useUpload: (visibility?: WorkspaceVisibility, application?: string) => {
     getUploadStatus: (upload: File | Blob) => Status | undefined;

package/dist/core/useUpload/useUpload.js

@@ -1,81 +1,81 @@
-import { useState, useCallback } from "react";
-import { ERROR_CODE, odeServices } from "edifice-ts-client";
-import useBrowserInfo from "../../hooks/useBrowserInfo/useBrowserInfo.js";
-import useWorkspaceFile from "../useWorkspaceFile/useWorkspaceFile.js";
-import { getOrGenerateBlobId } from "../../utils/blob.js";
-const useUpload = (visibility, application = "media-library") => {
-  const [status, setStatus] = useState({}), {
-    browser,
-    device
-  } = useBrowserInfo(navigator.userAgent), {
-    create
-  } = useWorkspaceFile(), getUploadStatus = useCallback((upload) => status[getOrGenerateBlobId(upload)], [status]), setUploadStatus = (blob, status2) => {
-    setStatus((prevStatus) => {
-      const key = getOrGenerateBlobId(blob);
+import { useState as S, useCallback as E } from "react";
+import { ERROR_CODE as k, odeServices as O } from "@edifice.io/ts-client";
+import R from "../../hooks/useBrowserInfo/useBrowserInfo.js";
+import { getOrGenerateBlobId as t } from "../../utils/blob.js";
+import U from "../useWorkspaceFile/useWorkspaceFile.js";
+const D = (w, i = "media-library") => {
+  const [a, u] = S({}), {
+    browser: c,
+    device: f
+  } = R(navigator.userAgent), {
+    create: m
+  } = U(), y = E((e) => a[t(e)], [a]), s = (e, r) => {
+    u((o) => {
+      const n = t(e);
       return {
-        ...prevStatus,
-        [key]: status2
+        ...o,
+        [n]: r
       };
     });
-  }, clearUploadStatus = (blob) => {
-    setStatus((prevStatus) => {
-      const key = getOrGenerateBlobId(blob), {
-        [key]: unused,
-        ...rest
-      } = prevStatus;
-      return rest;
+  }, v = (e) => {
+    u((r) => {
+      const o = t(e), {
+        [o]: n,
+        ...p
+      } = r;
+      return p;
     });
   };
-  async function uploadFile(file, metadata) {
-    setUploadStatus(file, "loading");
+  async function d(e, r) {
+    s(e, "loading");
     try {
-      let resource;
-      return application === "media-library" && file.type.includes("video") ? resource = await uploadVideo(file, {
-        filename: file.name,
-        ...metadata
-      }) : resource = await create(file, {
-        application,
-        visibility
-      }), setUploadStatus(file, "success"), resource;
+      let o;
+      return i === "media-library" && e.type.includes("video") ? o = await l(e, {
+        filename: e.name,
+        ...r
+      }) : o = await m(e, {
+        application: i,
+        visibility: w
+      }), s(e, "success"), o;
     } catch {
-      return setUploadStatus(file, "error"), null;
+      return s(e, "error"), null;
     }
   }
-  async function uploadBlob(blob, metadata) {
-    setUploadStatus(blob, "loading");
+  async function h(e, r) {
+    s(e, "loading");
     try {
-      let resource;
-      if (blob.type.includes("video"))
-        resource = await uploadVideo(blob, metadata);
+      let o;
+      if (e.type.includes("video"))
+        o = await l(e, r);
       else
-        throw new Error(ERROR_CODE.NOT_SUPPORTED);
-      return setUploadStatus(blob, "success"), resource;
+        throw new Error(k.NOT_SUPPORTED);
+      return s(e, "success"), o;
     } catch {
-      return setUploadStatus(blob, "error"), null;
+      return s(e, "error"), null;
     }
   }
-  const uploadVideo = async (blob, metadata) => {
-    const params = {
+  const l = async (e, r) => {
+    const o = {
       data: {
-        device: device.type,
+        device: f.type,
         browser: {
-          name: browser.name,
-          version: browser.version
+          name: c.name,
+          version: c.version
         },
         url: window.location.hostname,
-        file: blob,
-        filename: (metadata == null ? void 0 : metadata.filename) ?? "filename",
-        weight: blob.size
+        file: e,
+        filename: (r == null ? void 0 : r.filename) ?? "filename",
+        weight: e.size
       },
-      appCode: application,
-      captation: !(blob instanceof File),
-      duration: (metadata == null ? void 0 : metadata.duration) ?? 0
-    }, uploadResponse = await odeServices.video().upload(params);
-    if (uploadResponse.state === "succeed")
+      appCode: i,
+      captation: !(e instanceof File),
+      duration: (r == null ? void 0 : r.duration) ?? 0
+    }, n = await O.video().upload(o);
+    if (n.state === "succeed")
       return {
-        _id: uploadResponse.videoworkspaceid,
-        file: uploadResponse.videoid,
-        name: params.data.filename,
+        _id: n.videoworkspaceid,
+        file: n.videoid,
+        name: o.data.filename,
         eType: "file",
         eParent: "",
         children: [],
@@ -87,20 +87,21 @@ const useUpload = (visibility, application = "media-library") => {
           displayName: ""
         }
       };
-    throw uploadResponse.state === "error" ? new Error(uploadResponse.code || "Error while uploading video") : new Error("Video encoding is still running");
+    throw n.state === "error" ? new Error(n.code || "Error while uploading video") : new Error("Video encoding is still running");
   };
-  function uploadAlternateFile(original, replacement, metadata) {
-    return getOrGenerateBlobId(replacement, getOrGenerateBlobId(original)), uploadFile(replacement, metadata);
+  function g(e, r, o) {
+    return t(r, t(e)), d(r, o);
   }
   return {
-    getUploadStatus,
-    setUploadStatus,
-    clearUploadStatus,
-    uploadFile,
-    uploadAlternateFile,
-    uploadBlob
+    getUploadStatus: y,
+    setUploadStatus: s,
+    clearUploadStatus: v,
+    uploadFile: d,
+    uploadAlternateFile: g,
+    uploadBlob: h
   };
 };
 export {
-  useUpload as default
+  D as default
 };
+//# sourceMappingURL=useUpload.js.map

package/dist/core/useUpload/useUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpload.js","sources":["../../../src/core/useUpload/useUpload.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport {\n  ERROR_CODE,\n  VideoUploadParams,\n  WorkspaceElement,\n  WorkspaceVisibility,\n  odeServices,\n} from '@edifice.io/ts-client';\n\nimport { useBrowserInfo } from '../../hooks';\nimport { Status } from '../../types';\nimport { getOrGenerateBlobId } from '../../utils';\nimport { useWorkspaceFile } from '../useWorkspaceFile';\n\nconst useUpload = (\n  visibility?: WorkspaceVisibility,\n  application = 'media-library',\n) => {\n  const [status, setStatus] = useState<Record<string, Status>>({});\n\n  const { browser, device } = useBrowserInfo(navigator.userAgent);\n  const { create } = useWorkspaceFile();\n\n  /** Get the status of a file or blob being uploaded. */\n  const getUploadStatus: (upload: File | Blob) => Status | undefined =\n    useCallback(\n      (upload: File | Blob) => status[getOrGenerateBlobId(upload)],\n      [status],\n    );\n\n  /** Set the status of an uploaded file or blob. */\n  const setUploadStatus = (blob: File | Blob, status: Status) => {\n    setStatus((prevStatus) => {\n      const key = getOrGenerateBlobId(blob);\n      return {\n        ...prevStatus,\n        [key]: status,\n      };\n    });\n  };\n\n  /** Reset the status of an uploaded file or blob. */\n  const clearUploadStatus = (blob: File | Blob) => {\n    setStatus((prevStatus) => {\n      const key = getOrGenerateBlobId(blob);\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { [key]: unused, ...rest } = prevStatus;\n      return rest;\n    });\n  };\n\n  /** Upload a file. */\n  async function uploadFile(file: File, metadata?: { duration: number }) {\n    setUploadStatus(file, 'loading');\n    try {\n      let resource;\n      if (application === 'media-library' && file.type.includes('video')) {\n        // In media-library, video files are reencoded to streamable mp4.\n        resource = await uploadVideo(file, {\n          filename: file.name,\n          ...metadata,\n        });\n      } else {\n        resource = await create(file, { application, visibility });\n      }\n      setUploadStatus(file, 'success');\n      return resource;\n    } catch (error) {\n      setUploadStatus(file, 'error');\n      return null;\n    }\n  }\n\n  /** Upload a blob. */\n  async function uploadBlob(\n    blob: Blob,\n    metadata?: { filename?: string; duration?: number },\n  ) {\n    setUploadStatus(blob, 'loading');\n    try {\n      let resource;\n      if (blob.type.includes('video')) {\n        // Video blobs are reencoded to streamable mp4.\n        resource = await uploadVideo(blob, metadata);\n      } else {\n        // Other blobs not supported at the moment\n        throw new Error(ERROR_CODE.NOT_SUPPORTED);\n      }\n      setUploadStatus(blob, 'success');\n      return resource;\n    } catch (error) {\n      setUploadStatus(blob, 'error');\n      return null;\n    }\n  }\n\n  const uploadVideo = async (\n    blob: Blob,\n    metadata?: { filename?: string; duration?: number },\n  ) => {\n    const params: VideoUploadParams = {\n      data: {\n        device: device.type,\n        browser: { name: browser.name, version: browser.version },\n        url: window.location.hostname,\n        file: blob,\n        filename: metadata?.filename ?? 'filename',\n        weight: blob.size,\n      },\n      appCode: application,\n      captation: !(blob instanceof File),\n      duration: metadata?.duration ?? 0,\n    };\n\n    const uploadResponse = await odeServices.video().upload(params);\n    if (uploadResponse.state === 'succeed') {\n      const resVideo: WorkspaceElement = {\n        _id: uploadResponse.videoworkspaceid,\n        file: uploadResponse.videoid,\n        name: params.data.filename,\n        eType: 'file',\n        eParent: '',\n        children: [],\n        created: new Date(),\n        _shared: [],\n        _isShared: false,\n        owner: { userId: '', displayName: '' },\n      };\n      return resVideo;\n    } else if (uploadResponse.state === 'error') {\n      throw new Error(uploadResponse.code || 'Error while uploading video');\n    } else {\n      throw new Error('Video encoding is still running');\n    }\n  };\n\n  function uploadAlternateFile(\n    original: File,\n    replacement: File,\n    metadata?: { duration: number },\n  ) {\n    // The original and its alternate must share the same virtual id.\n    getOrGenerateBlobId(replacement, getOrGenerateBlobId(original));\n    return uploadFile(replacement, metadata);\n  }\n\n  return {\n    getUploadStatus,\n    setUploadStatus,\n    clearUploadStatus,\n    uploadFile,\n    uploadAlternateFile,\n    uploadBlob,\n  };\n};\n\nexport default useUpload;\n"],"names":["useUpload","visibility","application","status","setStatus","useState","browser","device","useBrowserInfo","navigator","userAgent","create","useWorkspaceFile","getUploadStatus","useCallback","upload","getOrGenerateBlobId","setUploadStatus","blob","prevStatus","key","clearUploadStatus","unused","rest","uploadFile","file","metadata","resource","type","includes","uploadVideo","filename","name","uploadBlob","Error","ERROR_CODE","NOT_SUPPORTED","params","data","version","url","window","location","hostname","weight","size","appCode","captation","File","duration","uploadResponse","odeServices","video","state","resVideo","_id","videoworkspaceid","videoid","eType","eParent","children","created","Date","_shared","_isShared","owner","userId","displayName","code","uploadAlternateFile","original","replacement"],"mappings":"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"}

package/dist/core/useUploadFiles/useUploadFiles.d.ts

@@ -1,4 +1,4 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
+import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';
 declare const useUploadFiles: ({ handleOnChange, visibility, application, }: {
     handleOnChange: (uploadedFiles: WorkspaceElement[]) => void;
     visibility?: WorkspaceVisibility | undefined;

package/dist/core/useUploadFiles/useUploadFiles.js

@@ -1,101 +1,102 @@
-import { useState, useCallback, useEffect } from "react";
-import { useDropzoneContext } from "../../components/Dropzone/DropzoneContext.js";
-import useWorkspaceFile from "../useWorkspaceFile/useWorkspaceFile.js";
-import useUpload from "../useUpload/useUpload.js";
-import useImageResizer from "../../hooks/useImageResizer/useImageResizer.js";
-import { addTimestampToImageUrl } from "../../utils/addTimestampToUrl.js";
-const useUploadFiles = ({
-  handleOnChange,
-  visibility,
-  application
+import { useState as w, useCallback as v, useEffect as I } from "react";
+import { useDropzoneContext as x } from "../../components/Dropzone/DropzoneContext.js";
+import z from "../useUpload/useUpload.js";
+import D from "../../hooks/useImageResizer/useImageResizer.js";
+import { addTimestampToImageUrl as C } from "../../utils/addTimestampToUrl.js";
+import P from "../useWorkspaceFile/useWorkspaceFile.js";
+const B = ({
+  handleOnChange: O,
+  visibility: T,
+  application: _
 }) => {
-  const [uploadedFiles, setUploadedFiles] = useState([]), [editingImage, setEditingImage] = useState(void 0), {
-    files,
-    deleteFile,
-    replaceFileAt
-  } = useDropzoneContext(), {
-    remove,
-    createOrUpdate
-  } = useWorkspaceFile(), {
-    getUploadStatus,
-    setUploadStatus,
-    clearUploadStatus,
-    uploadFile,
-    uploadAlternateFile
-  } = useUpload(visibility, application), {
-    resizeImageFile
-  } = useImageResizer(), tryUploading = useCallback((files2) => {
-    files2.forEach(async (file, index) => {
-      if (file == null) return;
-      let resource;
-      if (file.type.startsWith("image"))
+  const [r, l] = w([]), [d, u] = w(void 0), {
+    files: i,
+    deleteFile: b,
+    replaceFileAt: c
+  } = x(), {
+    remove: h,
+    createOrUpdate: A
+  } = P(), {
+    getUploadStatus: m,
+    setUploadStatus: f,
+    clearUploadStatus: U,
+    uploadFile: p,
+    uploadAlternateFile: g
+  } = z(T, _), {
+    resizeImageFile: F
+  } = D(), y = v((e) => {
+    e.forEach(async (a, n) => {
+      if (a == null) return;
+      let t;
+      if (a.type.startsWith("image"))
         try {
-          const replacement = await resizeImageFile(file);
-          resource = await uploadAlternateFile(file, replacement), replaceFileAt(index, replacement);
-        } catch (err) {
-          console.error(err);
+          const o = await F(a);
+          t = await g(a, o), c(n, o);
+        } catch (o) {
+          console.error(o);
         }
-      resource || (resource = await uploadFile(file)), resource && setUploadedFiles((prevFiles) => [...prevFiles, resource]);
+      t || (t = await p(a)), t && l((o) => [...o, t]);
     });
-  }, [resizeImageFile, uploadAlternateFile, uploadFile, replaceFileAt]);
-  useEffect(() => {
-    let numUploads = 0;
-    const newFiles = files.map((file) => {
-      if (numUploads >= 5) return null;
-      const status = getUploadStatus(file);
-      return status === "loading" && numUploads++, status ? null : file;
+  }, [F, g, p, c]);
+  I(() => {
+    let a = 0;
+    const n = i.map((t) => {
+      if (a >= 5) return null;
+      const o = m(t);
+      return o === "loading" && a++, o ? null : t;
     });
-    newFiles.forEach((file) => file && setUploadStatus(file, "idle")), tryUploading(newFiles);
-  }, [files, uploadedFiles, getUploadStatus, setUploadStatus, tryUploading]), useEffect(() => {
-    const sortedUploadedFiles = sortUploadedFiles(files, uploadedFiles);
-    handleOnChange(sortedUploadedFiles);
-  }, [uploadedFiles]);
-  const sortUploadedFiles = (filesArray, uploadedFilesArray) => {
-    const orderMap = filesArray.reduce((acc, item, index) => (acc[item.name] = index, acc), {});
-    return uploadedFilesArray.sort((a, b) => orderMap[a.name] - orderMap[b.name]);
+    n.forEach((t) => t && f(t, "idle")), y(n);
+  }, [i, r, m, f, y]), I(() => {
+    const e = E(i, r);
+    O(e);
+  }, [r]);
+  const E = (e, a) => {
+    const n = e.reduce((t, o, s) => (t[o.name] = s, t), {});
+    return a.sort((t, o) => n[t.name] - n[o.name]);
   };
-  async function removeFile(file) {
-    const resource = uploadedFiles.find((uploadedFile) => uploadedFile.name === file.name);
-    resource && (await remove(resource), clearUploadStatus(file), setUploadedFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.name !== (resource == null ? void 0 : resource.name)))), deleteFile(file);
+  async function L(e) {
+    const a = r.find((n) => n.name === e.name);
+    a && (await h(a), U(e), l((n) => n.filter((t) => t.name !== (a == null ? void 0 : a.name)))), b(e);
   }
-  async function updateImage({
-    blob,
-    legend,
-    altText: alt
+  async function k({
+    blob: e,
+    legend: a,
+    altText: n
   }) {
-    if (editingImage)
+    if (d)
       try {
-        const res = await createOrUpdate({
-          blob,
-          legend,
-          alt,
-          uri: getUrl(editingImage)
+        const t = await A({
+          blob: e,
+          legend: a,
+          alt: n,
+          uri: S(d)
         });
-        res && typeof res == "object" && setUploadedFiles((prevFiles) => prevFiles.map((prevFile) => prevFile._id === res.file._id ? {
-          ...res.file
-        } : prevFile));
+        t && typeof t == "object" && l((o) => o.map((s) => s._id === t.file._id ? {
+          ...t.file
+        } : s));
       } finally {
-        setEditingImage(void 0);
+        u(void 0);
       }
   }
-  const getUrl = (resource, timestamp) => {
-    const url = `/workspace/${resource != null && resource.public ? "pub/" : ""}document/${resource == null ? void 0 : resource._id}`;
-    return resource ? timestamp ? addTimestampToImageUrl(url) : url : "";
+  const S = (e, a) => {
+    const n = `/workspace/${e != null && e.public ? "pub/" : ""}document/${e == null ? void 0 : e._id}`;
+    return e ? a ? C(n) : n : "";
   };
   return {
     /** List of files added from device */
-    files,
-    getUploadStatus,
-    clearUploadStatus,
-    uploadedFiles,
-    editingImage,
-    setEditingImage,
-    getUrl,
-    updateImage,
-    uploadFile,
-    removeFile
+    files: i,
+    getUploadStatus: m,
+    clearUploadStatus: U,
+    uploadedFiles: r,
+    editingImage: d,
+    setEditingImage: u,
+    getUrl: S,
+    updateImage: k,
+    uploadFile: p,
+    removeFile: L
   };
-}, useUploadFiles$1 = useUploadFiles;
+};
 export {
-  useUploadFiles$1 as default
+  B as default
 };
+//# sourceMappingURL=useUploadFiles.js.map

package/dist/core/useUploadFiles/useUploadFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUploadFiles.js","sources":["../../../src/core/useUploadFiles/useUploadFiles.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';\n\nimport { useDropzoneContext } from '../../components/Dropzone/DropzoneContext';\nimport { useImageResizer } from '../../hooks/useImageResizer';\nimport { addTimestampToImageUrl } from '../../utils';\nimport { useUpload } from '../useUpload';\nimport { useWorkspaceFile } from '../useWorkspaceFile';\n\nconst useUploadFiles = ({\n  handleOnChange,\n  visibility,\n  application,\n}: {\n  handleOnChange: (uploadedFiles: WorkspaceElement[]) => void;\n  visibility?: WorkspaceVisibility;\n  application?: string;\n}) => {\n  const [uploadedFiles, setUploadedFiles] = useState<WorkspaceElement[]>([]);\n  const [editingImage, setEditingImage] = useState<\n    WorkspaceElement | undefined\n  >(undefined);\n\n  const { files, deleteFile, replaceFileAt } = useDropzoneContext();\n  const { remove, createOrUpdate } = useWorkspaceFile();\n  const {\n    getUploadStatus,\n    setUploadStatus,\n    clearUploadStatus,\n    uploadFile,\n    uploadAlternateFile,\n  } = useUpload(visibility, application);\n\n  const { resizeImageFile } = useImageResizer();\n\n  const tryUploading = useCallback(\n    (files: Array<File | null>) => {\n      files.forEach(async (file, index) => {\n        if (file == null) return;\n        let resource;\n        if (file.type.startsWith('image')) {\n          try {\n            const replacement = await resizeImageFile(file);\n            resource = await uploadAlternateFile(file, replacement);\n            replaceFileAt(index, replacement);\n          } catch (err) {\n            console.error(err);\n          }\n        }\n        if (!resource) {\n          resource = await uploadFile(file);\n        }\n        if (resource) {\n          setUploadedFiles((prevFiles: WorkspaceElement[]) => [\n            ...prevFiles,\n            resource,\n          ]);\n        }\n      });\n    },\n    [resizeImageFile, uploadAlternateFile, uploadFile, replaceFileAt],\n  );\n\n  /* Try to upload more files when \n    - the `files` list has been updated, \n    - or a file has been uploaded, leaving a slot free.\n  */\n  useEffect(() => {\n    /* but not upload :\n      - the same file twice (by checking if an upload Status already exists for it).\n        To upload it again, reset its previous status first.\n      - more than 5 files at once.\n    */\n    const UPLOAD_SLOTS = 5;\n    let numUploads = 0;\n    // Check which new files can be uploaded right now.\n    const newFiles = files.map((file) => {\n      if (numUploads >= UPLOAD_SLOTS) return null;\n      const status = getUploadStatus(file);\n      // If this file is currently loading => it uses a slot.\n      if (status === 'loading') numUploads++;\n      // If this file has already been sent in a slot => don't send it again.\n      if (status) return null;\n      return file;\n    });\n\n    newFiles.forEach((file) => file && setUploadStatus(file, 'idle'));\n    tryUploading(newFiles);\n  }, [files, uploadedFiles, getUploadStatus, setUploadStatus, tryUploading]);\n\n  /** When file finished being uploaded, sort and handle the result. */\n  useEffect(() => {\n    const sortedUploadedFiles = sortUploadedFiles(files, uploadedFiles);\n    handleOnChange(sortedUploadedFiles);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [uploadedFiles]);\n\n  const sortUploadedFiles = (\n    filesArray: File[],\n    uploadedFilesArray: WorkspaceElement[],\n  ) => {\n    const orderMap = filesArray.reduce(\n      (acc: any, item: File, index: number) => {\n        acc[item.name] = index;\n        return acc;\n      },\n      {},\n    );\n    return uploadedFilesArray.sort(\n      (a: WorkspaceElement, b: WorkspaceElement) =>\n        orderMap[a.name] - orderMap[b.name],\n    );\n  };\n\n  async function removeFile(file: File) {\n    // Check if this file was successfully uploaded.\n    const resource = uploadedFiles.find(\n      (uploadedFile) => uploadedFile.name === file.name,\n    );\n\n    // Remove the corresponding resource from `uploadedFiles`\n    if (resource) {\n      await remove(resource);\n      clearUploadStatus(file);\n      setUploadedFiles((prevFiles: WorkspaceElement[]) => {\n        return prevFiles.filter((prevFile) => prevFile.name !== resource?.name);\n      });\n    }\n    // Remove the file from `files`\n    deleteFile(file);\n  }\n\n  async function updateImage({\n    blob,\n    legend,\n    altText: alt,\n  }: {\n    blob: Blob;\n    legend: string;\n    altText: string;\n  }) {\n    if (!editingImage) {\n      return;\n    }\n    try {\n      const res = await createOrUpdate({\n        blob,\n        legend,\n        alt,\n        uri: getUrl(editingImage),\n      });\n\n      /**\n       * `res` contains updated file and src path\n       * update uploadedFiles with the correct updated information\n       */\n      if (res && typeof res === 'object') {\n        setUploadedFiles((prevFiles: WorkspaceElement[]) => {\n          return prevFiles.map((prevFile) => {\n            if (prevFile._id === res.file._id) {\n              return { ...res.file };\n            }\n            return prevFile;\n          });\n        });\n      }\n    } finally {\n      setEditingImage(undefined);\n    }\n  }\n\n  const getUrl = (resource?: WorkspaceElement, timestamp?: boolean) => {\n    const url = `/workspace/${\n      resource?.public ? 'pub/' : ''\n    }document/${resource?._id}`;\n\n    if (!resource) return '';\n    /**\n     * WB-3053: add timestamp if option is true\n     */\n    if (timestamp) return addTimestampToImageUrl(url);\n\n    return url;\n  };\n\n  return {\n    /** List of files added from device */\n    files,\n    getUploadStatus,\n    clearUploadStatus,\n    uploadedFiles,\n    editingImage,\n    setEditingImage,\n    getUrl,\n    updateImage,\n    uploadFile,\n    removeFile,\n  };\n};\n\nexport default useUploadFiles;\n"],"names":["useUploadFiles","handleOnChange","visibility","application","uploadedFiles","setUploadedFiles","useState","editingImage","setEditingImage","undefined","files","deleteFile","replaceFileAt","useDropzoneContext","remove","createOrUpdate","useWorkspaceFile","getUploadStatus","setUploadStatus","clearUploadStatus","uploadFile","uploadAlternateFile","useUpload","resizeImageFile","useImageResizer","tryUploading","useCallback","forEach","file","index","resource","type","startsWith","replacement","err","console","error","prevFiles","useEffect","numUploads","newFiles","map","UPLOAD_SLOTS","status","sortedUploadedFiles","sortUploadedFiles","filesArray","uploadedFilesArray","orderMap","reduce","acc","item","name","sort","a","b","removeFile","find","uploadedFile","filter","prevFile","updateImage","blob","legend","altText","alt","res","uri","getUrl","_id","timestamp","url","public","addTimestampToImageUrl"],"mappings":"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"}

package/dist/core/useUser/useUser.d.ts

@@ -1,4 +1,4 @@
-import { IUserDescription, IUserInfo } from 'edifice-ts-client';
+import { IUserDescription, IUserInfo } from '@edifice.io/ts-client';
 export interface useUserProps {
     user: IUserInfo | undefined;
     avatar: string;

package/dist/core/useUser/useUser.js

@@ -1,22 +1,23 @@
-import { useOdeClient } from "../OdeClientProvider/OdeClientProvider.js";
-import { useOdeTheme } from "../ThemeProvider/ThemeProvider.js";
-function useUser() {
+import { useOdeClient as o } from "../OdeClientProvider/OdeClientProvider.js";
+import { useOdeTheme as s } from "../ThemeProvider/ThemeProvider.js";
+function v() {
   const {
-    user,
-    userDescription
-  } = useOdeClient(), {
-    theme
-  } = useOdeTheme();
-  function avatarUrl() {
-    let avatar = userDescription == null ? void 0 : userDescription.picture;
-    return (!avatar || avatar === "no-avatar.jpg" || avatar === "no-avatar.svg") && (avatar = `${theme == null ? void 0 : theme.basePath}/img/illustrations/no-avatar.svg`), avatar;
+    user: e,
+    userDescription: t
+  } = o(), {
+    theme: r
+  } = s();
+  function n() {
+    let a = t == null ? void 0 : t.picture;
+    return (!a || a === "no-avatar.jpg" || a === "no-avatar.svg") && (a = `${r == null ? void 0 : r.basePath}/img/illustrations/no-avatar.svg`), a;
   }
   return {
-    user,
-    avatar: avatarUrl(),
-    userDescription
+    user: e,
+    avatar: n(),
+    userDescription: t
   };
 }
 export {
-  useUser as default
+  v as default
 };
+//# sourceMappingURL=useUser.js.map