chore: add react/vue playgrounds

.gitignore

@@ -15,4 +15,4 @@ package-lock.json
 todo.md
 .adonisjs
 playground/public/assets
-docs/public/assets
+public/assets

package.json

@@ -25,6 +25,7 @@
     "@japa/snapshot": "^2.0.5",
     "@julr/tooling-configs": "^2.2.0",
     "@swc/core": "^1.4.17",
+    "@types/node": "^20.12.11",
     "c8": "^9.1.0",
     "copyfiles": "^2.4.1",
     "del-cli": "^5.1.0",
@@ -33,7 +34,8 @@
     "prettier": "^3.2.5",
     "ts-node": "^10.9.2",
     "tsup": "^8.0.2",
-    "typescript": "^5.4.5"
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11"
   },
   "pnpm": {
     "overrides": {

playgrounds/inertia-react/.env

@@ -2,6 +2,6 @@ TZ=UTC
 PORT=3333
 HOST=localhost
 LOG_LEVEL=info
-APP_KEY=0Q0aaWK8qBOgnBaigvLlaqNJYPejCL5t
+APP_KEY=_lnNOQKKmINM8q3Kvk1djR5BeN_PcQvs
 NODE_ENV=development
 SESSION_DRIVER=cookie

playgrounds/inertia-react/.env.example

@@ -2,6 +2,6 @@ TZ=UTC
 PORT=3333
 HOST=localhost
 LOG_LEVEL=info
-APP_KEY=0Q0aaWK8qBOgnBaigvLlaqNJYPejCL5t
+APP_KEY=_lnNOQKKmINM8q3Kvk1djR5BeN_PcQvs
 NODE_ENV=development
 SESSION_DRIVER=cookie

playgrounds/inertia-react/ace.js

@@ -20,7 +20,6 @@
  * Register hook to process TypeScript files using ts-node
  */
 import { register } from 'node:module'
-
 register('ts-node/esm', import.meta.url)
 
 /**

playgrounds/inertia-react/adonisrc.ts

@@ -1,4 +1,3 @@
-import { relative } from 'node:path'
 import { defineConfig } from '@adonisjs/core/app'
 
 export default defineConfig({
@@ -11,11 +10,7 @@ export default defineConfig({
   | will be scanned automatically from the "./commands" directory.
   |
   */
-  commands: [
-    () => import('@adonisjs/core/commands'),
-    () => import('@adonisjs/lucid/commands'),
-    () => import('@tuyau/core/commands'),
-  ],
+  commands: [() => import('@adonisjs/core/commands'), () => import('@adonisjs/lucid/commands')],
 
   /*
   |--------------------------------------------------------------------------
@@ -42,8 +37,7 @@ export default defineConfig({
     () => import('@adonisjs/cors/cors_provider'),
     () => import('@adonisjs/lucid/database_provider'),
     () => import('@adonisjs/auth/auth_provider'),
-    () => import('@adonisjs/inertia/inertia_provider'),
-    () => import('@tuyau/core/tuyau_provider'),
+    () => import('@adonisjs/inertia/inertia_provider')
   ],
 
   /*
@@ -75,7 +69,7 @@ export default defineConfig({
       {
         files: ['tests/functional/**/*.spec(.ts|.js)'],
         name: 'functional',
-        timeout: 30_000,
+        timeout: 30000,
       },
     ],
     forceExit: false,
@@ -104,27 +98,5 @@ export default defineConfig({
   assetsBundler: false,
   unstable_assembler: {
     onBuildStarting: [() => import('@adonisjs/vite/build_hook')],
-    /**
-     * Temporary code to handle HotHook messages
-     * Will be moved to @adonisjs/core or @hot-hook/adonis later
-     */
-    onHttpServerMessage: [
-      async () => ({
-        default: (ui, message, actions) => {
-          if (message.type === 'hot-hook:full-reload') {
-            const path = relative(import.meta.dirname, message.path || message.paths[0])
-
-            ui.logger.log(`${ui.colors.green('full-reload')} due to ${ui.colors.cyan(path)}`)
-            actions.restartServer()
-          }
-
-          if (message.type === 'hot-hook:invalidated') {
-            const path = relative(import.meta.dirname, message.path || message.paths[0])
-
-            ui.logger.log(`${ui.colors.yellow('invalidated')} ${ui.colors.cyan(path)}`)
-          }
-        },
-      }),
-    ],
   },
 })

playgrounds/inertia-react/app/exceptions/handler.ts

@@ -1,6 +1,5 @@
 import app from '@adonisjs/core/services/app'
-import type { HttpContext } from '@adonisjs/core/http'
-import { ExceptionHandler } from '@adonisjs/core/http'
+import { HttpContext, ExceptionHandler } from '@adonisjs/core/http'
 import type { StatusPageRange, StatusPageRenderer } from '@adonisjs/core/types/http'
 
 export default class HttpExceptionHandler extends ExceptionHandler {

playgrounds/inertia-react/app/middleware/auth_middleware.ts

@@ -17,9 +17,9 @@ export default class AuthMiddleware {
     next: NextFn,
     options: {
       guards?: (keyof Authenticators)[]
-    } = {},
+    } = {}
   ) {
     await ctx.auth.authenticateUsing(options.guards, { loginRoute: this.redirectTo })
     return next()
   }
-}
+}

playgrounds/inertia-react/app/middleware/container_bindings_middleware.ts

@@ -1,6 +1,6 @@
 import { Logger } from '@adonisjs/core/logger'
 import { HttpContext } from '@adonisjs/core/http'
-import type { NextFn } from '@adonisjs/core/types/http'
+import { NextFn } from '@adonisjs/core/types/http'
 
 /**
  * The container bindings middleware binds classes to their request

playgrounds/inertia-react/app/middleware/guest_middleware.ts

@@ -0,0 +1,31 @@
+import type { HttpContext } from '@adonisjs/core/http'
+import type { NextFn } from '@adonisjs/core/types/http'
+import type { Authenticators } from '@adonisjs/auth/types'
+
+/**
+ * Guest middleware is used to deny access to routes that should
+ * be accessed by unauthenticated users.
+ *
+ * For example, the login page should not be accessible if the user
+ * is already logged-in
+ */
+export default class GuestMiddleware {
+  /**
+   * The URL to redirect to when user is logged-in
+   */
+  redirectTo = '/'
+
+  async handle(
+    ctx: HttpContext,
+    next: NextFn,
+    options: { guards?: (keyof Authenticators)[] } = {}
+  ) {
+    for (let guard of options.guards || [ctx.auth.defaultGuard]) {
+      if (await ctx.auth.use(guard).check()) {
+        return ctx.response.redirect(this.redirectTo, true)
+      }
+    }
+
+    return next()
+  }
+}

playgrounds/inertia-react/app/models/user.ts

@@ -3,7 +3,6 @@ import hash from '@adonisjs/core/services/hash'
 import { compose } from '@adonisjs/core/helpers'
 import { BaseModel, column } from '@adonisjs/lucid/orm'
 import { withAuthFinder } from '@adonisjs/auth/mixins/lucid'
-import { DbAccessTokensProvider } from '@adonisjs/auth/access_tokens'
 
 const AuthFinder = withAuthFinder(() => hash.use('scrypt'), {
   uids: ['email'],
@@ -28,6 +27,4 @@ export default class User extends compose(BaseModel, AuthFinder) {
 
   @column.dateTime({ autoCreate: true, autoUpdate: true })
   declare updatedAt: DateTime | null
-
-  static accessTokens = DbAccessTokensProvider.forModel(User)
-}
+}

playgrounds/inertia-react/bin/console.ts

@@ -12,7 +12,6 @@
 */
 
 import 'reflect-metadata'
-
 import { Ignitor, prettyPrintError } from '@adonisjs/core'
 
 /**

playgrounds/inertia-react/bin/server.ts

@@ -10,7 +10,6 @@
 */
 
 import 'reflect-metadata'
-
 import { Ignitor, prettyPrintError } from '@adonisjs/core'
 
 /**

playgrounds/inertia-react/bin/test.ts

@@ -10,13 +10,12 @@
 |
 */
 
-import 'reflect-metadata'
+process.env.NODE_ENV = 'test'
 
+import 'reflect-metadata'
 import { Ignitor, prettyPrintError } from '@adonisjs/core'
 import { configure, processCLIArgs, run } from '@japa/runner'
 
-process.env.NODE_ENV = 'test'
-
 /**
  * URL to the application root. AdonisJS need it to resolve
  * paths to file and directories for scaffolding commands
@@ -50,9 +49,10 @@ new Ignitor(APP_ROOT, { importer: IMPORTER })
     configure({
       ...app.rcFile.tests,
       ...config,
-
-      setup: runnerHooks.setup,
-      teardown: runnerHooks.teardown.concat([() => app.terminate()]),
+      ...{
+        setup: runnerHooks.setup,
+        teardown: runnerHooks.teardown.concat([() => app.terminate()]),
+      },
     })
   })
   .run(() => run())

playgrounds/inertia-react/config/app.ts

@@ -1,9 +1,8 @@
+import env from '#start/env'
 import app from '@adonisjs/core/services/app'
 import { Secret } from '@adonisjs/core/helpers'
 import { defineConfig } from '@adonisjs/core/http'
 
-import env from '#start/env'
-
 /**
  * The app key is used for encrypting cookies, generating signed URLs,
  * and by the "encryption" module.

playgrounds/inertia-react/config/auth.ts

@@ -1,14 +1,14 @@
 import { defineConfig } from '@adonisjs/auth'
-import type { InferAuthEvents, Authenticators } from '@adonisjs/auth/types'
-import { tokensGuard, tokensUserProvider } from '@adonisjs/auth/access_tokens'
+import { InferAuthEvents, Authenticators } from '@adonisjs/auth/types'
+import { sessionGuard, sessionUserProvider } from '@adonisjs/auth/session'
 
 const authConfig = defineConfig({
-  default: 'api',
+  default: 'web',
   guards: {
-    api: tokensGuard({
-      provider: tokensUserProvider({
-        tokens: 'accessTokens',
-        model: () => import('#models/user'),
+    web: sessionGuard({
+      useRememberMeTokens: false,
+      provider: sessionUserProvider({
+        model: () => import('#models/user')
       }),
     }),
   },
@@ -25,4 +25,4 @@ declare module '@adonisjs/auth/types' {
 }
 declare module '@adonisjs/core/types' {
   interface EventsList extends InferAuthEvents<Authenticators> {}
-}
+}

playgrounds/inertia-react/config/database.ts

@@ -7,7 +7,7 @@ const dbConfig = defineConfig({
     sqlite: {
       client: 'better-sqlite3',
       connection: {
-        filename: app.tmpPath('db.sqlite3'),
+        filename: app.tmpPath('db.sqlite3')
       },
       useNullAsDefault: true,
       migrations: {
@@ -18,4 +18,4 @@ const dbConfig = defineConfig({
   },
 })
 
-export default dbConfig
+export default dbConfig

playgrounds/inertia-react/config/hash.ts

@@ -5,10 +5,10 @@ const hashConfig = defineConfig({
 
   list: {
     scrypt: drivers.scrypt({
-      cost: 16_384,
+      cost: 16384,
       blockSize: 8,
       parallelization: 1,
-      maxMemory: 33_554_432,
+      maxMemory: 33554432,
     }),
   },
 })

playgrounds/inertia-react/config/inertia.ts

@@ -17,7 +17,7 @@ export default defineConfig({
    * Options for the server-side rendering
    */
   ssr: {
-    enabled: false,
-    entrypoint: 'inertia/app/ssr.tsx',
-  },
-})
+    enabled: true,
+    entrypoint: 'inertia/app/ssr.tsx'
+  }
+})

playgrounds/inertia-react/config/logger.ts

@@ -1,8 +1,7 @@
+import env from '#start/env'
 import app from '@adonisjs/core/services/app'
 import { defineConfig, targets } from '@adonisjs/core/logger'
 
-import env from '#start/env'
-
 const loggerConfig = defineConfig({
   default: 'app',
 

playgrounds/inertia-react/config/session.ts

@@ -1,8 +1,7 @@
+import env from '#start/env'
 import app from '@adonisjs/core/services/app'
 import { defineConfig, stores } from '@adonisjs/session'
 
-import env from '#start/env'
-
 const sessionConfig = defineConfig({
   enabled: true,
   cookieName: 'adonis-session',

playgrounds/inertia-react/config/shield.ts

@@ -16,7 +16,7 @@ const shieldConfig = defineConfig({
    * to learn more
    */
   csrf: {
-    enabled: false,
+    enabled: true,
     exceptRoutes: [],
     enableXsrfCookie: true,
     methods: ['POST', 'PUT', 'PATCH', 'DELETE'],

playgrounds/inertia-react/database/migrations/1715412266076_create_users_table.ts

@@ -0,0 +1,21 @@
+import { BaseSchema } from '@adonisjs/lucid/schema'
+
+export default class extends BaseSchema {
+  protected tableName = 'users'
+
+  async up() {
+    this.schema.createTable(this.tableName, (table) => {
+      table.increments('id').notNullable()
+      table.string('full_name').nullable()
+      table.string('email', 254).notNullable().unique()
+      table.string('password').notNullable()
+
+      table.timestamp('created_at').notNullable()
+      table.timestamp('updated_at').nullable()
+    })
+  }
+
+  async down() {
+    this.schema.dropTable(this.tableName)
+  }
+}