cherry.computer / website
My personal site cherry.computer
htmx tailwind axum askama
fork atom

build: output module instead of iife

This allows us to actually use top-level await if we want, and
modernises the output too I guess. Not sure if this is really necessary,
I mostly did it as part of silencing some ESLint errors that were
ultimately resolved differently anyway.

cherry.computer 3f4bae54 0691a6a3

verified
+4 -3
unified split
+1 -1
frontend/esbuild.js
··· 1 // @ts-check 2 - /* eslint-env node */ 3 import browserslist from "browserslist"; 4 import esbuild from "esbuild"; 5 import { esbuildPluginBrowserslist } from "esbuild-plugin-browserslist"; ··· 11 const baseOptions = { 12 entryPoints: ["src/ts/main.ts"], 13 bundle: true, 14 logLevel: "info", 15 plugins: [ 16 esbuildPluginBrowserslist(browserslist(), { printUnknownTargets: false }),
··· 1 // @ts-check 2 import browserslist from "browserslist"; 3 import esbuild from "esbuild"; 4 import { esbuildPluginBrowserslist } from "esbuild-plugin-browserslist"; ··· 10 const baseOptions = { 11 entryPoints: ["src/ts/main.ts"], 12 bundle: true, 13 + format: "esm", 14 logLevel: "info", 15 plugins: [ 16 esbuildPluginBrowserslist(browserslist(), { printUnknownTargets: false }),
+1 -1
frontend/index.html
··· 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <link rel="stylesheet" href="build/app.css" /> 7 <link rel="me" href="https://hachyderm.io/@cherry" /> 8 - <script defer src="build/app.js"></script> 9 </head> 10 <body> 11 <div class="header-container">
··· 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <link rel="stylesheet" href="build/app.css" /> 7 <link rel="me" href="https://hachyderm.io/@cherry" /> 8 + <script defer src="build/app.js" type="module"></script> 9 </head> 10 <body> 11 <div class="header-container">
+2 -1
frontend/tsconfig.json
··· 2 "compilerOptions": { 3 "noEmit": true, 4 "strict": true, 5 - "esModuleInterop": true 6 }, 7 "include": ["src/ts/**/*.ts"] 8 }
··· 2 "compilerOptions": { 3 "noEmit": true, 4 "strict": true, 5 + "esModuleInterop": true, 6 + "module": "nodenext" 7 }, 8 "include": ["src/ts/**/*.ts"] 9 }