Standalone content-tag implemented via conditional exports in package.json

.eslintignore

@@ -0,0 +1,3 @@
+node_modules/
+pkg/node/
+index.d.ts

.github/workflows/ci.yml

@@ -34,10 +34,11 @@ jobs:
       run: cargo test --verbose
     - name: Install wasm-pack
       run: curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh
-    - run: wasm-pack build --target nodejs
+    - name: Install wasm-opt
+      run: cargo install wasm-opt
     - uses: actions/setup-node@v3
       with:
         node-version: 16
         cache: 'npm'
-    - run: npm ci
+    - run: ./build.sh
     - run: npm test

.github/workflows/release.yml

@@ -18,7 +18,7 @@ jobs:
       run: curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh
 
     # remove scope or update it once we decide exactly where we want to deploy this thing
-    - run: wasm-pack build --target nodejs
+    - run: npm run build
     - uses: actions/setup-node@v3
       with:
         node-version: 20

.gitignore

@@ -1,2 +1,5 @@
 /target
-/node_modules
+/node_modules
+
+pkg/node/
+pkg/standalone/

CONTRIBUTING.md

@@ -16,11 +16,11 @@ Tests:
 
 `cargo test`:
 
-Build wasm package:
+Build the package:
 
-`wasm-pack build --target=nodejs`
+`npm run build`
 
-which will output your wasm package in `./pkg`
+which will output your wasm package in `./pkg`, which is its own workspace, used for local testing as well as the publishable assets.
 
 ## Running against a local copy of SWC
 
@@ -36,4 +36,4 @@ and replace:
 
 ```
 $1 = { path = "../swc/crates/$1"
-```
+```

Cargo.toml

@@ -9,6 +9,11 @@ edition = "2021"
 [lib]
 crate-type = ["cdylib", "rlib"]
 
+[profile.release]
+lto = true
+opt-level = 'z'
+codegen-units = 1
+
 [dependencies]
 swc_common = { git = "https://github.com/ef4/swc.git", branch = "content-tag", features=["tty-emitter"] }
 swc = { git = "https://github.com/ef4/swc.git", branch = "content-tag" }

README.md

@@ -12,10 +12,34 @@ npm install content-tag
 
 ## Usage
 
-```js
+### Node (CommonJS)
+
+```js 
 let { Preprocessor } = require('content-tag');
 let p = new Preprocessor();
 let output = p.process('<template>Hi</template>');
+
+console.log(output);
+```
+
+
+### Node (ESM)
+
+```js
+import { Preprocessor } from 'content-tag';
+let p = new Preprocessor();
+let output = p.process('<template>Hi</template>');
+
+console.log(output);
+```
+
+### Browser (ESM)
+
+```js
+import { Preprocessor } from 'content-tag';
+let p = new Preprocessor();
+let output = p.process('<template>Hi</template>');
+
 console.log(output);
 ```
 

build.sh

@@ -0,0 +1,17 @@
+#!/bin/bash
+
+# we need npm packages for the post-wasm phase
+npm install
+
+rm -rf pkg/node
+rm -rf pkg/standalone
+
+# wasm-pack knows to use wasm-opt, when present
+# NOTE: wasm-pack does not support multi-target building
+#       so we'll build twice, and then tweak package.json
+#       "exports" to point at the correct build depending on node or browser
+wasm-pack build --target web --out-dir pkg/standalone --weak-refs --no-pack --release
+wasm-pack build --target nodejs --out-dir pkg/node --weak-refs --no-pack --release
+
+# Rename the node js file to cjs, because we emit type=module
+mv pkg/node/content_tag.js pkg/node/content_tag.cjs

index.d.ts

@@ -0,0 +1,49 @@
+/*
+ * wasm-pack doesn't give us correct enough types.
+ */
+
+
+
+interface Parsed {
+  type: 'expression' | 'class-member';
+  tagName: 'template';
+  contents: string;
+  range: {
+    start: number;
+    end: number;
+  };
+  contentRange: {
+    start: number;
+    end: number;
+  };
+  startRange: {
+    end: number;
+    start: number;
+  };
+  endRange: {
+    start: number;
+    end: number;
+  };
+}
+
+
+/**
+*/
+export class Preprocessor {
+  free(): void;
+/**
+*/
+  constructor();
+/**
+* @param {string} src
+* @param {string | undefined} filename
+* @returns {string}
+*/
+  process(src: string, filename?: string): string;
+/**
+* @param {string} src
+* @param {string | undefined} filename
+* @returns {any}
+*/
+  parse(src: string, filename?: string): Parsed;
+}

index.html

@@ -0,0 +1,21 @@
+<html>
+
+<!-- View this file with `npm run web` -->
+
+<head>
+  <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
+  <script type="module">
+    import {Preprocessor} from 'content-tag';
+
+    const p = new Preprocessor();
+    const output = p.process('<template>Hi from createPreprocessor</template>');
+
+    document.querySelector('#output').innerHTML = output;
+  </script>
+</head>
+
+<body>
+  <pre id="output"></pre>
+</body>
+
+</html>