@contember/react-client 0.7.0-alpha.20

package/dist/development/system/useCurrentSystemGraphQlClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentSystemGraphQlClient.js","sources":["../../../src/system/useCurrentSystemGraphQlClient.ts"],"sourcesContent":["import type { GraphQlClient } from '@contember/client'\nimport { ClientError } from '../ClientError'\nimport { useProjectSlug } from '../project'\nimport { useSystemGraphQlClient } from './useSystemGraphQlClient'\n\nexport const useCurrentSystemGraphQlClient = (): GraphQlClient => {\n\tconst projectSlug = useProjectSlug()\n\n\tif (projectSlug === undefined) {\n\t\tthrow new ClientError(`Cannot contact the system API: undefined project slug.`)\n\t}\n\treturn useSystemGraphQlClient(projectSlug)\n}\n"],"names":[],"mappings":";;;;MAKa,gCAAgC,MAAqB;AACjE,QAAM,cAAc;AAEpB,MAAI,gBAAgB,QAAW;AAC9B,UAAM,IAAI,YAAY;AAAA;AAEvB,SAAO,uBAAuB;AAAA;;;;"}

package/dist/development/system/useDiffQuery.js

@@ -0,0 +1,17 @@
+import { diffQuery } from '@contember/client';
+import { useCallback } from 'react';
+import { useSystemApiRequest } from './useSystemApiRequest.js';
+import { useStageSlug } from '../project/useStageSlug.js';
+
+const useDiffQuery = () => {
+  const [requestState, sendRequest] = useSystemApiRequest();
+  const stage = useStageSlug();
+  const sendQuery = useCallback((treeFilter) => sendRequest(diffQuery, {
+    stage,
+    filter: treeFilter
+  }), [stage, sendRequest]);
+  return [requestState, sendQuery];
+};
+
+export { useDiffQuery };
+//# sourceMappingURL=useDiffQuery.js.map

package/dist/development/system/useDiffQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDiffQuery.js","sources":["../../../src/system/useDiffQuery.ts"],"sourcesContent":["import { diffQuery, DiffQueryResponse, TreeFilter } from '@contember/client'\nimport { useCallback } from 'react'\nimport type { ApiRequestState } from '../apiRequest'\nimport { useStageSlug } from '../project'\nimport { useSystemApiRequest } from './useSystemApiRequest'\n\nexport const useDiffQuery = (): [\n\tApiRequestState<DiffQueryResponse>,\n\t(treeFilter: TreeFilter[]) => Promise<DiffQueryResponse>,\n] => {\n\tconst [requestState, sendRequest] = useSystemApiRequest<DiffQueryResponse>()\n\tconst stage = useStageSlug()\n\tconst sendQuery = useCallback(\n\t\t(treeFilter: TreeFilter[]) =>\n\t\t\tsendRequest(diffQuery, {\n\t\t\t\tstage,\n\t\t\t\tfilter: treeFilter,\n\t\t\t}),\n\t\t[stage, sendRequest],\n\t)\n\n\treturn [requestState, sendQuery]\n}\n"],"names":[],"mappings":";;;;;MAMa,eAAe,MAGvB;AACJ,QAAM,CAAC,cAAc,eAAe;AACpC,QAAM,QAAQ;AACd,QAAM,YAAY,YACjB,CAAC,eACA,YAAY,WAAW;AAAA,IACtB;AAAA,IACA,QAAQ;AAAA,MAEV,CAAC,OAAO;AAGT,SAAO,CAAC,cAAc;AAAA;;;;"}

package/dist/development/system/useReleaseTreeMutation.js

@@ -0,0 +1,17 @@
+import { releaseTreeMutation } from '@contember/client';
+import { useCallback } from 'react';
+import { useSystemApiRequest } from './useSystemApiRequest.js';
+import { useStageSlug } from '../project/useStageSlug.js';
+
+const useReleaseTreeMutation = () => {
+  const [requestState, sendRequest] = useSystemApiRequest();
+  const stage = useStageSlug();
+  const sendMutation = useCallback((treeFilter) => sendRequest(releaseTreeMutation, {
+    stage,
+    filter: treeFilter
+  }), [stage, sendRequest]);
+  return [requestState, sendMutation];
+};
+
+export { useReleaseTreeMutation };
+//# sourceMappingURL=useReleaseTreeMutation.js.map

package/dist/development/system/useReleaseTreeMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReleaseTreeMutation.js","sources":["../../../src/system/useReleaseTreeMutation.ts"],"sourcesContent":["import { releaseTreeMutation, ReleaseTreeMutationResponse, TreeFilter } from '@contember/client'\nimport { useCallback } from 'react'\nimport type { ApiRequestState } from '../apiRequest'\nimport { useStageSlug } from '../project'\nimport { useSystemApiRequest } from './useSystemApiRequest'\n\nexport const useReleaseTreeMutation = (): [\n\tApiRequestState<ReleaseTreeMutationResponse>,\n\t(treeFilter: TreeFilter[]) => Promise<ReleaseTreeMutationResponse>,\n] => {\n\tconst [requestState, sendRequest] = useSystemApiRequest<ReleaseTreeMutationResponse>()\n\tconst stage = useStageSlug()\n\tconst sendMutation = useCallback(\n\t\t(treeFilter: TreeFilter[]) =>\n\t\t\tsendRequest(releaseTreeMutation, {\n\t\t\t\tstage,\n\t\t\t\tfilter: treeFilter,\n\t\t\t}),\n\t\t[stage, sendRequest],\n\t)\n\n\treturn [requestState, sendMutation]\n}\n"],"names":[],"mappings":";;;;;MAMa,yBAAyB,MAGjC;AACJ,QAAM,CAAC,cAAc,eAAe;AACpC,QAAM,QAAQ;AACd,QAAM,eAAe,YACpB,CAAC,eACA,YAAY,qBAAqB;AAAA,IAChC;AAAA,IACA,QAAQ;AAAA,MAEV,CAAC,OAAO;AAGT,SAAO,CAAC,cAAc;AAAA;;;;"}

package/dist/development/system/useSystemApiRequest.js

@@ -0,0 +1,7 @@
+import { useCurrentSystemGraphQlClient } from './useCurrentSystemGraphQlClient.js';
+import { useApiRequest } from '../apiRequest/useApiRequest.js';
+
+const useSystemApiRequest = () => useApiRequest(useCurrentSystemGraphQlClient());
+
+export { useSystemApiRequest };
+//# sourceMappingURL=useSystemApiRequest.js.map

package/dist/development/system/useSystemApiRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSystemApiRequest.js","sources":["../../../src/system/useSystemApiRequest.ts"],"sourcesContent":["import type { UseApiRequestResult } from '../apiRequest'\nimport { useApiRequest } from '../apiRequest'\nimport { useCurrentSystemGraphQlClient } from './useCurrentSystemGraphQlClient'\n\nexport const useSystemApiRequest = <SuccessData>(): UseApiRequestResult<SuccessData> =>\n\tuseApiRequest<SuccessData>(useCurrentSystemGraphQlClient())\n"],"names":[],"mappings":";;;MAIa,sBAAsB,MAClC,cAA2B;;;;"}

package/dist/development/system/useSystemGraphQlClient.js

@@ -0,0 +1,7 @@
+import { formatSystemApiRelativeUrl } from '@contember/client';
+import { useGraphQlClient } from '../useGraphQlClient.js';
+
+const useSystemGraphQlClient = (projectSlug) => useGraphQlClient(formatSystemApiRelativeUrl(projectSlug));
+
+export { useSystemGraphQlClient };
+//# sourceMappingURL=useSystemGraphQlClient.js.map

package/dist/development/system/useSystemGraphQlClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSystemGraphQlClient.js","sources":["../../../src/system/useSystemGraphQlClient.ts"],"sourcesContent":["import { formatSystemApiRelativeUrl } from '@contember/client'\nimport { useGraphQlClient } from '../useGraphQlClient'\n\nexport const useSystemGraphQlClient = (projectSlug: string) => useGraphQlClient(formatSystemApiRelativeUrl(projectSlug))\n"],"names":[],"mappings":";;;MAGa,yBAAyB,CAAC,gBAAwB,iBAAiB,2BAA2B;;;;"}

package/dist/development/tenant/useTenantApiRequest.js

@@ -0,0 +1,7 @@
+import { useTenantGraphQlClient } from './useTenantGraphQlClient.js';
+import { useApiRequest } from '../apiRequest/useApiRequest.js';
+
+const useTenantApiRequest = () => useApiRequest(useTenantGraphQlClient());
+
+export { useTenantApiRequest };
+//# sourceMappingURL=useTenantApiRequest.js.map

package/dist/development/tenant/useTenantApiRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTenantApiRequest.js","sources":["../../../src/tenant/useTenantApiRequest.ts"],"sourcesContent":["import type { UseApiRequestResult } from '../apiRequest'\nimport { useApiRequest } from '../apiRequest'\nimport { useTenantGraphQlClient } from './useTenantGraphQlClient'\n\nexport const useTenantApiRequest = <SuccessData>(): UseApiRequestResult<SuccessData> =>\n\tuseApiRequest<SuccessData>(useTenantGraphQlClient())\n"],"names":[],"mappings":";;;MAIa,sBAAsB,MAClC,cAA2B;;;;"}

package/dist/development/tenant/useTenantGraphQlClient.js

@@ -0,0 +1,7 @@
+import { tenantApiRelativeUrl } from '@contember/client';
+import { useGraphQlClient } from '../useGraphQlClient.js';
+
+const useTenantGraphQlClient = () => useGraphQlClient(tenantApiRelativeUrl);
+
+export { useTenantGraphQlClient };
+//# sourceMappingURL=useTenantGraphQlClient.js.map

package/dist/development/tenant/useTenantGraphQlClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTenantGraphQlClient.js","sources":["../../../src/tenant/useTenantGraphQlClient.ts"],"sourcesContent":["import { tenantApiRelativeUrl } from '@contember/client'\nimport { useGraphQlClient } from '../useGraphQlClient'\n\nexport const useTenantGraphQlClient = () => useGraphQlClient(tenantApiRelativeUrl)\n"],"names":[],"mappings":";;;MAGa,yBAAyB,MAAM,iBAAiB;;;;"}

package/dist/development/upload/fileUploadReducer.js

@@ -0,0 +1,162 @@
+import { FileUploadError } from '@contember/client';
+import { toFileId } from './toFileId.js';
+import { assertNever } from '../utils/assertNever.js';
+
+const initializeFileUploadState = () => ({
+  lastUpdateTime: 0,
+  fileIdByFile: new WeakMap(),
+  liveState: new Map(),
+  publicState: new Map(),
+  isLiveStateDirty: false
+});
+const fileUploadReducer = (previousState, action) => {
+  const publishNewState = () => ({
+    publicState: previousState.liveState,
+    fileIdByFile: previousState.fileIdByFile,
+    lastUpdateTime: previousState.lastUpdateTime,
+    isLiveStateDirty: false,
+    liveState: new Map(previousState.liveState)
+  });
+  const getNewDirtyState = () => ({
+    fileIdByFile: previousState.fileIdByFile,
+    liveState: previousState.liveState,
+    publicState: previousState.publicState,
+    isLiveStateDirty: true,
+    lastUpdateTime: Date.now()
+  });
+  switch (action.type) {
+    case "publishNewestState": {
+      return publishNewState();
+    }
+    case "initialize": {
+      for (const [fileId, metadata] of action.files) {
+        previousState.liveState.set(fileId, {
+          readyState: "initializing",
+          abortController: metadata.abortController,
+          previewUrl: metadata.previewUrl,
+          file: metadata.file
+        });
+        previousState.fileIdByFile.set(metadata.file, fileId);
+      }
+      return publishNewState();
+    }
+    case "startUploading": {
+      for (const [fileOrId, metadata] of action.files) {
+        const fileId = toFileId(previousState, fileOrId);
+        const fileState = previousState.liveState.get(fileId);
+        if (fileState === void 0 || fileState.readyState !== "initializing") {
+          continue;
+        }
+        previousState.liveState.set(fileId, {
+          readyState: "uploading",
+          abortController: fileState.abortController,
+          file: fileState.file,
+          metadata: metadata.metadata,
+          previewUrl: fileState.previewUrl,
+          progress: void 0,
+          uploader: metadata.uploader
+        });
+      }
+      return publishNewState();
+    }
+    case "finishSuccessfully": {
+      for (const [fileOrId, result] of action.result) {
+        const fileId = toFileId(previousState, fileOrId);
+        const previousFileState = previousState.liveState.get(fileId);
+        if (previousFileState === void 0 || previousFileState.readyState !== "uploading") {
+          continue;
+        }
+        previousState.liveState.set(fileId, {
+          readyState: "success",
+          file: previousFileState.file,
+          metadata: previousFileState.metadata,
+          previewUrl: previousFileState.previewUrl,
+          result,
+          uploader: previousFileState.uploader
+        });
+      }
+      return getNewDirtyState();
+    }
+    case "finishWithError": {
+      for (const errorSpec of action.error) {
+        let fileOrId;
+        let rawError;
+        if (Array.isArray(errorSpec)) {
+          [fileOrId, rawError] = errorSpec;
+        } else {
+          fileOrId = errorSpec;
+          rawError = void 0;
+        }
+        const errors = [];
+        if (rawError instanceof FileUploadError) {
+          errors.push(rawError);
+        } else if (Array.isArray(rawError)) {
+          for (const error of rawError) {
+            if (error instanceof FileUploadError) {
+              errors.push(error);
+            }
+          }
+        }
+        const fileId = toFileId(previousState, fileOrId);
+        const previousFileState = previousState.liveState.get(fileId);
+        if (previousFileState === void 0 || previousFileState.readyState !== "initializing" && previousFileState.readyState !== "uploading") {
+          continue;
+        }
+        const uploader = previousFileState.readyState === "uploading" ? previousFileState.uploader : void 0;
+        const metadata = previousFileState.readyState === "uploading" ? previousFileState.metadata : void 0;
+        previousState.liveState.set(fileId, {
+          readyState: "error",
+          errors: errors.length ? errors : void 0,
+          rawError,
+          file: previousFileState.file,
+          metadata,
+          previewUrl: previousFileState.previewUrl,
+          uploader
+        });
+      }
+      return getNewDirtyState();
+    }
+    case "purge": {
+      let atLeastOnePurged = false;
+      for (const fileOrId of action.files) {
+        const fileId = toFileId(previousState, fileOrId);
+        const fileState = previousState.liveState.get(fileId);
+        if (fileState === void 0) {
+          continue;
+        }
+        atLeastOnePurged = true;
+        if (fileState.readyState === "initializing" || fileState.readyState === "uploading") {
+          fileState.abortController.abort();
+        }
+        previousState.liveState.delete(fileId);
+      }
+      if (atLeastOnePurged) {
+        return getNewDirtyState();
+      }
+      return previousState;
+    }
+    case "updateUploadProgress": {
+      for (const [fileOrId, { progress }] of action.progress) {
+        const fileId = toFileId(previousState, fileOrId);
+        const previousFileState = previousState.liveState.get(fileId);
+        if (progress === void 0 || previousFileState === void 0 || previousFileState.readyState !== "uploading") {
+          continue;
+        }
+        previousState.liveState.set(fileId, {
+          readyState: "uploading",
+          file: previousFileState.file,
+          uploader: previousFileState.uploader,
+          abortController: previousFileState.abortController,
+          previewUrl: previousFileState.previewUrl,
+          metadata: previousFileState.metadata,
+          progress
+        });
+      }
+      return getNewDirtyState();
+    }
+  }
+  assertNever();
+};
+
+export { fileUploadReducer, initializeFileUploadState };
+//# sourceMappingURL=fileUploadReducer.js.map

package/dist/development/upload/fileUploadReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileUploadReducer.js","sources":["../../../src/upload/fileUploadReducer.ts"],"sourcesContent":["import { FileUploadError } from '@contember/client'\nimport { assertNever } from '../utils'\nimport type { FileId } from './FileId'\nimport type { FileUploadAction } from './FileUploadAction'\nimport type { FileUploadMultiTemporalState } from './FileUploadMultiTemporalState'\nimport { toFileId } from './toFileId'\n\nexport const initializeFileUploadState = <Result = unknown, Metadata = undefined>(): FileUploadMultiTemporalState<\n\tResult,\n\tMetadata\n> => ({\n\tlastUpdateTime: 0,\n\tfileIdByFile: new WeakMap<File, FileId>(),\n\tliveState: new Map(),\n\tpublicState: new Map(),\n\tisLiveStateDirty: false,\n})\n\nexport const fileUploadReducer = <Result = unknown, Metadata = undefined>(\n\tpreviousState: FileUploadMultiTemporalState<Result, Metadata>,\n\taction: FileUploadAction<Result, Metadata>,\n): FileUploadMultiTemporalState<Result, Metadata> => {\n\tconst publishNewState = (): FileUploadMultiTemporalState<Result, Metadata> => ({\n\t\tpublicState: previousState.liveState,\n\t\tfileIdByFile: previousState.fileIdByFile,\n\t\tlastUpdateTime: previousState.lastUpdateTime,\n\t\tisLiveStateDirty: false,\n\n\t\t// Immediately make the live state referentially unequal so that this doesn't have to happen during each action\n\t\t// several times between two publishes.\n\t\tliveState: new Map(previousState.liveState),\n\t})\n\tconst getNewDirtyState = (): FileUploadMultiTemporalState<Result, Metadata> => ({\n\t\tfileIdByFile: previousState.fileIdByFile,\n\t\tliveState: previousState.liveState,\n\t\tpublicState: previousState.publicState,\n\t\tisLiveStateDirty: true,\n\t\tlastUpdateTime: Date.now(),\n\t})\n\tswitch (action.type) {\n\t\tcase 'publishNewestState': {\n\t\t\treturn publishNewState()\n\t\t}\n\t\tcase 'initialize': {\n\t\t\tfor (const [fileId, metadata] of action.files) {\n\t\t\t\t// Deliberately allowing starting a new upload with the same id\n\n\t\t\t\tpreviousState.liveState.set(fileId, {\n\t\t\t\t\treadyState: 'initializing',\n\t\t\t\t\tabortController: metadata.abortController,\n\t\t\t\t\tpreviewUrl: metadata.previewUrl,\n\t\t\t\t\tfile: metadata.file,\n\t\t\t\t})\n\t\t\t\tpreviousState.fileIdByFile.set(metadata.file, fileId)\n\t\t\t}\n\t\t\treturn publishNewState() /* Making the feedback about new files immediate*/\n\t\t}\n\t\tcase 'startUploading': {\n\t\t\tfor (const [fileOrId, metadata] of action.files) {\n\t\t\t\tconst fileId = toFileId(previousState, fileOrId)\n\t\t\t\tconst fileState = previousState.liveState.get(fileId)\n\n\t\t\t\tif (fileState === undefined || fileState.readyState !== 'initializing') {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\n\t\t\t\tpreviousState.liveState.set(fileId, {\n\t\t\t\t\treadyState: 'uploading',\n\t\t\t\t\tabortController: fileState.abortController,\n\t\t\t\t\tfile: fileState.file,\n\t\t\t\t\tmetadata: metadata.metadata!, // If the user didn't supply the metadata, then that's on them.\n\t\t\t\t\tpreviewUrl: fileState.previewUrl,\n\t\t\t\t\tprogress: undefined,\n\t\t\t\t\tuploader: metadata.uploader,\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn publishNewState() /* Making the feedback about started upload immediate*/\n\t\t}\n\t\tcase 'finishSuccessfully': {\n\t\t\tfor (const [fileOrId, result] of action.result) {\n\t\t\t\tconst fileId = toFileId(previousState, fileOrId)\n\t\t\t\tconst previousFileState = previousState.liveState.get(fileId)\n\t\t\t\tif (previousFileState === undefined || previousFileState.readyState !== 'uploading') {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tpreviousState.liveState.set(fileId, {\n\t\t\t\t\treadyState: 'success',\n\t\t\t\t\tfile: previousFileState.file,\n\t\t\t\t\tmetadata: previousFileState.metadata,\n\t\t\t\t\tpreviewUrl: previousFileState.previewUrl,\n\t\t\t\t\tresult,\n\t\t\t\t\tuploader: previousFileState.uploader,\n\t\t\t\t})\n\t\t\t}\n\t\t\t// return publishNewState() // Making the feedback about successful upload immediate.\n\t\t\treturn getNewDirtyState()\n\t\t}\n\t\tcase 'finishWithError': {\n\t\t\tfor (const errorSpec of action.error) {\n\t\t\t\tlet fileOrId: File | FileId\n\t\t\t\tlet rawError: unknown\n\n\t\t\t\tif (Array.isArray(errorSpec)) {\n\t\t\t\t\t[fileOrId, rawError] = errorSpec\n\t\t\t\t} else {\n\t\t\t\t\tfileOrId = errorSpec\n\t\t\t\t\trawError = undefined\n\t\t\t\t}\n\n\t\t\t\tconst errors: FileUploadError[] = []\n\n\t\t\t\tif (rawError instanceof FileUploadError) {\n\t\t\t\t\terrors.push(rawError)\n\t\t\t\t} else if (Array.isArray(rawError)) {\n\t\t\t\t\tfor (const error of rawError) {\n\t\t\t\t\t\tif (error instanceof FileUploadError) {\n\t\t\t\t\t\t\terrors.push(error)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst fileId = toFileId(previousState, fileOrId)\n\t\t\t\tconst previousFileState = previousState.liveState.get(fileId)\n\t\t\t\tif (\n\t\t\t\t\tpreviousFileState === undefined ||\n\t\t\t\t\t(previousFileState.readyState !== 'initializing' && previousFileState.readyState !== 'uploading')\n\t\t\t\t) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst uploader = previousFileState.readyState === 'uploading' ? previousFileState.uploader : undefined\n\t\t\t\tconst metadata = previousFileState.readyState === 'uploading' ? previousFileState.metadata : undefined\n\t\t\t\tpreviousState.liveState.set(fileId, {\n\t\t\t\t\treadyState: 'error',\n\t\t\t\t\terrors: errors.length ? errors : undefined,\n\t\t\t\t\trawError,\n\t\t\t\t\tfile: previousFileState.file,\n\t\t\t\t\tmetadata,\n\t\t\t\t\tpreviewUrl: previousFileState.previewUrl,\n\t\t\t\t\tuploader,\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn getNewDirtyState() // Bad news can wait.\n\t\t}\n\t\tcase 'purge': {\n\t\t\tlet atLeastOnePurged = false\n\t\t\tfor (const fileOrId of action.files) {\n\t\t\t\tconst fileId = toFileId(previousState, fileOrId)\n\t\t\t\tconst fileState = previousState.liveState.get(fileId)\n\n\t\t\t\tif (fileState === undefined) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tatLeastOnePurged = true\n\t\t\t\tif (fileState.readyState === 'initializing' || fileState.readyState === 'uploading') {\n\t\t\t\t\tfileState.abortController.abort() // This is a bit naughty… We shouldn't do this from here.\n\t\t\t\t}\n\t\t\t\tpreviousState.liveState.delete(fileId)\n\t\t\t}\n\t\t\tif (atLeastOnePurged) {\n\t\t\t\treturn getNewDirtyState()\n\t\t\t}\n\t\t\treturn previousState\n\t\t}\n\t\tcase 'updateUploadProgress': {\n\t\t\tfor (const [fileOrId, { progress }] of action.progress) {\n\t\t\t\tconst fileId = toFileId(previousState, fileOrId)\n\t\t\t\tconst previousFileState = previousState.liveState.get(fileId)\n\t\t\t\tif (progress === undefined || previousFileState === undefined || previousFileState.readyState !== 'uploading') {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tpreviousState.liveState.set(fileId, {\n\t\t\t\t\treadyState: 'uploading',\n\t\t\t\t\tfile: previousFileState.file,\n\t\t\t\t\tuploader: previousFileState.uploader,\n\t\t\t\t\tabortController: previousFileState.abortController,\n\t\t\t\t\tpreviewUrl: previousFileState.previewUrl,\n\t\t\t\t\tmetadata: previousFileState.metadata,\n\t\t\t\t\tprogress,\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn getNewDirtyState()\n\t\t}\n\t}\n\tassertNever(action)\n}\n"],"names":[],"mappings":"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"}

package/dist/development/upload/toFileId.js

@@ -0,0 +1,9 @@
+const toFileId = (state, fileOrId) => {
+  if (fileOrId instanceof File) {
+    return state.fileIdByFile.get(fileOrId);
+  }
+  return fileOrId;
+};
+
+export { toFileId };
+//# sourceMappingURL=toFileId.js.map

package/dist/development/upload/toFileId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toFileId.js","sources":["../../../src/upload/toFileId.ts"],"sourcesContent":["import type { FileId } from './FileId'\nimport type { FileUploadMultiTemporalState } from './FileUploadMultiTemporalState'\n\nexport const toFileId = <Result = unknown, Metadata = undefined>(\n\tstate: FileUploadMultiTemporalState<Result, Metadata>,\n\tfileOrId: File | FileId,\n) => {\n\tif (fileOrId instanceof File) {\n\t\treturn state.fileIdByFile.get(fileOrId)! // Should we throw instead of the yolo \"!\"?\n\t}\n\treturn fileOrId\n}\n"],"names":[],"mappings":"MAGa,WAAW,CACvB,OACA,aACI;AACJ,MAAI,oBAAoB,MAAM;AAC7B,WAAO,MAAM,aAAa,IAAI;AAAA;AAE/B,SAAO;AAAA;;;;"}

package/dist/development/upload/useFileUpload.js

@@ -0,0 +1,192 @@
+import { S3FileUploader } from '@contember/client';
+import { useRef, useReducer, useMemo, useEffect, useCallback } from 'react';
+import { fileUploadReducer, initializeFileUploadState } from './fileUploadReducer.js';
+import { toFileId } from './toFileId.js';
+import { useCurrentContentGraphQlClient } from '../content/useCurrentContentGraphQlClient.js';
+
+const useFileUpload = (options) => {
+  const maxUpdateFrequency = options?.maxUpdateFrequency ?? 100;
+  const contentApiClient = useCurrentContentGraphQlClient();
+  const updateTimeoutRef = useRef(void 0);
+  const isFirstRenderRef = useRef(true);
+  const fileIdSeedRef = useRef(1);
+  const [multiTemporalState, dispatch] = useReducer(fileUploadReducer, void 0, initializeFileUploadState);
+  const multiTemporalStateRef = useRef(multiTemporalState);
+  const defaultUploader = useMemo(() => new S3FileUploader(), []);
+  useEffect(() => {
+    multiTemporalStateRef.current = multiTemporalState;
+  });
+  const purgeUpload = useCallback((files) => {
+    dispatch({
+      type: "purge",
+      files
+    });
+  }, []);
+  const failUpload = useCallback((error) => {
+    dispatch({
+      type: "finishWithError",
+      error
+    });
+  }, []);
+  const initializeUpload = useCallback((files) => {
+    const newFileIds = new Set();
+    const fileWithMetadataByFileConfig = new Map();
+    for (const fileMaybeWithId of files) {
+      const abortController = new AbortController();
+      let fileId;
+      let file;
+      if (fileMaybeWithId instanceof File) {
+        fileId = `__contember__file-${fileIdSeedRef.current++}`;
+        file = fileMaybeWithId;
+      } else {
+        fileId = fileMaybeWithId[0];
+        file = fileMaybeWithId[1];
+      }
+      abortController.signal.addEventListener("abort", () => {
+        purgeUpload([fileId]);
+      });
+      fileWithMetadataByFileConfig.set(fileId, {
+        previewUrl: URL.createObjectURL(file),
+        abortController,
+        file,
+        fileId
+      });
+      newFileIds.add(fileId);
+    }
+    if (fileWithMetadataByFileConfig.size === 0) {
+      return fileWithMetadataByFileConfig;
+    }
+    if (newFileIds.size) {
+      dispatch({
+        type: "purge",
+        files: newFileIds
+      });
+    }
+    dispatch({
+      type: "initialize",
+      files: fileWithMetadataByFileConfig
+    });
+    return fileWithMetadataByFileConfig;
+  }, [purgeUpload]);
+  const startUpload = useCallback((files) => {
+    const filesById = new Map();
+    const groupedByUploader = new Map();
+    const currentState = multiTemporalStateRef.current;
+    for (const fileOrIdMaybeWithOptions of files) {
+      let fileOrId;
+      let options2;
+      if (Array.isArray(fileOrIdMaybeWithOptions)) {
+        fileOrId = fileOrIdMaybeWithOptions[0];
+        options2 = fileOrIdMaybeWithOptions[1];
+      } else {
+        fileOrId = fileOrIdMaybeWithOptions;
+        options2 = {};
+      }
+      const { uploader = defaultUploader, metadata } = options2;
+      const fileId = toFileId(currentState, fileOrId);
+      const fileState = currentState.liveState.get(fileId);
+      if (fileState === void 0 || fileState.readyState !== "initializing") {
+        throw new Error(`Trying to startUpload a file that hasn't been previously initialized. This will be possible in future, but isn't yet.`);
+      }
+      filesById.set(fileId, {
+        uploader,
+        metadata
+      });
+      let filesWithSameUploader = groupedByUploader.get(uploader);
+      if (filesWithSameUploader === void 0) {
+        groupedByUploader.set(uploader, filesWithSameUploader = new Map());
+      }
+      filesWithSameUploader.set(fileState.file, {
+        abortSignal: fileState.abortController.signal
+      });
+    }
+    dispatch({
+      type: "startUploading",
+      files: filesById
+    });
+    for (const [uploader, filesForUpload] of groupedByUploader) {
+      try {
+        uploader.upload(filesForUpload, {
+          onProgress: (progress) => {
+            dispatch({
+              type: "updateUploadProgress",
+              progress
+            });
+          },
+          onSuccess: (result) => {
+            dispatch({
+              type: "finishSuccessfully",
+              result
+            });
+          },
+          onError: (error) => {
+            dispatch({
+              type: "finishWithError",
+              error
+            });
+          },
+          contentApiClient
+        });
+      } catch (error) {
+        dispatch({
+          type: "finishWithError",
+          error: Array.from(filesForUpload).map(([file]) => [file, error])
+        });
+      }
+    }
+  }, [contentApiClient, defaultUploader]);
+  const operations = useMemo(() => ({
+    failUpload,
+    initializeUpload,
+    purgeUpload,
+    startUpload
+  }), [failUpload, initializeUpload, purgeUpload, startUpload]);
+  useEffect(() => {
+    if (isFirstRenderRef.current) {
+      return;
+    }
+    if (multiTemporalState.isLiveStateDirty) {
+      const now = Date.now();
+      const timeDelta = Math.max(now - multiTemporalState.lastUpdateTime, 0);
+      if (timeDelta > maxUpdateFrequency) {
+        if (updateTimeoutRef.current !== void 0) {
+          clearTimeout(updateTimeoutRef.current);
+        }
+        dispatch({
+          type: "publishNewestState"
+        });
+      } else {
+        if (updateTimeoutRef.current !== void 0) {
+          return;
+        }
+        updateTimeoutRef.current = window.setTimeout(() => {
+          dispatch({
+            type: "publishNewestState"
+          });
+          updateTimeoutRef.current = void 0;
+        }, maxUpdateFrequency - timeDelta);
+      }
+    }
+  }, [
+    multiTemporalState.isLiveStateDirty,
+    multiTemporalState.lastUpdateTime,
+    multiTemporalState.liveState,
+    multiTemporalState.publicState,
+    maxUpdateFrequency
+  ]);
+  useEffect(() => () => {
+    for (const [, state] of multiTemporalStateRef.current.liveState) {
+      URL.revokeObjectURL(state.previewUrl);
+    }
+    for (const [, state] of multiTemporalStateRef.current.publicState) {
+      URL.revokeObjectURL(state.previewUrl);
+    }
+  }, []);
+  useEffect(() => {
+    isFirstRenderRef.current = false;
+  }, []);
+  return [multiTemporalState.publicState, operations];
+};
+
+export { useFileUpload };
+//# sourceMappingURL=useFileUpload.js.map