diff --git a/examples/cloudflare-pages/app/routes/_index.tsx b/examples/cloudflare-pages/app/routes/_index.tsx index c3d1c33..e907533 100644 --- a/examples/cloudflare-pages/app/routes/_index.tsx +++ b/examples/cloudflare-pages/app/routes/_index.tsx @@ -1,5 +1,6 @@ import type { LoaderFunctionArgs } from '@remix-run/cloudflare' import { useLoaderData } from '@remix-run/react' +import logoDark from '/logo-dark.png?inline' export const loader = (args: LoaderFunctionArgs) => { const extra = args.context.extra @@ -23,6 +24,7 @@ export default function Index() {

Extra is {extra}

Var in Variables is {myVarInVariables}
waitUntil is {isWaitUntilDefined ? 'defined' : 'not defined'}
+ Remix ) } diff --git a/examples/cloudflare-pages/e2e.test.ts b/examples/cloudflare-pages/e2e.test.ts index 5de7c85..a28efc4 100644 --- a/examples/cloudflare-pages/e2e.test.ts +++ b/examples/cloudflare-pages/e2e.test.ts @@ -24,6 +24,9 @@ test('Should return 200 response - /', async ({ page }) => { const contentH6 = await page.textContent('h6') expect(contentH6).toBe('waitUntil is defined') + + const imageResponse = await page.goto('/logo-dark.png?inline') + expect(imageResponse?.status()).toBe(200) }) test('Should return 200 response - /api', async ({ page }) => { diff --git a/examples/cloudflare-pages/public/favicon.ico b/examples/cloudflare-pages/public/favicon.ico new file mode 100644 index 0000000..8830cf6 Binary files /dev/null and b/examples/cloudflare-pages/public/favicon.ico differ diff --git a/examples/cloudflare-pages/public/logo-dark.png b/examples/cloudflare-pages/public/logo-dark.png new file mode 100644 index 0000000..b24c7ae Binary files /dev/null and b/examples/cloudflare-pages/public/logo-dark.png differ diff --git a/src/vite-plugin.ts b/src/vite-plugin.ts index b0d442e..50fe4fa 100644 --- a/src/vite-plugin.ts +++ b/src/vite-plugin.ts @@ -31,6 +31,8 @@ export default (options: Options): Plugin => { '/assets/**', '/app/**', '/src/app/**', + // matches for vite's import assets suffixes + /\?(import(&)?)?(inline|url|no-inline|raw)?$/, ], injectClientScript: false, loadModule: async (server, entry) => {