Initial commit

dpikt · Dec 13, 2023 · 8e46a34 · 8e46a34
commit 8e46a34
Show file tree

Hide file tree

Showing 11 changed files with 460 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/README.md b/README.md
@@ -0,0 +1,41 @@
+# modulepreload
+
+Inject modulepreload tags into HTML to remove the waterfall problem in loading web modules.
+
+```sh
+$ npm install --save-dev modulepreload
+$ npx modulepreload inject -w index.html
+```
+
+Before injection:
+```html
+<!-- index.html -->
+<html>
+<head>
+    <title>Example</title>
+</head>
+<body>
+    <script type="module">
+        import './dep.js'; // imports ./another-dep.js
+    </script>
+</body>
+</html>
+```
+
+After injection:
+
+```html
+<!-- index.html -->
+<html>
+<head>
+    <title>Example</title>
+    <link rel="modulepreload" href="/dep.js" />
+    <link rel="modulepreload" href="/another-dep.js" />
+</head>
+<body>
+    <script type="module">
+        import './dep.js'; // imports ./another-dep.js
+    </script>
+</body>
+</html>
+```
diff --git a/cli.js b/cli.js
@@ -0,0 +1,25 @@
+#!/usr/bin/env node
+
+import cac from 'cac'
+import { inject } from './src/inject.js'
+
+const cli = cac('module_preload')
+
+cli.option('--root <root>', 'Root')
+cli.option('--no-fetch', 'No fetch')
+cli.option('--w', 'Write')
+cli.option('--o <out>', 'Out')
+
+cli.command('inject [...files]', 'Inject files')
+    .action(async (files, options) => {
+        const { root, fetch: doFetch } = options
+        files.forEach(async filePath => {
+            const defaultOut = options.w ? filePath : null
+            const out = options.o ? options.o : defaultOut
+            await inject(filePath, { root, out, noFetch: !doFetch })
+        })
+    })
+
+cli.help()
+cli.parse()
+
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "modulepreload",
+  "version": "1.0.0",
+  "description": "",
+  "main": "cli.js",
+  "bin": {
+    "modulepreload": "./cli.js"
+  },
+  "scripts": {
+    "test": "node --test"
+  },
+  "type": "module",
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@import-maps/resolve": "^2.0.0",
+    "cac": "^6.7.14",
+    "es-module-lexer": "^1.4.1",
+    "htmlparser2": "^9.0.0"
+  }
+}