@adonisjs/vite 0.0.1-0

package/build/src/vite_plugin/utils.d.ts

@@ -0,0 +1,5 @@
+import { AddressInfo } from 'node:net';
+import { ResolvedConfig } from 'vite';
+export declare const resolveDevServerUrl: (address: AddressInfo, config: ResolvedConfig) => string;
+export declare const addTrailingSlash: (url: string) => string;
+//# sourceMappingURL=utils.d.ts.map

package/build/src/vite_plugin/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/vite_plugin/utils.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,MAAM,CAAA;AAKrC,eAAO,MAAM,mBAAmB,YAAa,WAAW,UAAU,cAAc,WAiB/E,CAAA;AAKD,eAAO,MAAM,gBAAgB,QAAS,MAAM,WAE3C,CAAA"}

package/build/src/vite_plugin/utils.js

@@ -0,0 +1,16 @@
+export const resolveDevServerUrl = (address, config) => {
+    const configHmrProtocol = typeof config.server.hmr === 'object' ? config.server.hmr.protocol : null;
+    const clientProtocol = configHmrProtocol ? (configHmrProtocol === 'wss' ? 'https' : 'http') : null;
+    const serverProtocol = config.server.https ? 'https' : 'http';
+    const protocol = clientProtocol ?? serverProtocol;
+    const configHmrHost = typeof config.server.hmr === 'object' ? config.server.hmr.host : null;
+    const configHost = typeof config.server.host === 'string' ? config.server.host : null;
+    let host = configHmrHost ?? configHost ?? address.address;
+    if (host === '::1') {
+        host = 'localhost';
+    }
+    return `${protocol}://${host}:${address.port}`;
+};
+export const addTrailingSlash = (url) => {
+    return url.endsWith('/') ? url : url + '/';
+};

package/build/stubs/index.d.ts

@@ -0,0 +1,2 @@
+export declare const stubsRoot: string;
+//# sourceMappingURL=index.d.ts.map

package/build/stubs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../stubs/index.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS,QAA2B,CAAA"}

package/build/stubs/index.js

@@ -0,0 +1,2 @@
+import { dirname } from 'desm';
+export const stubsRoot = dirname(import.meta.url);

package/build/stubs/vite/vite_config.stub

@@ -0,0 +1,14 @@
+---
+to: {{ destination }}
+---
+
+import { defineConfig } from 'vite'
+import Adonis from '@adonisjs/vite/plugin'
+
+export default defineConfig({
+  plugins: [
+    Adonis({
+      entrypoints: ['resources/js/vue.js'],
+    }),
+  ],
+})

package/configure.ts

@@ -0,0 +1,30 @@
+/*
+ * @adonisjs/vite
+ *
+ * (c) AdonisJS
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import { join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import type Configure from '@adonisjs/core/commands/configure'
+
+/**
+ * Configures the package
+ */
+export async function configure(command: Configure) {
+  const stubDestination = join(fileURLToPath(command.app.appRoot), 'vite.config.js')
+
+  await command.publishStub('vite/vite_config.stub', {
+    destination: stubDestination,
+  })
+
+  await command.updateRcFile((rcFile) => {
+    rcFile.addProvider('@adonisjs/vite/providers/vite_provider')
+  })
+
+  const packagesToInstall = [{ name: 'vite', isDevDependency: true }]
+  command.listPackagesToInstall(packagesToInstall)
+}

package/index.ts

@@ -0,0 +1,15 @@
+/*
+ * @adonisjs/vite
+ *
+ * (c) AdonisJS
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import './src/backend/types/extended.js'
+
+export { configure } from './configure.js'
+export { stubsRoot } from './stubs/index.js'
+
+export { Vite } from './src/backend/vite.js'

package/package.json

@@ -0,0 +1,147 @@
+{
+  "name": "@adonisjs/vite",
+  "version": "0.0.1-0",
+  "description": "Vite plugin for Adonis.js",
+  "type": "module",
+  "main": "build/index.js",
+  "files": [
+    "index.ts",
+    "configure.ts",
+    "src",
+    "services",
+    "providers",
+    "build/stubs",
+    "build/configure.js",
+    "build/configure.d.ts",
+    "build/configure.d.ts.map",
+    "build/index.js",
+    "build/index.d.ts",
+    "build/index.d.ts.map",
+    "build/src",
+    "build/services",
+    "build/providers"
+  ],
+  "exports": {
+    ".": "./build/index.js",
+    "./services/main": "./build/services/vite.js",
+    "./providers/vite_provider": "./build/providers/vite_provider.js",
+    "./plugin": "./build/src/vite_plugin/index.js",
+    "./types": "./build/src/backend/types.js",
+    "./types/extended": "./build/src/backend/types/extended.js"
+  },
+  "scripts": {
+    "clean": "del-cli build",
+    "copy:templates": "copyfiles \"stubs/**/*.stub\" build",
+    "typecheck": "tsc --no-emit",
+    "lint": "eslint . --ext=.ts",
+    "format": "prettier --write .",
+    "quick:test": "node --loader=ts-node/esm bin/test.ts",
+    "pretest": "npm run lint",
+    "test": "c8 npm run quick:test",
+    "compile": "npm run lint && npm run clean && tsc && npm run copy:templates",
+    "build": "npm run compile",
+    "postbuild": "npm run copy:templates",
+    "release": "np",
+    "version": "npm run build",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "vite",
+    "adonisjs"
+  ],
+  "author": "Julien Ripouteau <julien@ripouteau.com>",
+  "license": "MIT",
+  "dependencies": {
+    "defu": "^6.1.2",
+    "edge-error": "^3.0.0",
+    "vite-plugin-restart": "^0.3.1"
+  },
+  "devDependencies": {
+    "@adonisjs/core": "^6.1.5-4",
+    "@adonisjs/view": "7.0.0-0",
+    "@commitlint/cli": "^17.6.1",
+    "@commitlint/config-conventional": "^17.6.1",
+    "@japa/assert": "^1.4.1",
+    "@japa/expect-type": "^1.0.3",
+    "@japa/file-system": "^1.0.1",
+    "@japa/run-failed-tests": "^1.1.1",
+    "@japa/runner": "^2.5.1",
+    "@japa/spec-reporter": "^1.3.3",
+    "@poppinss/dev-utils": "^2.0.3",
+    "@swc/core": "^1.3.53",
+    "@types/node": "^18.16.0",
+    "c8": "^7.13.0",
+    "copyfiles": "^2.4.1",
+    "del-cli": "^5.0.0",
+    "desm": "^1.3.0",
+    "eslint": "^8.39.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-adonis": "^3.0.3",
+    "eslint-plugin-prettier": "^4.2.1",
+    "husky": "^8.0.3",
+    "np": "^7.7.0",
+    "prettier": "^2.8.8",
+    "rollup": "^3.21.0",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.0.4",
+    "vite": "^4.3.1"
+  },
+  "peerDependencies": {
+    "@adonisjs/core": "^6.1.1-0",
+    "@adonisjs/view": "7.0.0-0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:adonis/typescriptPackage",
+      "prettier"
+    ],
+    "plugins": [
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "error",
+        {
+          "endOfLine": "auto"
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "build"
+  ],
+  "prettier": {
+    "trailingComma": "es5",
+    "semi": false,
+    "singleQuote": true,
+    "useTabs": false,
+    "quoteProps": "consistent",
+    "bracketSpacing": true,
+    "arrowParens": "always",
+    "printWidth": 100
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "publishConfig": {
+    "access": "public",
+    "tag": "next"
+  },
+  "np": {
+    "message": "chore(release): %s",
+    "tag": "next",
+    "branch": "main",
+    "anyBranch": false
+  },
+  "c8": {
+    "reporter": [
+      "text",
+      "html"
+    ],
+    "exclude": [
+      "tests/**"
+    ]
+  }
+}

package/providers/vite_provider.ts

@@ -0,0 +1,89 @@
+/*
+ * @adonisjs/vite
+ *
+ * (c) AdonisJS
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import '@adonisjs/view'
+import { ApplicationService } from '@adonisjs/core/types'
+import { ViewContract } from '@adonisjs/view/types'
+import { Vite } from '../src/backend/vite.js'
+import { EdgeError } from 'edge-error'
+
+export default class ViteServiceProvider {
+  constructor(protected app: ApplicationService) {}
+
+  /**
+   * Inject the script needed for Vite HMR
+   */
+  #registerViteTag(view: ViewContract) {
+    view.registerTag({
+      tagName: 'vite',
+      seekable: true,
+      block: false,
+      compile(parser, buffer, token) {
+        /**
+         * Ensure an argument is defined
+         */
+        if (!token.properties.jsArg.trim()) {
+          throw new EdgeError('Missing entrypoint name', 'E_RUNTIME_EXCEPTION', {
+            filename: token.filename,
+            line: token.loc.start.line,
+            col: token.loc.start.col,
+          })
+        }
+
+        const parsed = parser.utils.transformAst(
+          parser.utils.generateAST(token.properties.jsArg, token.loc, token.filename),
+          token.filename,
+          parser
+        )
+
+        const entrypoints = parser.utils.stringify(parsed)
+
+        buffer.outputExpression(
+          `state.vite.generateEntryPointsTags(${entrypoints})`,
+          token.filename,
+          token.loc.start.line,
+          false
+        )
+      },
+    })
+  }
+
+  /**
+   * Inject a script needed for the HMR working with React
+   */
+  #registerViteReactTag(view: ViewContract) {
+    view.registerTag({
+      tagName: 'viteReactRefresh',
+      seekable: true,
+      block: false,
+      compile(_parser, buffer, token) {
+        buffer.outputExpression(
+          `state.vite.getReactHmrScript()`,
+          token.filename,
+          token.loc.start.line,
+          false
+        )
+      },
+    })
+  }
+
+  register() {
+    this.app.container.singleton('vite', async () => new Vite(this.app))
+  }
+
+  async boot() {
+    const view = await this.app.container.make('view')
+    const vite = await this.app.container.make('vite')
+
+    view.global('vite', vite)
+
+    this.#registerViteTag(view)
+    this.#registerViteReactTag(view)
+  }
+}

package/services/vite.ts

@@ -0,0 +1,23 @@
+/*
+ * @adonisjs/vite
+ *
+ * (c) AdonisJS
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import app from '@adonisjs/core/services/app'
+import { Vite } from '../index.js'
+
+let vite: Vite
+
+/**
+ * Returns a singleton instance of Vite class
+ * from the container
+ */
+await app.booted(async () => {
+  vite = await app.container.make('vite')
+})
+
+export { vite as default }

package/src/backend/types/extended.ts

@@ -0,0 +1,19 @@
+/*
+ * @adonisjs/vite
+ *
+ * (c) AdonisJS
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import { Vite } from '../vite.js'
+
+/**
+ * Extend the container bindings
+ */
+declare module '@adonisjs/core/types' {
+  interface ContainerBindings {
+    vite: Vite
+  }
+}

package/src/backend/types/main.ts

@@ -0,0 +1,31 @@
+/*
+ * @adonisjs/vite
+ *
+ * (c) AdonisJS
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+/**
+ * Content of the hotfile
+ */
+export type HotFile = {
+  url: string
+}
+
+/**
+ * Parameters passed to the setAttributes callback
+ */
+export type SetAttributesCallbackParams = {
+  src: string
+  url: string
+}
+
+/**
+ * Attributes to be set on the script/style tags.
+ * Can be either a record or a callback that returns a record.
+ */
+export type SetAttributes =
+  | Record<string, string | boolean>
+  | ((params: SetAttributesCallbackParams) => Record<string, string | boolean>)

package/src/backend/utils.ts

@@ -0,0 +1,19 @@
+/*
+ * @adonisjs/vite
+ *
+ * (c) AdonisJS
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+/**
+ * Returns a new array with unique items by the given key
+ */
+export function uniqBy<T>(array: T[], key: keyof T): T[] {
+  const seen = new Set()
+  return array.filter((item) => {
+    const k = item[key]
+    return seen.has(k) ? false : seen.add(k)
+  })
+}