migrate from tsc and webpack to vite

nygardk · Nov 18, 2023 · d4c192a · d4c192a
1 parent 471510a
commit d4c192a
Show file tree

Hide file tree

Showing 13 changed files with 1,695 additions and 3,658 deletions.
diff --git a/.changeset/fair-walls-shake.md b/.changeset/fair-walls-shake.md
@@ -0,0 +1,5 @@
+---
+"react-share": major
+---
+
+Compilation target is now ES2017 instead of ES5. The distributed files are built with Vite instead of TypeScript compiler.
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,4 @@
 .DS_Store
 node_modules/
-lib/
-es/
+dist/
 *.log
diff --git a/demo/Root.tsx b/demo/Root.tsx
diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>react-share demo | Social media share buttons and share counts for React.</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/index.tsx"></script>
+  </body>
+</html>
diff --git a/demo/index.tsx b/demo/index.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Root from './Root';
+import Demo from './Demo';
+import './Demo.css';
 
-const rootElement = document.createElement('div');
-
-if (!document.querySelector('div')) {
-  document.body.appendChild(rootElement);
-}
-
-ReactDOM.render(<Root />, rootElement);
+ReactDOM.render(
+  <React.StrictMode>
+    <Demo />
+  </React.StrictMode>,
+  document.getElementById('root'),
+);