chore: formatting, switch bundling to tsup(rollup), formatting, ship …

.eslintignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+package-lock.json
+pnpm-lock.yaml
+yarn.lock

.eslintrc.cjs

@@ -0,0 +1,31 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+    es6: true,
+  },
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+  rules: {
+    'no-trailing-spaces': 'error',
+    quotes: [
+      'error',
+      'single',
+      {
+        avoidEscape: true,
+        allowTemplateLiterals: true,
+      },
+    ],
+  },
+  overrides: [
+    {
+      // enable the rule specifically for TypeScript files
+      files: ['*.ts', '*.mts'],
+      rules: {
+        '@typescript-eslint/explicit-function-return-type': 'off',
+        '@typescript-eslint/indent': 'off',
+      },
+    },
+  ],
+}

.gitattributes

@@ -1,4 +1,4 @@
-* text=auto
+* text=auto eol=lf
 
 /.github export-ignore
 /tests export-ignore

.github/ISSUE_TEMPLATE/1_Bug_report.md

@@ -1,5 +1,5 @@
 ---
-name: "Bug report"
+name: 'Bug report'
 about: "Report something that's broken. Please ensure your version is still supported: https://laravel.com/docs/releases#support-policy"
 ---
 
@@ -16,5 +16,4 @@ about: "Report something that's broken. Please ensure your version is still supp
 
 ### Description:
 
-
 ### Steps To Reproduce:

.github/ISSUE_TEMPLATE/2_Feature_request.md

@@ -1,4 +1,4 @@
 ---
-name: "Feature request"
+name: 'Feature request'
 about: 'For ideas or feature requests, please make a pull request or open an issue'
 ---

.github/workflows/codeql-analysis.yml

@@ -13,10 +13,10 @@ name: codeql
 
 on:
   push:
-    branches: [ master ]
+    branches: [master]
   pull_request:
     # The branches below must be a subset of the branches above
-    branches: [ master ]
+    branches: [master]
   schedule:
     - cron: '44 23 * * 1'
 
@@ -28,40 +28,40 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        language: [ 'javascript' ]
+        language: ['javascript']
         # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
         # Learn more:
         # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
 
     steps:
-    - name: Checkout repository
-      uses: actions/checkout@v3
+      - name: Checkout repository
+        uses: actions/checkout@v3
 
-    # Initializes the CodeQL tools for scanning.
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v2
-      with:
-        languages: ${{ matrix.language }}
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file.
-        # Prefix the list here with "+" to use these queries and those in the config file.
-        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+      # Initializes the CodeQL tools for scanning.
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v2
+        with:
+          languages: ${{ matrix.language }}
+          # If you wish to specify custom queries, you can do so here or in a config file.
+          # By default, queries listed here will override any specified in a config file.
+          # Prefix the list here with "+" to use these queries and those in the config file.
+          # queries: ./path/to/local/query, your-org/your-repo/queries@main
 
-    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
-    # If this step fails, then you should remove it and run the build manually (see below)
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v2
+      # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+      # If this step fails, then you should remove it and run the build manually (see below)
+      - name: Autobuild
+        uses: github/codeql-action/autobuild@v2
 
-    # ℹ️ Command-line programs to run using the OS shell.
-    # 📚 https://git.io/JvXDl
+      # ℹ️ Command-line programs to run using the OS shell.
+      # 📚 https://git.io/JvXDl
 
-    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
-    #    and modify them (or add more) to build your code if your project
-    #    uses a compiled language
+      # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+      #    and modify them (or add more) to build your code if your project
+      #    uses a compiled language
 
-    #- run: |
-    #   make bootstrap
-    #   make release
+      #- run: |
+      #   make bootstrap
+      #   make release
 
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v2
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v2

.gitignore

@@ -3,3 +3,6 @@
 /inertia-helpers/
 /npm-debug.log
 /package-lock.json
+.eslintcache
+/pnpm-lock.yaml
+/yarn.lock

.prettierignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+src/dev-server-index.html

.prettierrc.cjs

@@ -0,0 +1,22 @@
+module.exports = {
+  semi: false,
+  trailingComma: 'all',
+  singleQuote: true,
+  tabWidth: 2,
+  printWidth: 120,
+  overrides: [
+    {
+      files: ['*.yml'],
+      options: {
+        singleQuote: true,
+      },
+    },
+    {
+      files: ['*.json'],
+      options: {
+        singleQuote: false,
+        quoteProps: 'preserve',
+      },
+    },
+  ],
+}

UPGRADE.md

@@ -36,28 +36,25 @@ npm install --save-dev @vitejs/plugin-react
 Create a `vite.config.js` file in the root of your project:
 
 ```js
-import { defineConfig } from 'vite';
-import laravel from 'laravel-vite-plugin';
+import { defineConfig } from 'vite'
+import laravel from 'laravel-vite-plugin'
 // import react from '@vitejs/plugin-react';
 // import vue from '@vitejs/plugin-vue';
 
 export default defineConfig({
-    plugins: [
-        laravel([
-            'resources/css/app.css',
-            'resources/js/app.js',
-        ]),
-        // react(),
-        // vue({
-        //     template: {
-        //         transformAssetUrls: {
-        //             base: null,
-        //             includeAbsolute: false,
-        //         },
-        //     },
-        // }),
-    ],
-});
+  plugins: [
+    laravel(['resources/css/app.css', 'resources/js/app.js']),
+    // react(),
+    // vue({
+    //     template: {
+    //         transformAssetUrls: {
+    //             base: null,
+    //             includeAbsolute: false,
+    //         },
+    //     },
+    // }),
+  ],
+})
 ```
 
 If you are building an SPA, you will get a better developer experience by removing the CSS entry point above and [importing your CSS from Javascript](#importing-your-css-from-your-javascript-entry-points).
@@ -68,18 +65,13 @@ If you are migrating aliases from your `webpack.mix.js` file to your `vite.confi
 
 ```js
 export default defineConfig({
-    plugins: [
-        laravel([
-            'resources/css/app.css',
-            'resources/js/app.js',
-        ]),
-    ],
-    resolve: {
-        alias: {
-            '@': '/resources/js'
-        }
-    }
-});
+  plugins: [laravel(['resources/css/app.css', 'resources/js/app.js'])],
+  resolve: {
+    alias: {
+      '@': '/resources/js',
+    },
+  },
+})
 ```
 
 For your convenience, the Laravel Vite plugin automatically adds an `@` alias for your `/resources/js` directory. If you do not need to customize your aliases, you may omit this section from your `vite.config.js` file.
@@ -184,11 +176,10 @@ The entry points should match those used in your `vite.config.js`.
 
 #### React
 
-If you are using React and hot-module replacement, you will need to include an additional directive *before* the `@vite` directive:
+If you are using React and hot-module replacement, you will need to include an additional directive _before_ the `@vite` directive:
 
 ```html
-@viteReactRefresh
-@vite('resources/js/app.jsx')
+@viteReactRefresh @vite('resources/js/app.jsx')
 ```
 
 This loads a React "refresh runtime" in development mode only, which is required for hot module replacement to work correctly.
@@ -248,7 +239,6 @@ Next, if you are using the Vapor asset helper in your application, you only need
 
 If you want to use the asset helper with your Vite project, you will also need to ensure you have updated to the latest version:
 
-
 ```sh
 npm install laravel-vapor@latest
 ```
@@ -303,17 +293,17 @@ rm webpack.ssr.mix.js
 In most cases, you won't need a dedicated SSR configuration file when using Vite. You can specify your SSR entry point by passing a configuration option to the Laravel plugin:
 
 ```js
-import { defineConfig } from 'vite';
-import laravel from 'laravel-vite-plugin';
+import { defineConfig } from 'vite'
+import laravel from 'laravel-vite-plugin'
 
 export default defineConfig({
-    plugins: [
-        laravel({
-            input: 'resources/js/app.js',
-            ssr: 'resources/js/ssr.js',
-        }),
-    ],
-});
+  plugins: [
+    laravel({
+      input: 'resources/js/app.js',
+      ssr: 'resources/js/ssr.js',
+    }),
+  ],
+})
 ```
 
 You may wish to add the following additional scripts to your `package.json`: