templates

{{ .Name }}

File paths:

export WASM_FILE="./main.wasm"
export BINDINGS_FILE="./bindings.js"
export EMBEDDING_FILE="./embed.js"
export ZIP_FILE="./webext.zip"

Development

pcz dev webext ./ \
  --wasm "${WASM_FILE}" \
  --module-name "{{ .ModuleName }}" \
  --bindings "${BINDINGS_FILE}" \
  --embedding "${EMBEDDING_FILE}" \
  --embed "const wasmBlob=${WASM_FILE}" \
  --zip "${ZIP_FILE}"

Release

1. Build and strip the wasm blob.

   pcz build ./ \
     -p js/wasm \
     -o "${WASM_FILE}" \
     --trimpath \
     -L-s \
     -L-w
   

2. Generate bindings for the wasm.

   pcz dev webext bindgen ./ \
     -o "${BINDINGS_FILE}" \
     --wasm "${WASM_FILE}" \
     --module-system "umd" \
     --module-name "{{ .ModuleName }}" \
     --minify \
     --es 6
   
   mv "${BINDINGS_FILE}.min.js" "${BINDINGS_FILE}"
   

3. Generate embedding for loading wasm synchronously

   pcz embed js \
     -o "${EMBEDDING_FILE}" \
     -f "const wasmBlob=${WASM_FILE}"
   

4. Package the web extension

   # this example uses the default glob to match files
   pcz dev webext pack -o "./webext.zip"
   

5. Distribute the web extension

   • Chrome
   • Firefox
   • Edge
   • Safari
   • Opera