Build with vite to maintain cjs compatability

bkeepers · bkeepers · commit 5fddaeac47f3 · 2025-12-13T07:50:10.000-05:00
diff --git a/examples/browser/index.html b/examples/browser/index.html
diff --git a/index.html b/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Tide Predictor in the browser</title>
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
+</head>
+
+<body>
+  <div class="container">
+    <h1>High/low tides for Monterey, CA</h1>
+    <table class="table">
+      <thead>
+        <tr>
+          <th>Time</th>
+          <th>High/Low</th>
+          <th>Level (meters)</th>
+        </tr>
+      <tbody id="tides"></tbody>
+      </thead>
+    </table>
+  </div>
+
+  <script type="module">
+    import tidePredictor from './src/index.js'
+
+    (() => {
+      fetch('https://api.tidesandcurrents.noaa.gov/mdapi/prod/webapi/stations/9413450/harcon.json?units=metric')
+        .then(response => {
+          return response.json()
+        })
+        .then(harmonics => {
+          const start = new Date()
+          const end = new Date(start.getTime() + (10 * 24 * 60 * 60 * 1000))
+
+          const highLow = tidePredictor(harmonics.HarmonicConstituents).getExtremesPrediction({ start, end })
+
+          highLow.forEach(level => {
+            const tableRow = document.createElement('tr')
+            tableRow.innerHTML = `
+              <td>${level
+                .time}</td>
+              <td>${level
+                .label}</td>
+              <td>${level
+                .level}</td>
+            `
+            document
+              .getElementById('tides')
+              .appendChild(tableRow)
+          })
+        })
+    })()
+  </script>
+</body>
+
+</html>
diff --git a/package.json b/package.json
@@ -6,10 +6,12 @@
   "author": "Kevin Miller <keveemiller@gmail.com>",
   "license": "MIT",
   "type": "module",
+  "main": "dist/index.umd.cjs",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.umd.cjs"
     }
   },
   "files": [
@@ -25,11 +27,14 @@
     "mocha": "^10.0.0",
     "npm-run-all": "^4.1.5",
     "tsx": "^4.7.0",
-    "typescript": "^5.3.3"
+    "typescript": "^5.3.3",
+    "vite": "^7.2.7",
+    "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {
-    "build": "tsc",
-    "test": "mocha --require tsx --extension ts --extension js --recursive",
+    "dev": "vite",
+    "build": "vite build",
+    "test": "tsc && mocha --require tsx --extension ts --extension js --recursive",
     "lint": "eslint ./src --ext .ts,.tsx,.js",
     "coverage": "c8 --reporter=lcov mocha --require tsx --extension ts --extension js --recursive",
     "ci": "run-s lint build coverage",
diff --git a/tsconfig.json b/tsconfig.json
@@ -6,17 +6,13 @@
     "moduleResolution": "bundler",
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
-    "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true,
-    "outDir": "./dist",
     "rootDir": "./src",
     "strict": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
     "allowImportingTsExtensions": false,
-    "noEmit": false
+    "noEmit": true
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "dist", "test"]
diff --git a/vite.config.js b/vite.config.js
@@ -0,0 +1,18 @@
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      name: 'TidePredictor',
+      fileName: 'index'
+    },
+    sourcemap: true
+  },
+  plugins: [dts({ rollupTypes: true })]
+})
