kytta · kytta · Feb 5, 2024 · Feb 5, 2024 · Feb 5, 2024 · Feb 5, 2024
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
@@ -28,7 +28,7 @@ jobs:
       - name: Install dependencies
         run: pnpm install --ignore-scripts
       - name: Build
-        run: pnpm run build
+        run: script/build
       - name: Publish to NPM (with provenance)
         run: pnpm publish --no-git-checks --access public --tag ${{ github.event.release.prerelease && 'next' || 'latest' }}
         env:

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -30,4 +30,4 @@ jobs:
       # - name: Lint
       #   run: pnpm run lint
       - name: Build
-        run: pnpm run build
+        run: script/build
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
-dev/
+/dev/*
+!/dev/index.html
 dist/
 .idea/
 node_modules/

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,20 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+
+### 🔥 BREAKING CHANGES
+
+- [#109](https://github.com/kytta/shareon/pull/109)
+  new exported files
+  - UMD version was removed and replaced with a CommonJS version. Use `shareon.cjs`
+  - ESM version was renamed. Instead of `shareon.es.js`, use `shareon.mjs`.
+
+### Behind-the-scenes
+
+- [#109](https://github.com/kytta/shareon/pull/109)
+  Use esbuild without using Vite
+
 ## [2.5.0] - 2024-02-04
 
 ### Added

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -97,7 +97,7 @@ In `src/shareon.css`, add two lines for the icon: one for the colour and one for
 Open `index.html` in the repository root and add the icon to the list of all buttons. Then, launch the dev server:
 
 ```sh
-pnpm dev --open
+pnpm dev
 ```
 
 The final button should:

diff --git a/index.html → dev/index.html b/index.html → dev/index.html
@@ -21,6 +21,7 @@
         font-weight: 600;
       }
     </style>
+    <link rel="stylesheet" href="shareon.css" />
   </head>
 
   <body>
@@ -134,7 +135,10 @@ <h2>Specimen</h2>
     </main>
 
     <script type="module">
-      import { init } from "./src/shareon.js";
+      new EventSource("/esbuild")
+        .addEventListener("change", () => location.reload())
+
+      import { init } from "./shareon.js";
       init();
     </script>
   </body>

diff --git a/package.json b/package.json
@@ -42,8 +42,8 @@
     "dist"
   ],
   "scripts": {
-    "build": "vite build",
-    "dev": "vite",
+    "build": "node script/build",
+    "dev": "node script/dev",
     "lint": "prettier --check . && eslint .",
     "size": "size-limit",
     "test": "pnpm run lint && pnpm run build && pnpm run size",
@@ -54,19 +54,16 @@
   },
   "devDependencies": {
     "@size-limit/preset-small-lib": "^11.0.2",
-    "autoprefixer": "^10.4.17",
     "clean-publish": "^4.2.0",
+    "esbuild": "^0.20.0",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-unicorn": "^50.0.1",
     "postcss": "^8.4.34",
     "postcss-calc": "^9.0.1",
     "postcss-css-variables": "^0.19.0",
-    "postcss-csso": "^6.0.1",
-    "postcss-url": "^10.1.3",
     "prettier": "^3.2.5",
-    "size-limit": "^11.0.2",
-    "vite": "^5.0.12"
+    "size-limit": "^11.0.2"
   },
   "prettier": {
     "embeddedLanguageFormatting": "off"
@@ -98,12 +95,6 @@
   },
   "postcss": {
     "plugins": {
-      "postcss-url": {
-        "url": "inline",
-        "optimizeSvgEncode": true
-      },
-      "postcss-css-variables": {},
-      "postcss-calc": {},
       "autoprefixer": {},
       "postcss-csso": {}
     }
@@ -116,7 +107,7 @@
     },
     {
       "limit": "1 KiB",
-      "path": "./dist/shareon.es.js",
+      "path": "./dist/shareon.mjs",
       "brotli": true
     }
   ],