refactor: use PNPM instead of Yarn & Vite instead of Webpack

.github/workflows/pages.yml

@@ -33,8 +33,8 @@ jobs:
           registry-url: 'https://registry.npmjs.org'
       - name: Build
         run: |
-          yarn install
-          yarn workspace megalodon doc
+          corepack enable && pnpm install
+          pnpm --filter megalodon doc
       - name: Setup Pages
         uses: actions/configure-pages@v3
       - name: Upload artifact

.github/workflows/release.yml

@@ -21,12 +21,12 @@ jobs:
         cp LICENSE.txt ./megalodon/
     - name: Install dependencies
       run: |
-        yarn install
+        corepack enable && pnpm install
     - name: Build
       run: |
-        yarn workspace megalodon run build
+        pnpm --filter megalodon run build
     - name: Publish
       run: |
-        yarn workspace megalodon publish
+        pnpm --filter megalodon publish
       env:
         NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/reviewdog.yml

@@ -21,20 +21,20 @@ jobs:
         registry-url: 'https://registry.npmjs.org'
     - name: Install dependencies
       run: |
-        yarn install
+        corepack enable && pnpm install
     - uses: reviewdog/action-setup@v1
     - name: megalodon eslint
       env:
         REVIEWDOG_GITHUB_API_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       run: |
-        yarn workspace megalodon lint | reviewdog -f=eslint -reporter=github-pr-review -fail-on-error=true
+        pnpm --filter megalodon lint | reviewdog -f=eslint -reporter=github-pr-review -fail-on-error=true
     - name: example/typescript eslint
       env:
         REVIEWDOG_GITHUB_API_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       run: |
-        yarn workspace example lint | reviewdog -f=eslint -reporter=github-pr-review -fail-on-error=true
+        pnpm --filter example lint | reviewdog -f=eslint -reporter=github-pr-review -fail-on-error=true
     - name: example/browser eslint
       env:
         REVIEWDOG_GITHUB_API_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       run: |
-        yarn workspace browser lint | reviewdog -f=eslint -reporter=github-pr-review -fail-on-error=true
+        pnpm --filter browser lint | reviewdog -f=eslint -reporter=github-pr-review -fail-on-error=true

.github/workflows/test.yml

@@ -25,13 +25,13 @@ jobs:
           node-version: ${{ matrix.node-version }}
       - name: Install dependencies
         run: |
-          yarn install
+          corepack enable && pnpm install
       - name: Build
         run: |
-          yarn workspace megalodon run build
+          pnpm -r run build
       - name: Testing
         run: |
-          yarn workspace megalodon run test
+          pnpm --filter megalodon run test
 
   example:
     runs-on: ubuntu-latest
@@ -48,21 +48,20 @@ jobs:
           node-version: ${{ matrix.node-version }}
       - name: Install dependencies
         run: |
-          yarn install
-      - name: Build
+          corepack enable && pnpm install
+      - name: Build library
         run: |
-          yarn workspace megalodon run build
-      - name: Browser example
+          pnpm --filter megalodon run build
+      - name: Build examples
         run: |
-          yarn workspace browser run build
+          pnpm --filter !megalodon run build
       - name: Typescript example
         env:
           MASTODON_URL: https://fedibird.com
           PLEROMA_URL: https://pleroma.io
-          FIREFISH_URL: https://cybre.club
+          FIREFISH_URL: https://fedi.software
           FRIENDICA_URL: https://squeet.me
         run: |
-          yarn workspace example run build
           node example/typescript/dist/mastodon/instance.js
           node example/typescript/dist/pleroma/instance.js
           node example/typescript/dist/firefish/instance.js

example/browser/index.html

@@ -4,7 +4,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Megalodon</title>
-    <script src="./dist/main.js"></script>
+    <script type="module" src="./src/index.ts"></script>
   </head>
   <body>
   </body>

example/browser/package.json

@@ -3,16 +3,19 @@
   "version": "4.0.0",
   "private": true,
   "scripts": {
-    "build": "webpack",
+    "build": "vite build",
     "start": "http-server -p 8000 -s index.html",
-    "lint": "eslint --ext .js,.ts src"
+    "lint": "eslint --ext .js,.ts src",
+    "serve": "vite",
+    "preview": "vite preview"
   },
   "author": "Akira Fukushima <[email protected]> (https://github.com/h3poteto)",
   "license": "MIT",
   "dependencies": {
     "megalodon": "*"
   },
   "devDependencies": {
+    "@originjs/vite-plugin-commonjs": "^1.0.1",
     "assert": "^2.1.0",
     "buffer": "^6.0.3",
     "crypto-browserify": "^3.12.0",
@@ -27,7 +30,8 @@
     "ts-loader": "^9.4.4",
     "typescript": "5.2.2",
     "url": "^0.11.3",
-    "webpack": "^5.88.2",
-    "webpack-cli": "^5.1.4"
+    "vite": "^2.7.2",
+    "vite-plugin-env-compatible": "^1.1.1",
+    "vite-plugin-html": "3.2.0"
   }
-}
+}

example/browser/src/index.ts

@@ -1,4 +1,6 @@
-import generator, { Entity } from 'megalodon'
+import { Entity } from 'megalodon'
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const generator = require('megalodon').default
 
 const BASE_URL: string = process.env.MASTODON_URL!
 const ACCESS_TOKEN: string = process.env.MASTODON_ACCESS_TOKEN!

example/browser/vite.config.js

@@ -0,0 +1,38 @@
+import { defineConfig } from 'vite'
+import path from 'path'
+import envCompatible from 'vite-plugin-env-compatible'
+import { createHtmlPlugin } from 'vite-plugin-html'
+import { viteCommonjs } from '@originjs/vite-plugin-commonjs'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  resolve: {
+    alias: [
+      {
+        find: /^~/,
+        replacement: ''
+      },
+      {
+        find: '@',
+        replacement: path.resolve(__dirname, 'src')
+      }
+    ],
+    extensions: ['.mjs', '.js', '.ts']
+  },
+  plugins: [
+    viteCommonjs(),
+    envCompatible(),
+    createHtmlPlugin({
+      inject: {
+        data: {
+          title: 'browser'
+        }
+      }
+    })
+  ],
+  optimizeDeps: {
+    // https-proxy-agent and socks-proxy-agent is node library, so can't compile for browser.
+    exclude: ['https-proxy-agent', 'socks-proxy-agent']
+  },
+  build: {}
+})

package.json

@@ -1,8 +1,4 @@
 {
   "private": true,
-  "workspaces": [
-    "megalodon",
-    "example/typescript",
-    "example/browser"
-  ]
+  "packageManager": "[email protected]"
 }