Remove dynamic import from browser bundle

.changeset/serious-teachers-grin.md

@@ -0,0 +1,5 @@
+---
+"@code-hike/lighter": patch
+---
+
+Remove dynamic import from browser bundle

.github/workflows/release.yml

@@ -15,10 +15,10 @@ jobs:
       - name: Checkout Repo
         uses: actions/checkout@v3
 
-      - name: Setup Node.js 16.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v3
         with:
-          node-version: 16.x
+          node-version: 18.x
 
       - name: Install Dependencies
         run: yarn

lib/dist/browser.esm.mjs

@@ -7,33 +7,8 @@ async function readJSON(folder, filename) {
 // /grammars/${name}.json
 // /themes/${name}.json
 async function fetchJSON(endpoint) {
-    if (typeof fetch === "function") {
-        // console.log(`using fetch`, `https://lighter.codehike.org/${endpoint}.json`);
-        const r = await fetch(`https://lighter.codehike.org/${endpoint}.json`);
-        return await r.json();
-    }
-    // console.log(`using https`, `https://lighter.codehike.org/${endpoint}.json`);
-    const https = await import('https');
-    const options = {
-        host: "lighter.codehike.org",
-        path: `/${endpoint}.json`,
-        method: "GET",
-    };
-    return new Promise((resolve, reject) => {
-        const req = https.request(options, (res) => {
-            let data = "";
-            res.on("data", (chunk) => {
-                data += chunk;
-            });
-            res.on("end", () => {
-                resolve(JSON.parse(data));
-            });
-        });
-        req.on("error", (error) => {
-            reject(error);
-        });
-        req.end();
-    });
+    const r = await fetch(`https://lighter.codehike.org/${endpoint}.json`);
+    return await r.json();
 }
 
 // from https://stackoverflow.com/a/53936623/1325646

lib/rollup.config.js

@@ -32,7 +32,12 @@ export default [
     input: "src/index.ts",
     output: [{ file: "dist/browser.esm.mjs", format: "esm" }],
     plugins: [
-      replace({ "file-system": "file-system.fake", preventAssignment: false }),
+      replace({
+        "./file-system": "./file-system.browser",
+        "./network": "./network.browser",
+        delimiters: ["", "\\b"],
+        preventAssignment: false,
+      }),
       ...plugins,
     ],
   },

lib/src/network.browser.ts

@@ -0,0 +1,10 @@
+// this will be replaced at build time with the version from package json
+const LIGHTER_VERSION = "__LIGHTER_VERSION__";
+
+// endpoints:
+// /grammars/${name}.json
+// /themes/${name}.json
+export async function fetchJSON(endpoint: string) {
+  const r = await fetch(`https://lighter.codehike.org/${endpoint}.json`);
+  return await r.json();
+}