Use vite instead of parcel

Seems like recent parcel's CSS bundler does something wrong around pseudo class
kateinoigakukun · Jun 16, 2024 · 928bd9b · 928bd9b · github-actions · Jun 16, 2024
1 parent 45b75b3
commit 928bd9b
Show file tree

Hide file tree

Showing 15 changed files with 369 additions and 3,546 deletions.
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -46,7 +46,7 @@ jobs:
       - name: Bundle web resources
         run: |
           npm install
-          npx parcel build src/index.html
+          npx vite build
       - uses: actions/upload-artifact@v2
         with:
           name: dist

diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,4 @@
 /node_modules
-/.parcel-cache
 /dist
 /rubies
 /build

diff --git a/.parcelrc b/.parcelrc
diff --git a/README.md b/README.md
@@ -12,7 +12,7 @@ https://user-images.githubusercontent.com/8454208/204725289-fefe41e3-476b-4618-a
 ```console
 $ rake static/irb.wasm   # You can omit the argument as default task makes static/irb.wasm
 $ npm install
-$ rake parcel
+$ npx vite
 ```
 
 ### Clean build

diff --git a/Rakefile b/Rakefile
@@ -11,8 +11,3 @@ desc "Clean build artifacts"
 task :clean do
   rm_f "static/irb.wasm"
 end
-
-desc "Start local parcel server"
-task :parcel do
-  sh "npx parcel ./src/index.html"
-end
diff --git a/ci/vercel-build.sh b/ci/vercel-build.sh
@@ -9,4 +9,4 @@ yum groupinstall "Development Tools" -y
 yum install ruby bison make autoconf git curl libyaml-devel zlib-devel -y
 
 rake static/irb.wasm
-npx parcel build ./src/index.html
+npx vite build
diff --git a/src/index.html → index.html b/src/index.html → index.html
@@ -18,11 +18,11 @@
     rel="icon"
     href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💎</text></svg>"
   />
-  <link rel="stylesheet" href="./index.css" />
+  <link rel="stylesheet" href="./src/index.css" />
 </head>
 <html>
   <body>
     <div id="terminal"></div>
-    <script type="module" src="./index.ts"></script>
+    <script type="module" src="./src/index.ts"></script>
   </body>
 </html>