JavaScript examples
The legacy JavaScript library is deprecated and the repository has been renamed to c2pa-js-legacy. The new JavaScript web library is now in the https://github.com/contentauth/c2pa-js repository. The old package will no longer be updated or supported.
If you're starting a new application, use the new library instead.
JavaScript examples are in contentauth/c2pa-js-examples. The examples are mirrored from the examples directory in the contentauth/c2pa-js repository.
As noted in the overview, the JavaScript library uses a number of modern JavaScript technologies such as WebAssembly (Wasm) and Web Workers. To understand the JavaScript examples, you should be familiar with these technologies, TypeScript and at least one bundler tool such as Webpack, Rollup, or Vite.
Additionally, the JavaScript examples use TypeScript for type safety.
Examples
| Example | Tooling | UI framework | Notes |
|---|---|---|---|
| esm-imports | None | None | The simplest example using vanilla JavaScript (ECMAScript). |
| minimal-ts-webpack | Webpack | None | Uses TypeScript. |
| minimal-ts-rollup | Rollup | None | Uses TypeScript. |
| minimal-ts-vite | Vite | None | Uses TypeScript. Includes multiple examples; see below. |
| react-ts-vite | Vite | React | Uses TypeScript. |
Minimal-ts-vite examples
The minimal-ts-vite example directory contains these examples:
- active-manifest: Displays a simple table with info on the active manifest.
- cdn: Illustrates loading the JavaScript library from a content delivery network (CDN).
- check-provenance: Illustrates how to determine whether asset files have provenance.
- quick-start: Dumps the manifest store and active manifest to the JavaScript developer console.
- web-components: Displays a test image with the Content Credentials pin, using c2pa-wc