build: switch from Rollup to Vite, update deps

tobyzerner · Aug 4, 2022 · 422f283 · 422f283
1 parent 40d6dec
commit 422f283
Show file tree

Hide file tree

Showing 28 changed files with 2,897 additions and 9,388 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
 node_modules
+dist
diff --git a/.prettierignore b/.prettierignore
@@ -1,4 +1,2 @@
 dist
-package-lock.json
 CHANGELOG.md
-demo/demo.js
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,9 @@ 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]
+### Changed
+- Upgrade to `@floating-ui/dom` 1.0.0.
+- Switch build tool from Rollup to Vite.
 
 ## [0.1.3] - 2022-06-05
 ### Added

diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 **Accessible, lightweight, unstyled implementations of common UI controls.**
 
-[**Demo**](https://tobyzerner.github.io/inclusive-elements/demo/index.html)
+[**Demo**](https://tobyzerner.github.io/inclusive-elements/index.html)
 
 Basic interactive UI patterns like popup menus, tooltips, and modals are surprisingly hard to get right on the web. Component libraries tend to be weighty, opinionated, and come tightly coupled with styles you don't want. On the other hand, rolling your own components feels like you're reinventing the wheel and puts accessibility at risk.
 

diff --git a/demo/demo.js b/demo/demo.js
diff --git a/demo/demo.ts b/demo/demo.ts
diff --git a/demo/rollup.config.js b/demo/rollup.config.js
diff --git a/dist/alerts/alerts.d.ts b/dist/alerts/alerts.d.ts
diff --git a/dist/index.d.ts b/dist/index.d.ts
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/menu/menu.d.ts b/dist/menu/menu.d.ts
diff --git a/dist/modal/modal.d.ts b/dist/modal/modal.d.ts
diff --git a/dist/popup/popup.d.ts b/dist/popup/popup.d.ts
diff --git a/dist/toolbar/toolbar.d.ts b/dist/toolbar/toolbar.d.ts
diff --git a/dist/tooltip/tooltip.d.ts b/dist/tooltip/tooltip.d.ts
diff --git a/demo/index.html → index.html b/demo/index.html → index.html
@@ -291,7 +291,24 @@ <h2 id="your-dialog-title-id">Your dialog title</h2>
       <button>Five</button>
     </ui-toolbar>
 
-    <script src="demo.js"></script>
+    <script type="module">
+      import {
+        PopupElement,
+        TooltipElement,
+        MenuElement,
+        ModalElement,
+        AlertsElement,
+        ToolbarElement,
+      } from 'https://unpkg.com/inclusive-elements';
+      // } from './src/index.ts';
+
+      window.customElements.define('ui-popup', PopupElement);
+      window.customElements.define('ui-tooltip', TooltipElement);
+      window.customElements.define('ui-menu', MenuElement);
+      window.customElements.define('ui-modal', ModalElement);
+      window.customElements.define('ui-alerts', AlertsElement);
+      window.customElements.define('ui-toolbar', ToolbarElement);
+    </script>
 
     <script>
       function createAlert(type, message) {