Packaging Websites
Not to be confused with webpack, this repository
holds a collection of specifications aimed at packaging websites. These
specifications replace the W3C TAG's Web Packaging
Draft and will allow people
to bundle together the resources that make up a website, so they can be shared
offline, either with or without a proof that they came from the original
website. A full list of use cases and resulting requirements is available in
draft-yasskin-wpack-use-cases
(IETF
draft).
- Explainers
- Use cases
- Maintaining security and privacy constraints
- Specifications
- Building this repository
- Building the Draft
- Packaging tools
- Signed HTTP Exchanges
- Web Bundles
- Isolated Web Apps (signing with integrity block)
Explainers
The explainers walk through how to use these specs to
achieve the use cases.
Use cases
- Packaging whole pages or sites: can be
signed or unsigned.
- Serving signed subresources of a signed top-level HTML
page
- Navigating to top-level unsigned pages
- Packaging subresources. This can include groups of
JS modules, stylesheets, images, or fonts. This is also getting fleshed out at
https://github.com/littledan/resource-bundles/
Maintaining security and privacy constraints
- How to avoid third-party tracking
- What origin does an unsigned bundle have?
Specifications
The specifications come in several layers:
-
Signed HTTP exchanges (a.k.a. SXG)
(IETF draft):
These allow a browser to trust that a single HTTP request/response pair was
generated by the origin it claims.
- As we implement and test signed exchanges, we're publishing periodic
snapshots so that browsers, publishers, and intermediates can synchronize
on the same format. The current implementation snapshot
is an Internet Draft, and a draft of the next
snapshot
is in this repository.
-
Web Bundles (previously called Bundled HTTP exchanges):
A collection of HTTP resources, each of which could be signed or unsigned, with
some metadata describing how to interpret the bundle as a whole. This
specification has an initial draft in a PR, but isn't finished yet. This work
may proceed through either the IETF or the W3C/WHATWG.
Update: This work was moved to the wpack-wg/bundled-responses
repository (Web Bundles (IETF draft)) .
-
Loading: A description of
how browsers load signed exchanges. This is initially specified
here, and will eventually merge into the appropriate specs, e.g.
Fetch, that live in either the W3C or
WHATWG. Currently this only covers signed exchanges.
-
Subresource Loading
(Explainer):
A description of how browsers load a large number of resources efficiently with
Web Bundles.
This is initially specified here, and will eventually merge into
the appropriate specs.
A previous draft of the format combined layers 1 and 2 into a single format for
signed packages:
draft-yasskin-dispatch-web-packaging
(IETF draft).
The DISPATCH WG at IETF99
recommended the current
split.
Building this repository
Building the Draft
Formatted text and HTML versions of the draft can be built using make.
$ make
This requires that you have software installed as described in
https://github.com/martinthomson/i-d-template/blob/main/doc/SETUP.md.
Packaging tools
Signed HTTP Exchanges
Install this with go install github.com/WICG/webpackage/go/signedexchange/cmd/... (Golang 1.18+).
See go/signedexchange for the usage of the tool.
Web Bundles
There are several tools.
-
Go (Reference Implementation)
Install this with go install github.com/WICG/webpackage/go/bundle/cmd/....
See go/bundle for the usage of the tool.
-
Node
There is a npm package, wbn.
-
Plugin for bundlers (Experimental)
- Rollup plugin
- Webpack plugin
-
Rust (Experimental)
Isolated Web Apps (signing with integrity block)
-
Go (Reference Implementation)
See go/bundle#using-integrity-block-sub-command for more.
-
Node
There is a npm package, wbn-sign.
Also same plugins as for Web Bundles can sign the bundles.