@edgestore/react 0.5.1 → 0.5.2

package/dist/contextProvider.d.ts

@@ -27,6 +27,13 @@ export declare function createEdgeStoreProvider<TRouter extends AnyRouter>(opts?
      * @default 5
      */
     maxConcurrentUploads?: number;
+    /**
+     * Accessing EdgeStore protected files in development mode requires a proxy.
+     * You might want to disable this for other providers if you are overwriting the path.
+     *
+     * @default false
+     */
+    disableDevProxy?: boolean;
 }): {
     EdgeStoreProvider: ({ children, basePath, }: {
         children: React.ReactNode;

package/dist/contextProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contextProvider.d.ts","sourceRoot":"","sources":["../src/contextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAU1E,KAAK,qBAAqB,CAAC,OAAO,SAAS,SAAS,IAAI;IACtD,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACpC;;;;;OAKG;IACH,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B;;;;;OAKG;IACH,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,OAAO,SAAS,SAAS,EAAE,IAAI,CAAC,EAAE;IACxE;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;iDAQI;QACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B;;;;;;WAMG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB;;EA8BF;AAED,KAAK,aAAa,GACd;IACE,OAAO,EAAE,IAAI,CAAC;IACd,WAAW,EAAE,KAAK,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;CACd,GACD;IACE,OAAO,EAAE,KAAK,CAAC;IACf,WAAW,EAAE,KAAK,CAAC;IACnB,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,OAAO,EAAE,KAAK,CAAC;IACf,WAAW,EAAE,IAAI,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}
+{"version":3,"file":"contextProvider.d.ts","sourceRoot":"","sources":["../src/contextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAU1E,KAAK,qBAAqB,CAAC,OAAO,SAAS,SAAS,IAAI;IACtD,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACpC;;;;;OAKG;IACH,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B;;;;;OAKG;IACH,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,OAAO,SAAS,SAAS,EAAE,IAAI,CAAC,EAAE;IACxE;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;iDAQI;QACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B;;;;;;WAMG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB;;EA+BF;AAED,KAAK,aAAa,GACd;IACE,OAAO,EAAE,IAAI,CAAC;IACd,WAAW,EAAE,KAAK,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;CACd,GACD;IACE,OAAO,EAAE,KAAK,CAAC;IACf,WAAW,EAAE,KAAK,CAAC;IACnB,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,OAAO,EAAE,KAAK,CAAC;IACf,WAAW,EAAE,IAAI,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}

package/dist/createNextProxy.d.ts

@@ -61,10 +61,11 @@ export type BucketFunctions<TRouter extends AnyRouter> = {
     };
 };
 type OnProgressChangeHandler = (progress: number) => void;
-export declare function createNextProxy<TRouter extends AnyRouter>({ apiPath, uploadingCountRef, maxConcurrentUploads, }: {
+export declare function createNextProxy<TRouter extends AnyRouter>({ apiPath, uploadingCountRef, maxConcurrentUploads, disableDevProxy, }: {
     apiPath: string;
     uploadingCountRef: React.MutableRefObject<number>;
     maxConcurrentUploads?: number;
+    disableDevProxy?: boolean;
 }): BucketFunctions<TRouter>;
 export {};
 //# sourceMappingURL=createNextProxy.d.ts.map

package/dist/createNextProxy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createNextProxy.d.ts","sourceRoot":"","sources":["../src/createNextProxy.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"createNextProxy.d.ts","sourceRoot":"","sources":["../src/createNextProxy.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -45,7 +45,7 @@ async function handleError(res) {
     });
 }
 
-function createNextProxy({ apiPath, uploadingCountRef, maxConcurrentUploads = 5 }) {
+function createNextProxy({ apiPath, uploadingCountRef, maxConcurrentUploads = 5, disableDevProxy }) {
     return new Proxy({}, {
         get (_, prop) {
             const bucketName = prop;
@@ -74,7 +74,7 @@ function createNextProxy({ apiPath, uploadingCountRef, maxConcurrentUploads = 5
                         const fileInfo = await uploadFile(params, {
                             bucketName: bucketName,
                             apiPath
-                        });
+                        }, disableDevProxy);
                         return fileInfo;
                     } finally{
                         uploadingCountRef.current--;
@@ -103,7 +103,7 @@ function createNextProxy({ apiPath, uploadingCountRef, maxConcurrentUploads = 5
         }
     });
 }
-async function uploadFile({ file, signal, input, onProgressChange, options }, { apiPath, bucketName }) {
+async function uploadFile({ file, signal, input, onProgressChange, options }, { apiPath, bucketName }, disableDevProxy) {
     try {
         onProgressChange?.(0);
         const res = await fetch(`${apiPath}/request-upload`, {
@@ -152,8 +152,8 @@ async function uploadFile({ file, signal, input, onProgressChange, options }, {
             throw new EdgeStoreClientError('An error occurred');
         }
         return {
-            url: getUrl(json.accessUrl, apiPath),
-            thumbnailUrl: json.thumbnailUrl ? getUrl(json.thumbnailUrl, apiPath) : null,
+            url: getUrl(json.accessUrl, apiPath, disableDevProxy),
+            thumbnailUrl: json.thumbnailUrl ? getUrl(json.thumbnailUrl, apiPath, disableDevProxy) : null,
             size: json.size,
             uploadedAt: new Date(json.uploadedAt),
             path: json.path,
@@ -172,9 +172,9 @@ async function uploadFile({ file, signal, input, onProgressChange, options }, {
  * Protected files need third-party cookies to work.
  * Since third party cookies don't work on localhost,
  * we need to proxy the file through the server.
- */ function getUrl(url, apiPath) {
+ */ function getUrl(url, apiPath, disableDevProxy) {
     const mode = typeof process !== 'undefined' ? process.env.NODE_ENV : undefined?.DEV ? 'development' : 'production';
-    if (mode === 'development' && !url.includes('/_public/')) {
+    if (mode === 'development' && !url.includes('/_public/') && !disableDevProxy) {
         const proxyUrl = new URL(window.location.origin);
         proxyUrl.pathname = `${apiPath}/proxy-file`;
         proxyUrl.search = new URLSearchParams({
@@ -368,7 +368,8 @@ function createEdgeStoreProvider(opts) {
             children,
             context: EdgeStoreContext,
             basePath,
-            maxConcurrentUploads: opts?.maxConcurrentUploads
+            maxConcurrentUploads: opts?.maxConcurrentUploads,
+            disableDevProxy: opts?.disableDevProxy
         });
     };
     function useEdgeStore() {
@@ -387,7 +388,7 @@ function createEdgeStoreProvider(opts) {
         useEdgeStore
     };
 }
-function EdgeStoreProviderInner({ children, context, basePath, maxConcurrentUploads }) {
+function EdgeStoreProviderInner({ children, context, basePath, maxConcurrentUploads, disableDevProxy }) {
     const apiPath = basePath ? `${basePath}` : '/api/edgestore';
     const [state, setState] = React__namespace.useState({
         loading: true,
@@ -465,7 +466,8 @@ function EdgeStoreProviderInner({ children, context, basePath, maxConcurrentUplo
             edgestore: createNextProxy({
                 apiPath,
                 uploadingCountRef,
-                maxConcurrentUploads
+                maxConcurrentUploads,
+                disableDevProxy
             }),
             reset,
             state

package/dist/index.mjs

@@ -21,7 +21,7 @@ async function handleError(res) {
     });
 }
 
-function createNextProxy({ apiPath, uploadingCountRef, maxConcurrentUploads = 5 }) {
+function createNextProxy({ apiPath, uploadingCountRef, maxConcurrentUploads = 5, disableDevProxy }) {
     return new Proxy({}, {
         get (_, prop) {
             const bucketName = prop;
@@ -50,7 +50,7 @@ function createNextProxy({ apiPath, uploadingCountRef, maxConcurrentUploads = 5
                         const fileInfo = await uploadFile(params, {
                             bucketName: bucketName,
                             apiPath
-                        });
+                        }, disableDevProxy);
                         return fileInfo;
                     } finally{
                         uploadingCountRef.current--;
@@ -79,7 +79,7 @@ function createNextProxy({ apiPath, uploadingCountRef, maxConcurrentUploads = 5
         }
     });
 }
-async function uploadFile({ file, signal, input, onProgressChange, options }, { apiPath, bucketName }) {
+async function uploadFile({ file, signal, input, onProgressChange, options }, { apiPath, bucketName }, disableDevProxy) {
     try {
         onProgressChange?.(0);
         const res = await fetch(`${apiPath}/request-upload`, {
@@ -128,8 +128,8 @@ async function uploadFile({ file, signal, input, onProgressChange, options }, {
             throw new EdgeStoreClientError('An error occurred');
         }
         return {
-            url: getUrl(json.accessUrl, apiPath),
-            thumbnailUrl: json.thumbnailUrl ? getUrl(json.thumbnailUrl, apiPath) : null,
+            url: getUrl(json.accessUrl, apiPath, disableDevProxy),
+            thumbnailUrl: json.thumbnailUrl ? getUrl(json.thumbnailUrl, apiPath, disableDevProxy) : null,
             size: json.size,
             uploadedAt: new Date(json.uploadedAt),
             path: json.path,
@@ -148,9 +148,9 @@ async function uploadFile({ file, signal, input, onProgressChange, options }, {
  * Protected files need third-party cookies to work.
  * Since third party cookies don't work on localhost,
  * we need to proxy the file through the server.
- */ function getUrl(url, apiPath) {
+ */ function getUrl(url, apiPath, disableDevProxy) {
     const mode = typeof process !== 'undefined' ? process.env.NODE_ENV : import.meta.env?.DEV ? 'development' : 'production';
-    if (mode === 'development' && !url.includes('/_public/')) {
+    if (mode === 'development' && !url.includes('/_public/') && !disableDevProxy) {
         const proxyUrl = new URL(window.location.origin);
         proxyUrl.pathname = `${apiPath}/proxy-file`;
         proxyUrl.search = new URLSearchParams({
@@ -344,7 +344,8 @@ function createEdgeStoreProvider(opts) {
             children,
             context: EdgeStoreContext,
             basePath,
-            maxConcurrentUploads: opts?.maxConcurrentUploads
+            maxConcurrentUploads: opts?.maxConcurrentUploads,
+            disableDevProxy: opts?.disableDevProxy
         });
     };
     function useEdgeStore() {
@@ -363,7 +364,7 @@ function createEdgeStoreProvider(opts) {
         useEdgeStore
     };
 }
-function EdgeStoreProviderInner({ children, context, basePath, maxConcurrentUploads }) {
+function EdgeStoreProviderInner({ children, context, basePath, maxConcurrentUploads, disableDevProxy }) {
     const apiPath = basePath ? `${basePath}` : '/api/edgestore';
     const [state, setState] = React.useState({
         loading: true,
@@ -441,7 +442,8 @@ function EdgeStoreProviderInner({ children, context, basePath, maxConcurrentUplo
             edgestore: createNextProxy({
                 apiPath,
                 uploadingCountRef,
-                maxConcurrentUploads
+                maxConcurrentUploads,
+                disableDevProxy
             }),
             reset,
             state

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edgestore/react",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Upload files with ease from React/Next.js",
   "homepage": "https://edgestore.dev",
   "repository": "https://github.com/edgestorejs/edgestore.git",
@@ -66,7 +66,7 @@
   "dependencies": {
     "@aws-sdk/client-s3": "^3.294.0",
     "@aws-sdk/s3-request-presigner": "^3.294.0",
-    "@edgestore/shared": "0.5.1",
+    "@edgestore/shared": "0.5.2",
     "@panva/hkdf": "^1.0.4",
     "cookie": "^0.5.0",
     "jose": "^4.13.1",
@@ -88,5 +88,5 @@
     "typescript": "^5",
     "zod": "3.21.4"
   },
-  "gitHead": "0a04ff24dfb62f749cc970794b3d239c75f48fed"
+  "gitHead": "97cb861d3f56e4e04c83acc6808d56771433df29"
 }

package/src/contextProvider.tsx

@@ -37,6 +37,13 @@ export function createEdgeStoreProvider<TRouter extends AnyRouter>(opts?: {
    * @default 5
    */
   maxConcurrentUploads?: number;
+  /**
+   * Accessing EdgeStore protected files in development mode requires a proxy.
+   * You might want to disable this for other providers if you are overwriting the path.
+   *
+   * @default false
+   */
+  disableDevProxy?: boolean;
 }) {
   const EdgeStoreContext = React.createContext<
     EdgeStoreContextValue<TRouter> | undefined
@@ -61,6 +68,7 @@ export function createEdgeStoreProvider<TRouter extends AnyRouter>(opts?: {
       context: EdgeStoreContext,
       basePath,
       maxConcurrentUploads: opts?.maxConcurrentUploads,
+      disableDevProxy: opts?.disableDevProxy,
     });
   };
 
@@ -109,11 +117,13 @@ function EdgeStoreProviderInner<TRouter extends AnyRouter>({
   context,
   basePath,
   maxConcurrentUploads,
+  disableDevProxy,
 }: {
   children: React.ReactNode;
   context: React.Context<EdgeStoreContextValue<TRouter> | undefined>;
   basePath?: string;
   maxConcurrentUploads?: number;
+  disableDevProxy?: boolean;
 }) {
   const apiPath = basePath ? `${basePath}` : '/api/edgestore';
   const [state, setState] = React.useState<ProviderState>({
@@ -199,6 +209,7 @@ function EdgeStoreProviderInner<TRouter extends AnyRouter>({
             apiPath,
             uploadingCountRef,
             maxConcurrentUploads,
+            disableDevProxy,
           }),
           reset,
           state,

package/src/createNextProxy.ts

@@ -87,10 +87,12 @@ export function createNextProxy<TRouter extends AnyRouter>({
   apiPath,
   uploadingCountRef,
   maxConcurrentUploads = 5,
+  disableDevProxy,
 }: {
   apiPath: string;
   uploadingCountRef: React.MutableRefObject<number>;
   maxConcurrentUploads?: number;
+  disableDevProxy?: boolean;
 }) {
   return new Proxy<BucketFunctions<TRouter>>({} as BucketFunctions<TRouter>, {
     get(_, prop) {
@@ -125,10 +127,14 @@ export function createNextProxy<TRouter extends AnyRouter>({
             }
 
             uploadingCountRef.current++;
-            const fileInfo = await uploadFile(params, {
-              bucketName: bucketName as string,
-              apiPath,
-            });
+            const fileInfo = await uploadFile(
+              params,
+              {
+                bucketName: bucketName as string,
+                apiPath,
+              },
+              disableDevProxy,
+            );
             return fileInfo;
           } finally {
             uploadingCountRef.current--;
@@ -179,6 +185,7 @@ async function uploadFile(
     apiPath: string;
     bucketName: string;
   },
+  disableDevProxy?: boolean,
 ) {
   try {
     onProgressChange?.(0);
@@ -228,9 +235,9 @@ async function uploadFile(
       throw new EdgeStoreClientError('An error occurred');
     }
     return {
-      url: getUrl(json.accessUrl, apiPath),
+      url: getUrl(json.accessUrl, apiPath, disableDevProxy),
       thumbnailUrl: json.thumbnailUrl
-        ? getUrl(json.thumbnailUrl, apiPath)
+        ? getUrl(json.thumbnailUrl, apiPath, disableDevProxy)
         : null,
       size: json.size,
       uploadedAt: new Date(json.uploadedAt),
@@ -252,15 +259,19 @@ async function uploadFile(
  * Since third party cookies don't work on localhost,
  * we need to proxy the file through the server.
  */
-function getUrl(url: string, apiPath: string) {
+function getUrl(url: string, apiPath: string, disableDevProxy?: boolean) {
   const mode =
     typeof process !== 'undefined'
       ? process.env.NODE_ENV
       : // @ts-expect-error - DEV is injected by Vite
-      import.meta.env?.DEV
-      ? 'development'
-      : 'production';
-  if (mode === 'development' && !url.includes('/_public/')) {
+        import.meta.env?.DEV
+        ? 'development'
+        : 'production';
+  if (
+    mode === 'development' &&
+    !url.includes('/_public/') &&
+    !disableDevProxy
+  ) {
     const proxyUrl = new URL(window.location.origin);
     proxyUrl.pathname = `${apiPath}/proxy-file`;
     proxyUrl.search = new URLSearchParams({
@@ -339,7 +350,7 @@ async function multipartUpload(params: {
     progress: number;
   }[] = [];
   const uploadPart = async (params: {
-    part: typeof parts[number];
+    part: (typeof parts)[number];
     chunk: Blob;
   }) => {
     const { part, chunk } = params;