chore: update examples to use import.meta.dirname (Node v21.2+)

examples/react-hydration/server.test.js

@@ -1,10 +1,8 @@
 import test from 'node:test'
-import { join, resolve, dirname } from 'node:path'
-import { fileURLToPath } from 'node:url'
 import { makeSSRBuildTest, makeIndexTest } from '../test-factories.mjs'
 import { main } from './server.js'
 
-const cwd = dirname(fileURLToPath(import.meta.url))
+const cwd = import.meta.dirname
 
 test('react-hydration', async (t) => {
   await t.test('render index page in development', makeIndexTest({ main, dev: true }))

examples/react-hydration/vite.config.js

@@ -1,19 +1,13 @@
-import { resolve, dirname } from 'node:path'
-import { fileURLToPath } from 'node:url'
-import { viteFastify } from '@fastify/vite/plugin'
+import { join } from 'node:path'
+import viteFastify from '@fastify/vite/plugin'
 import viteReact from '@vitejs/plugin-react'
 
-const path = fileURLToPath(import.meta.url)
-const root = resolve(dirname(path), 'client')
-
-const plugins = [
-  viteFastify(),
-  viteReact({ jsxRuntime: 'classic' })
-]
-
 export default {
-  root,
-  plugins,
+  root: join(import.meta.dirname, 'client'),
+  plugins: [
+    viteFastify(),
+    viteReact({ jsxRuntime: 'classic' })
+  ],
   ssr: {
     external: ['fastify']
   }

examples/react-next/server.test.js

@@ -1,11 +1,11 @@
 import test from 'node:test'
-import { join, resolve, dirname } from 'node:path'
-import { fileURLToPath } from 'node:url'
 import { makeSSRBuildTest, makeIndexTest } from '../test-factories.mjs'
 import { main } from './server.js'
 
-const cwd = dirname(fileURLToPath(import.meta.url))
+const cwd = import.meta.dirname
 
-test('render index page in development', makeIndexTest({ main, dev: true }))
-test('build production bundle', makeSSRBuildTest({ cwd }))
-test('render index page in production', makeIndexTest({ main }))
+test('react-next', async (t) => {
+  await t.test('render index page in development', makeIndexTest({ main, dev: true }))
+  await t.test('build production bundle', makeSSRBuildTest({ cwd }))
+  await t.test('render index page in production', makeIndexTest({ main }))
+})

examples/react-next/vite.config.js

@@ -1,17 +1,11 @@
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { viteFastify } from "@fastify/vite/plugin";
-import viteReact from "@vitejs/plugin-react";
-
-const path = fileURLToPath(import.meta.url);
-const root = resolve(dirname(path), "client");
-
-const plugins = [viteFastify(), viteReact({ jsxRuntime: "classic" })];
+import { join } from 'node:path'
+import viteFastify from '@fastify/vite/plugin'
+import viteReact from '@vitejs/plugin-react'
 
 export default {
-  root,
-  plugins,
-  server: {
-    hmr: !!process.env.TEST,
-  },
-};
+  root: join(importa.meta.dirname, 'client'),
+  plugins: [
+    viteFastify(), 
+    viteReact({ jsxRuntime: "classic" })
+  ],
+}

examples/react-streaming/server.test.js

@@ -1,11 +1,11 @@
 import test from 'node:test'
-import { join, resolve, dirname } from 'node:path'
-import { fileURLToPath } from 'node:url'
 import { makeSSRBuildTest, makeIndexTest } from '../test-factories.mjs'
 import { main } from './server.js'
 
-const cwd = dirname(fileURLToPath(import.meta.url))
+const cwd = import.meta.dirname
 
-test('render index page in development', makeIndexTest({ main, dev: true }))
-test('build production bundle', makeSSRBuildTest({ cwd }))
-test('render index page in production', makeIndexTest({ main }))
+test('react-streaming', async (t) => {
+  await t.test('render index page in development', makeIndexTest({ main, dev: true }))
+  await t.test('build production bundle', makeSSRBuildTest({ cwd }))
+  await t.test('render index page in production', makeIndexTest({ main }))
+})

examples/react-streaming/vite.config.js

@@ -1,14 +1,11 @@
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { viteFastify } from "@fastify/vite/plugin";
-import viteReact from "@vitejs/plugin-react";
-
-const path = fileURLToPath(import.meta.url);
-const root = resolve(dirname(path), "client");
-
-const plugins = [viteFastify(), viteReact({ jsxRuntime: "classic" })];
+import { join } from 'node:path'
+import viteFastify from '@fastify/vite/plugin'
+import viteReact from '@vitejs/plugin-react'
 
 export default {
-  root,
-  plugins,
-};
+  root: join(importa.meta.dirname, 'client'),
+  plugins: [
+    viteFastify(), 
+    viteReact({ jsxRuntime: 'classic' })
+  ],
+}

examples/react-vanilla-spa/server.test.js

@@ -4,7 +4,7 @@ import { fileURLToPath } from 'node:url'
 import { makeIndexTest, makeSPABuildTest } from '../test-factories.mjs'
 import { main } from './server.js'
 
-const cwd = dirname(fileURLToPath(import.meta.url))
+const cwd = import.meta.dirname
 
 test('react-vanilla-spa', async (t) => {
   await t.test('build production bundle', makeSPABuildTest({ cwd }))

examples/react-vanilla-spa/vite.config.js

@@ -1,14 +1,11 @@
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { viteFastify } from "@fastify/vite/plugin";
-import viteReact from "@vitejs/plugin-react";
-
-const path = fileURLToPath(import.meta.url);
-const root = resolve(dirname(path), "client");
-
-const plugins = [viteFastify(), viteReact({ jsxRuntime: "classic" })];
+import { join } from 'node:path'
+import viteFastify from '@fastify/vite/plugin'
+import viteReact from '@vitejs/plugin-react'
 
 export default {
-  root,
-  plugins,
-};
+  root: join(importa.meta.dirname, 'client'),
+  plugins: [
+    viteFastify(), 
+    viteReact({ jsxRuntime: "classic" })
+  ],
+}

examples/react-vanilla/server.test.js

@@ -4,7 +4,7 @@ import { fileURLToPath } from 'node:url'
 import { makeSSRBuildTest, makeIndexTest } from '../test-factories.mjs'
 import { main } from './server.js'
 
-const cwd = dirname(fileURLToPath(import.meta.url))
+const cwd = import.meta.dirname
 
 test('react-vanilla', async (t) => {
   await t.test('render index page in development', makeIndexTest({ main, dev: true }))

examples/react-vanilla/vite.config.js

@@ -1,14 +1,11 @@
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { viteFastify } from "@fastify/vite/plugin";
-import viteReact from "@vitejs/plugin-react";
-
-const path = fileURLToPath(import.meta.url);
-const root = resolve(dirname(path), "client");
-
-const plugins = [viteFastify(), viteReact({ jsxRuntime: "classic" })];
+import { join } from 'node:path'
+import viteFastify from '@fastify/vite/plugin'
+import viteReact from '@vitejs/plugin-react'
 
 export default {
-  root,
-  plugins,
-};
+  root: join(importa.meta.dirname, 'client'),
+  plugins: [
+    viteFastify(), 
+    viteReact({ jsxRuntime: 'classic' })
+  ],
+}

examples/solid-hydration/server.test.js

@@ -1,11 +1,11 @@
 import test from 'node:test'
-import { join, resolve, dirname } from 'node:path'
-import { fileURLToPath } from 'node:url'
 import { makeSSRBuildTest, makeIndexTest } from '../test-factories.mjs'
 import { main } from './server.js'
 
-const cwd = dirname(fileURLToPath(import.meta.url))
+const cwd = import.meta.dirname
 
-test('render index page in development', makeIndexTest({ main, dev: true }))
-test('build production bundle', makeSSRBuildTest({ cwd }))
-test('render index page in production', makeIndexTest({ main }))
+test('solid-hydration', async (t) => {
+  await t.test('render index page in development', makeIndexTest({ main, dev: true }))
+  await t.test('build production bundle', makeSSRBuildTest({ cwd }))
+  await t.test('render index page in production', makeIndexTest({ main }))
+})

examples/solid-hydration/vite.config.js

@@ -1,19 +1,14 @@
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { viteFastify } from "@fastify/vite/plugin";
-import viteSolid from "vite-plugin-solid";
-
-const path = fileURLToPath(import.meta.url);
-const root = resolve(dirname(path), "client");
-
-const plugins = [viteFastify(), viteSolid({ ssr: true })];
-
-const ssr = {
-  noExternal: ["@solidjs/router"],
-};
+import { join } from 'node:path'
+import viteFastify from '@fastify/vite/plugin'
+import viteSolid from 'vite-plugin-solid'
 
 export default {
-  root,
-  plugins,
-  ssr,
-};
+  root: join(import.meta.dirname, 'client'),
+  plugins: [
+    viteFastify(), 
+    viteSolid({ ssr: true })
+  ],
+  ssr: {
+    noExternal: ['@solidjs/router'],
+  },
+}

examples/solid-vanilla/server.test.js

@@ -1,11 +1,11 @@
 import test from 'node:test'
-import { join, resolve, dirname } from 'node:path'
-import { fileURLToPath } from 'node:url'
 import { makeSSRBuildTest, makeIndexTest } from '../test-factories.mjs'
 import { main } from './server.js'
 
-const cwd = dirname(fileURLToPath(import.meta.url))
+const cwd = import.meta.dirname
 
-test('render index page in development', makeIndexTest({ main, dev: true }))
-test('build production bundle', makeSSRBuildTest({ cwd }))
-test('render index page in production', makeIndexTest({ main }))
+test('solid-vanilla', async (t) => {
+  await t.test('render index page in development', makeIndexTest({ main, dev: true }))
+  await t.test('build production bundle', makeSSRBuildTest({ cwd }))
+  await t.test('render index page in production', makeIndexTest({ main }))
+})

examples/solid-vanilla/vite.config.js

@@ -1,14 +1,11 @@
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { viteFastify } from "@fastify/vite/plugin";
-import viteSolid from "vite-plugin-solid";
-
-const path = fileURLToPath(import.meta.url);
-const root = resolve(dirname(path), "client");
-
-const plugins = [viteFastify(), viteSolid({ ssr: true })];
+import { join } from 'node:path'
+import viteFastify from '@fastify/vite/plugin'
+import viteSolid from 'vite-plugin-solid'
 
 export default {
-  root,
-  plugins,
-};
+  root: join(import.meta.dirname, 'client'),
+  plugins: [
+    viteFastify(), 
+    viteSolid({ ssr: true })
+  ],
+}

examples/svelte-hydration/server.test.js

@@ -1,11 +1,10 @@
 import test from 'node:test'
 import { setTimeout } from 'node:timers/promises'
-import { join, resolve, dirname } from 'node:path'
-import { fileURLToPath } from 'node:url'
+
 import { makeSSRBuildTest, makeIndexTest } from '../test-factories.mjs'
 import { main } from './server.js'
 
-const cwd = dirname(fileURLToPath(import.meta.url))
+const cwd = import.meta.dirname
 
 test('svelte-hydration', async (t) => {
   await t.test('build production bundle', makeSSRBuildTest({ cwd }))

examples/svelte-hydration/vite.config.js

@@ -1,21 +1,15 @@
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { viteFastify } from "@fastify/vite/plugin";
-import { svelte as viteSvelte } from "@sveltejs/vite-plugin-svelte";
-
-const path = fileURLToPath(import.meta.url);
-const root = resolve(dirname(path), "client");
-
-const plugins = [
-  viteFastify(),
-  viteSvelte({
-    compilerOptions: {
-      hydratable: true,
-    },
-  }),
-];
+import { join } from 'node:path'
+import viteFastify from '@fastify/vite/plugin'
+import { svelte as viteSvelte } from '@sveltejs/vite-plugin-svelte'
 
 export default {
-  root,
-  plugins,
-};
+  root: join(import.meta.dirname, 'client'),
+  plugins: [
+    viteFastify(),
+    viteSvelte({
+      compilerOptions: {
+        hydratable: true,
+      },
+    }),
+  ],
+}

examples/svelte-vanilla/server.test.js

@@ -1,10 +1,8 @@
 import test from 'node:test'
-import { join, resolve, dirname } from 'node:path'
-import { fileURLToPath } from 'node:url'
 import { makeSSRBuildTest, makeIndexTest } from '../test-factories.mjs'
 import { main } from './server.js'
 
-const cwd = dirname(fileURLToPath(import.meta.url))
+const cwd = import.meta.dirname
 
 test('build production bundle', makeSSRBuildTest({ cwd }))
 test('render index page in development', makeIndexTest({ main, dev: true }))

examples/svelte-vanilla/vite.config.js

@@ -1,14 +1,11 @@
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { viteFastify } from "@fastify/vite/plugin";
-import { svelte as viteSvelte } from "@sveltejs/vite-plugin-svelte";
-
-const path = fileURLToPath(import.meta.url);
-const root = resolve(dirname(path), "client");
-
-const plugins = [viteFastify(), viteSvelte()];
+import { join } from 'node:path'
+import viteFastify from '@fastify/vite/plugin'
+import { svelte as viteSvelte } from '@sveltejs/vite-plugin-svelte'
 
 export default {
-  root,
-  plugins,
-};
+  root: join(import.meta.dirname, 'client'),
+  plugins: [
+    viteFastify(), 
+    viteSvelte()
+  ],
+}

examples/typescript-vanilla/vite.config.js

@@ -1,13 +1,15 @@
-import { resolve } from "node:path";
-import { viteFastify } from "@fastify/vite/plugin";
-import viteReact from "@vitejs/plugin-react";
+import { join } from 'node:path'
+import { viteFastify } from '@fastify/vite/plugin'
+import viteReact from '@vitejs/plugin-react'
 
-/** @type {import('vite').UserConfig} */
 export default {
-  root: resolve(import.meta.dirname, "src/client"),
-  plugins: [viteReact(), viteFastify()],
+  root: join(import.meta.dirname, 'src/client'),
+  plugins: [
+    viteReact(), 
+    viteFastify()
+  ],
   build: {
     emptyOutDir: true,
-    outDir: resolve(import.meta.dirname, "dist/client"),
+    outDir: join(import.meta.dirname, 'dist/client'),
   },
 };