@contentful/field-editor-shared 2.17.0-alpha.0 → 2.17.1-alpha.0

package/dist/cjs/index.js

@@ -75,6 +75,9 @@ _export(exports, {
     PredefinedValuesError: function() {
         return _PredefinedValuesError.PredefinedValuesError;
     },
+    SharedQueryClientProvider: function() {
+        return _queryClient.SharedQueryClientProvider;
+    },
     SpaceAPI: function() {
         return _appsdk.SpaceAPI;
     },
@@ -92,6 +95,12 @@ _export(exports, {
     },
     toLocaleString: function() {
         return _shortenStorageUnit.toLocaleString;
+    },
+    useQuery: function() {
+        return _queryClient.useQuery;
+    },
+    useQueryClient: function() {
+        return _queryClient.useQueryClient;
     }
 });
 const _ModalDialogLauncher = /*#__PURE__*/ _interop_require_wildcard(require("./ModalDialogLauncher"));
@@ -113,6 +122,7 @@ _export_star(require("./ReleaseEntityStatusBadge"), exports);
 _export_star(require("./utils/determineReleaseAction"), exports);
 _export_star(require("./utils/getEntityReleaseStatus"), exports);
 _export_star(require("./utils/getReleaseStatusBadgeConfig"), exports);
+const _queryClient = require("./queryClient");
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/queryClient.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SharedQueryClientProvider: function() {
+        return SharedQueryClientProvider;
+    },
+    useQuery: function() {
+        return useQuery;
+    },
+    useQueryClient: function() {
+        return useQueryClient;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+let QueryClient;
+let useRQ;
+let useHostQueryClient = ()=>undefined;
+try {
+    const rq = require('@tanstack/react-query');
+    QueryClient = rq.QueryClient;
+    useRQ = rq.useQuery;
+    useHostQueryClient = rq.useQueryClient;
+} catch  {}
+const clientContext = /*#__PURE__*/ _react.createContext(undefined);
+function useMaybeHostQueryClient() {
+    try {
+        return useHostQueryClient();
+    } catch  {
+        return undefined;
+    }
+}
+function useQueryClient() {
+    const client = _react.useContext(clientContext);
+    const hostClient = useMaybeHostQueryClient();
+    return _react.useMemo(()=>{
+        if (client) {
+            return client;
+        }
+        if (hostClient) return hostClient;
+        return new QueryClient({
+            defaultOptions: {
+                queries: {
+                    useErrorBoundary: false,
+                    refetchOnWindowFocus: false,
+                    refetchOnReconnect: true,
+                    refetchOnMount: false,
+                    staleTime: Infinity,
+                    retry: false
+                }
+            }
+        });
+    }, [
+        client,
+        hostClient
+    ]);
+}
+function useQuery(queryKey, queryFn, options) {
+    return useRQ(queryKey, queryFn, {
+        ...options,
+        context: clientContext
+    });
+}
+function SharedQueryClientProvider({ children }) {
+    const client = useQueryClient();
+    return /*#__PURE__*/ _react.createElement(clientContext.Provider, {
+        value: client
+    }, children);
+}

package/dist/cjs/utils/entityHelpers.js

@@ -239,14 +239,12 @@ const getEntryImage = async ({ entry, contentType, localeCode }, getAsset)=>{
         return null;
     }
 };
-const DOWNLOADS_ENDPOINT = 'downloads.ctfassets.net';
-const TRANSFORMATIONS_ENDPOINT = 'images.ctfassets.net';
 const getResolvedImageUrl = (url, params)=>{
     try {
         const urlToParse = url.startsWith('//') ? `https:${url}` : url;
         const parsedUrl = new URL(urlToParse);
-        if (parsedUrl.hostname === DOWNLOADS_ENDPOINT) {
-            parsedUrl.hostname = TRANSFORMATIONS_ENDPOINT;
+        if (parsedUrl.hostname.startsWith('downloads.')) {
+            parsedUrl.hostname = parsedUrl.hostname.replace(/^downloads\./, 'images.');
         }
         if (params) {
             Object.entries(params).forEach(([key, value])=>{

package/dist/cjs/utils/entityHelpers.test.js

@@ -151,72 +151,72 @@ describe('getEntityStatus', ()=>{
 });
 describe('getResolvedImageUrl', ()=>{
     describe('URL parsing and domain replacement', ()=>{
-        test('replaces downloads.ctfassets.net with images.ctfassets.net', ()=>{
-            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.ctfassets.net/space/asset.jpg');
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg');
+        test('replaces downloads.* with images.*', ()=>{
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.example.com/space/asset.jpg');
+            expect(result).toBe('https://images.example.com/space/asset.jpg');
         });
         test('handles protocol-relative URLs', ()=>{
-            const result = (0, _entityHelpers.getResolvedImageUrl)('//downloads.ctfassets.net/space/asset.jpg');
-            expect(result).toBe('//images.ctfassets.net/space/asset.jpg');
+            const result = (0, _entityHelpers.getResolvedImageUrl)('//downloads.example.com/space/asset.jpg');
+            expect(result).toBe('//images.example.com/space/asset.jpg');
         });
-        test('does not modify URLs that are not from downloads.ctfassets.net', ()=>{
+        test('does not modify URLs that do not start with downloads.', ()=>{
             const result = (0, _entityHelpers.getResolvedImageUrl)('https://example.com/image.jpg');
             expect(result).toBe('https://example.com/image.jpg');
         });
-        test('does not modify images.ctfassets.net URLs', ()=>{
-            const result = (0, _entityHelpers.getResolvedImageUrl)('https://images.ctfassets.net/space/asset.jpg');
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg');
+        test('does not modify images.* URLs', ()=>{
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://images.example.com/space/asset.jpg');
+            expect(result).toBe('https://images.example.com/space/asset.jpg');
         });
     });
     describe('query parameters', ()=>{
         test('adds width parameter', ()=>{
-            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.ctfassets.net/space/asset.jpg', {
-                width: 100
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.example.com/space/asset.jpg', {
+                w: 100
             });
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg?width=100');
+            expect(result).toBe('https://images.example.com/space/asset.jpg?w=100');
         });
         test('adds height parameter', ()=>{
-            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.ctfassets.net/space/asset.jpg', {
-                height: 200
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.example.com/space/asset.jpg', {
+                h: 200
             });
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg?height=200');
+            expect(result).toBe('https://images.example.com/space/asset.jpg?h=200');
         });
         test('adds fit parameter', ()=>{
-            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.ctfassets.net/space/asset.jpg', {
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.example.com/space/asset.jpg', {
                 fit: 'thumb'
             });
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg?fit=thumb');
+            expect(result).toBe('https://images.example.com/space/asset.jpg?fit=thumb');
         });
         test('adds multiple parameters', ()=>{
-            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.ctfassets.net/space/asset.jpg', {
-                width: 100,
-                height: 200,
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.example.com/space/asset.jpg', {
+                w: 100,
+                h: 200,
                 fit: 'thumb'
             });
-            expect(result).toContain('width=100');
-            expect(result).toContain('height=200');
+            expect(result).toContain('w=100');
+            expect(result).toContain('h=200');
             expect(result).toContain('fit=thumb');
-            expect(result).toContain('images.ctfassets.net');
+            expect(result).toContain('images.example.com');
         });
         test('skips undefined parameters', ()=>{
-            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.ctfassets.net/space/asset.jpg', {
-                width: 100,
-                height: undefined,
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.example.com/space/asset.jpg', {
+                w: 100,
+                h: undefined,
                 fit: 'thumb'
             });
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg?width=100&fit=thumb');
+            expect(result).toBe('https://images.example.com/space/asset.jpg?w=100&fit=thumb');
         });
         test('returns URL without query string when no params provided', ()=>{
-            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.ctfassets.net/space/asset.jpg');
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg');
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.example.com/space/asset.jpg');
+            expect(result).toBe('https://images.example.com/space/asset.jpg');
         });
         test('returns URL without query string when all params are undefined', ()=>{
-            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.ctfassets.net/space/asset.jpg', {
-                width: undefined,
-                height: undefined,
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.example.com/space/asset.jpg', {
+                w: undefined,
+                h: undefined,
                 fit: undefined
             });
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg');
+            expect(result).toBe('https://images.example.com/space/asset.jpg');
         });
     });
     describe('relative URL fallback', ()=>{
@@ -226,41 +226,62 @@ describe('getResolvedImageUrl', ()=>{
         });
         test('appends query params to relative URLs', ()=>{
             const result = (0, _entityHelpers.getResolvedImageUrl)('/assets/image.jpg', {
-                width: 100,
-                height: 200
+                w: 100,
+                h: 200
             });
-            expect(result).toBe('/assets/image.jpg?width=100&height=200');
+            expect(result).toBe('/assets/image.jpg?w=100&h=200');
         });
         test('handles relative URLs with undefined params', ()=>{
             const result = (0, _entityHelpers.getResolvedImageUrl)('/assets/image.jpg', {
-                width: 100,
-                height: undefined
+                w: 100,
+                h: undefined
             });
-            expect(result).toBe('/assets/image.jpg?width=100');
+            expect(result).toBe('/assets/image.jpg?w=100');
         });
         test('returns relative URL unchanged when all params are undefined', ()=>{
             const result = (0, _entityHelpers.getResolvedImageUrl)('/assets/image.jpg', {
-                width: undefined,
-                height: undefined
+                w: undefined,
+                h: undefined
             });
             expect(result).toBe('/assets/image.jpg');
         });
     });
     describe('edge cases', ()=>{
         test('preserves existing query parameters', ()=>{
-            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.ctfassets.net/space/asset.jpg?foo=bar', {
-                width: 100
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.example.com/space/asset.jpg?foo=bar', {
+                w: 100
             });
             expect(result).toContain('foo=bar');
-            expect(result).toContain('width=100');
+            expect(result).toContain('w=100');
         });
         test('handles URLs with fragments', ()=>{
-            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.ctfassets.net/space/asset.jpg#section', {
-                width: 100
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.example.com/space/asset.jpg#section', {
+                w: 100
             });
-            expect(result).toContain('images.ctfassets.net');
-            expect(result).toContain('width=100');
+            expect(result).toContain('images.example.com');
+            expect(result).toContain('w=100');
             expect(result).toContain('#section');
         });
     });
+    describe('pattern-based domain replacement', ()=>{
+        test('replaces any downloads.* domain with images.*', ()=>{
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.example.com/space/asset.jpg');
+            expect(result).toBe('https://images.example.com/space/asset.jpg');
+        });
+        test('handles protocol-relative downloads URLs', ()=>{
+            const result = (0, _entityHelpers.getResolvedImageUrl)('//downloads.example.com/space/asset.jpg');
+            expect(result).toBe('//images.example.com/space/asset.jpg');
+        });
+        test('adds query params to any downloads.* domain', ()=>{
+            const result = (0, _entityHelpers.getResolvedImageUrl)('https://downloads.another-example.com/space/asset.jpg', {
+                w: 150,
+                h: 150,
+                fit: 'thumb'
+            });
+            expect(result).toContain('images.another-example.com');
+            expect(result).toContain('w=150');
+            expect(result).toContain('h=150');
+            expect(result).toContain('fit=thumb');
+        });
+    });
 });

package/dist/esm/index.js

@@ -17,3 +17,4 @@ export * from './ReleaseEntityStatusBadge';
 export * from './utils/determineReleaseAction';
 export * from './utils/getEntityReleaseStatus';
 export * from './utils/getReleaseStatusBadgeConfig';
+export { SharedQueryClientProvider, useQueryClient, useQuery } from './queryClient';

package/dist/esm/queryClient.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+let QueryClient;
+let useRQ;
+let useHostQueryClient = ()=>undefined;
+try {
+    const rq = require('@tanstack/react-query');
+    QueryClient = rq.QueryClient;
+    useRQ = rq.useQuery;
+    useHostQueryClient = rq.useQueryClient;
+} catch  {}
+const clientContext = /*#__PURE__*/ React.createContext(undefined);
+function useMaybeHostQueryClient() {
+    try {
+        return useHostQueryClient();
+    } catch  {
+        return undefined;
+    }
+}
+export function useQueryClient() {
+    const client = React.useContext(clientContext);
+    const hostClient = useMaybeHostQueryClient();
+    return React.useMemo(()=>{
+        if (client) {
+            return client;
+        }
+        if (hostClient) return hostClient;
+        return new QueryClient({
+            defaultOptions: {
+                queries: {
+                    useErrorBoundary: false,
+                    refetchOnWindowFocus: false,
+                    refetchOnReconnect: true,
+                    refetchOnMount: false,
+                    staleTime: Infinity,
+                    retry: false
+                }
+            }
+        });
+    }, [
+        client,
+        hostClient
+    ]);
+}
+export function useQuery(queryKey, queryFn, options) {
+    return useRQ(queryKey, queryFn, {
+        ...options,
+        context: clientContext
+    });
+}
+export function SharedQueryClientProvider({ children }) {
+    const client = useQueryClient();
+    return /*#__PURE__*/ React.createElement(clientContext.Provider, {
+        value: client
+    }, children);
+}

package/dist/esm/utils/entityHelpers.js

@@ -189,14 +189,12 @@ export const getEntryImage = async ({ entry, contentType, localeCode }, getAsset
         return null;
     }
 };
-const DOWNLOADS_ENDPOINT = 'downloads.ctfassets.net';
-const TRANSFORMATIONS_ENDPOINT = 'images.ctfassets.net';
 export const getResolvedImageUrl = (url, params)=>{
     try {
         const urlToParse = url.startsWith('//') ? `https:${url}` : url;
         const parsedUrl = new URL(urlToParse);
-        if (parsedUrl.hostname === DOWNLOADS_ENDPOINT) {
-            parsedUrl.hostname = TRANSFORMATIONS_ENDPOINT;
+        if (parsedUrl.hostname.startsWith('downloads.')) {
+            parsedUrl.hostname = parsedUrl.hostname.replace(/^downloads\./, 'images.');
         }
         if (params) {
             Object.entries(params).forEach(([key, value])=>{

package/dist/esm/utils/entityHelpers.test.js

@@ -147,72 +147,72 @@ describe('getEntityStatus', ()=>{
 });
 describe('getResolvedImageUrl', ()=>{
     describe('URL parsing and domain replacement', ()=>{
-        test('replaces downloads.ctfassets.net with images.ctfassets.net', ()=>{
-            const result = getResolvedImageUrl('https://downloads.ctfassets.net/space/asset.jpg');
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg');
+        test('replaces downloads.* with images.*', ()=>{
+            const result = getResolvedImageUrl('https://downloads.example.com/space/asset.jpg');
+            expect(result).toBe('https://images.example.com/space/asset.jpg');
         });
         test('handles protocol-relative URLs', ()=>{
-            const result = getResolvedImageUrl('//downloads.ctfassets.net/space/asset.jpg');
-            expect(result).toBe('//images.ctfassets.net/space/asset.jpg');
+            const result = getResolvedImageUrl('//downloads.example.com/space/asset.jpg');
+            expect(result).toBe('//images.example.com/space/asset.jpg');
         });
-        test('does not modify URLs that are not from downloads.ctfassets.net', ()=>{
+        test('does not modify URLs that do not start with downloads.', ()=>{
             const result = getResolvedImageUrl('https://example.com/image.jpg');
             expect(result).toBe('https://example.com/image.jpg');
         });
-        test('does not modify images.ctfassets.net URLs', ()=>{
-            const result = getResolvedImageUrl('https://images.ctfassets.net/space/asset.jpg');
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg');
+        test('does not modify images.* URLs', ()=>{
+            const result = getResolvedImageUrl('https://images.example.com/space/asset.jpg');
+            expect(result).toBe('https://images.example.com/space/asset.jpg');
         });
     });
     describe('query parameters', ()=>{
         test('adds width parameter', ()=>{
-            const result = getResolvedImageUrl('https://downloads.ctfassets.net/space/asset.jpg', {
-                width: 100
+            const result = getResolvedImageUrl('https://downloads.example.com/space/asset.jpg', {
+                w: 100
             });
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg?width=100');
+            expect(result).toBe('https://images.example.com/space/asset.jpg?w=100');
         });
         test('adds height parameter', ()=>{
-            const result = getResolvedImageUrl('https://downloads.ctfassets.net/space/asset.jpg', {
-                height: 200
+            const result = getResolvedImageUrl('https://downloads.example.com/space/asset.jpg', {
+                h: 200
             });
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg?height=200');
+            expect(result).toBe('https://images.example.com/space/asset.jpg?h=200');
         });
         test('adds fit parameter', ()=>{
-            const result = getResolvedImageUrl('https://downloads.ctfassets.net/space/asset.jpg', {
+            const result = getResolvedImageUrl('https://downloads.example.com/space/asset.jpg', {
                 fit: 'thumb'
             });
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg?fit=thumb');
+            expect(result).toBe('https://images.example.com/space/asset.jpg?fit=thumb');
         });
         test('adds multiple parameters', ()=>{
-            const result = getResolvedImageUrl('https://downloads.ctfassets.net/space/asset.jpg', {
-                width: 100,
-                height: 200,
+            const result = getResolvedImageUrl('https://downloads.example.com/space/asset.jpg', {
+                w: 100,
+                h: 200,
                 fit: 'thumb'
             });
-            expect(result).toContain('width=100');
-            expect(result).toContain('height=200');
+            expect(result).toContain('w=100');
+            expect(result).toContain('h=200');
             expect(result).toContain('fit=thumb');
-            expect(result).toContain('images.ctfassets.net');
+            expect(result).toContain('images.example.com');
         });
         test('skips undefined parameters', ()=>{
-            const result = getResolvedImageUrl('https://downloads.ctfassets.net/space/asset.jpg', {
-                width: 100,
-                height: undefined,
+            const result = getResolvedImageUrl('https://downloads.example.com/space/asset.jpg', {
+                w: 100,
+                h: undefined,
                 fit: 'thumb'
             });
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg?width=100&fit=thumb');
+            expect(result).toBe('https://images.example.com/space/asset.jpg?w=100&fit=thumb');
         });
         test('returns URL without query string when no params provided', ()=>{
-            const result = getResolvedImageUrl('https://downloads.ctfassets.net/space/asset.jpg');
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg');
+            const result = getResolvedImageUrl('https://downloads.example.com/space/asset.jpg');
+            expect(result).toBe('https://images.example.com/space/asset.jpg');
         });
         test('returns URL without query string when all params are undefined', ()=>{
-            const result = getResolvedImageUrl('https://downloads.ctfassets.net/space/asset.jpg', {
-                width: undefined,
-                height: undefined,
+            const result = getResolvedImageUrl('https://downloads.example.com/space/asset.jpg', {
+                w: undefined,
+                h: undefined,
                 fit: undefined
             });
-            expect(result).toBe('https://images.ctfassets.net/space/asset.jpg');
+            expect(result).toBe('https://images.example.com/space/asset.jpg');
         });
     });
     describe('relative URL fallback', ()=>{
@@ -222,41 +222,62 @@ describe('getResolvedImageUrl', ()=>{
         });
         test('appends query params to relative URLs', ()=>{
             const result = getResolvedImageUrl('/assets/image.jpg', {
-                width: 100,
-                height: 200
+                w: 100,
+                h: 200
             });
-            expect(result).toBe('/assets/image.jpg?width=100&height=200');
+            expect(result).toBe('/assets/image.jpg?w=100&h=200');
         });
         test('handles relative URLs with undefined params', ()=>{
             const result = getResolvedImageUrl('/assets/image.jpg', {
-                width: 100,
-                height: undefined
+                w: 100,
+                h: undefined
             });
-            expect(result).toBe('/assets/image.jpg?width=100');
+            expect(result).toBe('/assets/image.jpg?w=100');
         });
         test('returns relative URL unchanged when all params are undefined', ()=>{
             const result = getResolvedImageUrl('/assets/image.jpg', {
-                width: undefined,
-                height: undefined
+                w: undefined,
+                h: undefined
             });
             expect(result).toBe('/assets/image.jpg');
         });
     });
     describe('edge cases', ()=>{
         test('preserves existing query parameters', ()=>{
-            const result = getResolvedImageUrl('https://downloads.ctfassets.net/space/asset.jpg?foo=bar', {
-                width: 100
+            const result = getResolvedImageUrl('https://downloads.example.com/space/asset.jpg?foo=bar', {
+                w: 100
             });
             expect(result).toContain('foo=bar');
-            expect(result).toContain('width=100');
+            expect(result).toContain('w=100');
         });
         test('handles URLs with fragments', ()=>{
-            const result = getResolvedImageUrl('https://downloads.ctfassets.net/space/asset.jpg#section', {
-                width: 100
+            const result = getResolvedImageUrl('https://downloads.example.com/space/asset.jpg#section', {
+                w: 100
             });
-            expect(result).toContain('images.ctfassets.net');
-            expect(result).toContain('width=100');
+            expect(result).toContain('images.example.com');
+            expect(result).toContain('w=100');
             expect(result).toContain('#section');
         });
     });
+    describe('pattern-based domain replacement', ()=>{
+        test('replaces any downloads.* domain with images.*', ()=>{
+            const result = getResolvedImageUrl('https://downloads.example.com/space/asset.jpg');
+            expect(result).toBe('https://images.example.com/space/asset.jpg');
+        });
+        test('handles protocol-relative downloads URLs', ()=>{
+            const result = getResolvedImageUrl('//downloads.example.com/space/asset.jpg');
+            expect(result).toBe('//images.example.com/space/asset.jpg');
+        });
+        test('adds query params to any downloads.* domain', ()=>{
+            const result = getResolvedImageUrl('https://downloads.another-example.com/space/asset.jpg', {
+                w: 150,
+                h: 150,
+                fit: 'thumb'
+            });
+            expect(result).toContain('images.another-example.com');
+            expect(result).toContain('w=150');
+            expect(result).toContain('h=150');
+            expect(result).toContain('fit=thumb');
+        });
+    });
 });

package/dist/types/index.d.ts

@@ -19,3 +19,4 @@ export * from './ReleaseEntityStatusBadge';
 export * from './utils/determineReleaseAction';
 export * from './utils/getEntityReleaseStatus';
 export * from './utils/getReleaseStatusBadgeConfig';
+export { SharedQueryClientProvider, useQueryClient, useQuery } from './queryClient';

package/dist/types/queryClient.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { QueryClient as QC, UseQueryOptions, UseQueryResult, QueryKey, QueryFunction } from '@tanstack/react-query';
+export declare function useQueryClient(): QC;
+export declare function useQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(queryKey: TQueryKey, queryFn: QueryFunction<TQueryFnData, TQueryKey>, options?: Omit<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'queryKey' | 'queryFn'>): UseQueryResult<TData, TError>;
+/**
+ * Provides access to a query client either by sharing an existing client or
+ * creating a new one.
+ */
+export declare function SharedQueryClientProvider({ children }: React.PropsWithChildren<{}>): React.JSX.Element;

package/dist/types/utils/entityHelpers.d.ts

@@ -82,8 +82,8 @@ export declare const getEntryImage: ({ entry, contentType, localeCode, }: {
     defaultLocaleCode: string;
 }, getAsset: (assetId: string) => Promise<unknown>) => Promise<null | File>;
 export declare const getResolvedImageUrl: (url: string, params?: {
-    width?: number;
-    height?: number;
+    w?: number;
+    h?: number;
     fit?: string;
 }) => string;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-shared",
-  "version": "2.17.0-alpha.0",
+  "version": "2.17.1-alpha.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -39,6 +39,7 @@
     "@contentful/app-sdk": "^4.42.0",
     "@contentful/field-editor-test-utils": "^1.7.0",
     "@lingui/core": "5.3.0",
+    "@tanstack/react-query": "^4.3.9",
     "@testing-library/react": "16.3.0"
   },
   "dependencies": {
@@ -54,11 +55,17 @@
   "peerDependencies": {
     "@contentful/app-sdk": "^4.29.0",
     "@lingui/core": "^5.3.0",
+    "@tanstack/react-query": "^4.3.9",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
+  "peerDependenciesMeta": {
+    "@tanstack/react-query": {
+      "optional": true
+    }
+  },
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "aae7ea3dcdc2010b1bc8c15a4d6ce3ddba9702e2"
+  "gitHead": "447875c5a2ef25eb4552c29b990d90ec40bc6985"
 }