V8.1.3 review (#265)

* fix: Remove optionalDependencies from @fastify/vite (#257)

* docs: rm outdated info

* docs: update roadmap

* docs: update known limitations

* docs: update section on route location

* chore: fix pnpm-lock.yaml

* Import meta dirname filename (#263)

* Use import.meta.dirname instead of import.meta.url

* Use import.meta.filename

* undo changes in contrib folder

* Fix some stuff I missed

* Add src/ directory to TypeScript starters (#264)

* Bump @fastify/[email protected]

---------

Co-authored-by: Jonas Galvez <[email protected]>

Author: onlywei

contrib/htmx-base-ts/server.js

@@ -29,7 +29,7 @@ server.decorate('db', {
 
 await server.register(FastifyFormBody)
 await server.register(FastifyVite, {
-  root: import.meta.url,
+  root: import.meta.dirname,
   renderer: '@fastify/htmx',
 })
 

contrib/htmx-base/server.js

@@ -29,7 +29,7 @@ server.decorate('db', {
 
 await server.register(FastifyFormBody)
 await server.register(FastifyVite, {
-  root: import.meta.url,
+  root: import.meta.dirname,
   renderer: '@fastify/htmx',
 })
 

contrib/htmx-kitchensink/server.js

@@ -29,7 +29,7 @@ server.decorate('db', {
 
 await server.register(FastifyFormBody)
 await server.register(FastifyVite, {
-  root: import.meta.url,
+  root: import.meta.dirname,
   renderer: '@fastify/htmx',
 })
 

docs/.vitepress/config.ts

@@ -1,8 +1,5 @@
-import { createRequire } from 'module'
-import { defineConfig, type DefaultTheme } from 'vitepress'
-import { withMermaid } from "vitepress-plugin-mermaid";
-
-const require = createRequire(import.meta.url)
+import { withMermaid } from 'vitepress-plugin-mermaid'
+import type { DefaultTheme } from 'vitepress'
 
 export default withMermaid({
   lang: 'en-US',

docs/config/react/vite-plugin.md

@@ -3,17 +3,15 @@
 The **`@fastify/react/plugin`** Vite plugin has the following options:
 
 ```js {14-15}
-import { join, dirname } from 'path'
+import { resolve } from 'node:path'
 import { fileURLToPath } from 'url'
 
 import viteReact from '@vitejs/plugin-react'
 import viteFastify from '@fastify/vite/plugin'
 import viteFastifyReact from '@fastify/react/plugin'
 
-const path = fileURLToPath(import.meta.url)
-
 export default {
-  root: join(dirname(path), 'client'),
+  root: resolve(import.meta.dirname, 'client'),
   plugins: [
     viteReact(),
     viteFastify(),

docs/config/vue/vite-plugin.md

@@ -3,17 +3,14 @@
 The **`@fastify/vue/plugin`** Vite plugin has the following options:
 
 ```js {14-15}
-import { join, dirname } from 'path'
-import { fileURLToPath } from 'url'
+import { resolve } from 'node:path'
 
 import viteVue from '@vitejs/plugin-vue'
 import viteFastify from '@fastify/vite/plugin'
 import viteFastifyVue from '@fastify/vue/plugin'
 
-const path = fileURLToPath(import.meta.url)
-
 export default {
-  root: join(dirname(path), 'client'),
+  root: resolve(import.meta.dirname, 'client'),
   plugins: [
     viteVue(),
     viteFastify(),

docs/guide/getting-started.md

@@ -59,7 +59,7 @@ import FastifyVite from '@fastify/vite'
 const server = Fastify()
 
 await server.register(FastifyVite, {
-  root: import.meta.url, // where to look for vite.config.js
+  root: import.meta.dirname, // where to look for vite.config.js
   dev: process.argv.includes('--dev'),
   spa: true
 })

docs/guide/rendering-function.md

@@ -15,7 +15,7 @@ To illustrate, a snippet from the [`react-vanilla`][react-vanilla] SSR example:
 
 ```js {4-9}
   await server.register(FastifyVite, {
-    root: import.meta.url,
+    root: import.meta.dirname,
     createRenderFunction ({ createApp }) {
       return () => {
         return {
@@ -124,7 +124,7 @@ That is to say, `reply.html()` is the same as `reply.html(reply.render())`.
 const server = Fastify()
 
 await server.register(FastifyVite, {
-  root: import.meta.url,
+  root: import.meta.dirname,
   dev: process.argv.includes('--dev'),
   createRenderFunction ({ createApp }) {
     return () => {

docs/guide/router-integration.md

@@ -28,7 +28,7 @@ const server = Fastify({
 })
 
 await server.register(FastifyVite, {
-  root: import.meta.url,
+  root: import.meta.dirname,
   renderer,
 })
 

docs/react/project-structure.md

@@ -140,24 +140,21 @@ const server = Fastify({
 })
 
 await server.register(FastifyVite, {
-  root: import.meta.url,
+  root: import.meta.dirname,
   renderer: '@fastify/react',
 })
 
 await server.vite.ready()
 await server.listen({ port: 3000 })
 ```
 ```js [vite.config.js]
-import { join, dirname } from 'path'
-import { fileURLToPath } from 'url'
+import { resolve } from 'node:path'
 
 import viteReact from '@vitejs/plugin-react'
 import fastifyReact from '@fastify/react/plugin'
 
-const path = fileURLToPath(import.meta.url)
-
 export default {
-  root: join(dirname(path), 'client'),
+  root: resolve(import.meta.dirname, 'client'),
   plugins: [
     viteReact(),
     fastifyReact(),