Merge pull request #263 from contentauth/remove-js-sandboxes

Remove some legacy JS examples and docs

Author: crandmck

docs/js-sdk/deprecation-notice.md

@@ -1,5 +1,5 @@
 :::warning Warning
-The legacy JavaScript library is deprecated and the repository has been renamed to [c2pa-js-legacy](https://github.com/contentauth/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.
+This is documentation for the deprecated legacy JavaScript library, [c2pa-js-legacy](https://github.com/contentauth/c2pa-js-legacy).  This library will no longer be updated or supported.
 
-If you're starting a new application, use the new library instead.
+The new JavaScript web library is in the https://github.com/contentauth/c2pa-js repository. If you're starting a new application, use the new library instead.
 :::

docs/js-sdk/examples/.gitkeep

@@ -36,7 +36,7 @@ You can bring in the JavaScript library by using a content delivery network (CDN
 
 The quickest way to get up and running is to use a CDN such as [jsDelivr](https://www.jsdelivr.com/). One of the big advantages of using a CDN is that it provides all the required static assets, so you don't have to host them. The CDN also delivers the files at the edge, which enables faster downloads to your users.
 
-Static assets include the following, as seen in the config passed to [`createC2pa`](../../js-sdk/api/c2pa.createc2pa):
+For example:
 
 ```js
 const version = '0.24.2';
@@ -68,33 +68,3 @@ When loading via a package manager, the library needs access to two externally-h
 :::note
 Be sure to configure your server to send proper `Content-Type` headers for these files. For more information, see [Hosting](../guides/hosting).
 :::
-
-Examples for common build systems are shown below. They are also available in the [c2pa-js-examples repository](https://github.com/contentauth/c2pa-js-examples).
-
-import CodeBlock from '@theme/CodeBlock';
-import ViteExample from '!!raw-loader!../examples/quickstart/vite-main.ts';
-import RollupExample from '!!raw-loader!../examples/quickstart/rollup-main.ts';
-import WebPackExample from '!!raw-loader!../examples/quickstart/webpack-main.ts';
-
-<Tabs lazy>
-<TabItem value="vite" label="Vite" default>
-
-This example is from [c2pa-js-examples/minimal-ts-vite/](https://github.com/contentauth/c2pa-js-examples/blob/main/minimal-ts-vite/). To view and execute this example in a live [code sandbox](https://codesandbox.io/docs/learn/legacy-sandboxes/overview), see [Code Sandbox: Vite example](../guides/sandbox-qs-vite.mdx).
-
-<CodeBlock language="ts">{ViteExample}</CodeBlock>
-</TabItem>
-
-<TabItem value="rollup" label="Rollup">
-
-This example is from [c2pa-js-examples/minimal-ts-rollup/](https://github.com/contentauth/c2pa-js-examples/blob/main/minimal-ts-rollup/). To view and execute this example in a live [code sandbox](https://codesandbox.io/docs/learn/legacy-sandboxes/overview), see [Code Sandbox: Rollup example](../guides/sandbox-qs-rollup.mdx).
-
-<CodeBlock language="ts">{RollupExample}</CodeBlock>
-</TabItem>
-
-<TabItem value="webpack" label="Webpack">
-
-This example is from [c2pa-js-examples/minimal-ts-webpack/](https://github.com/contentauth/c2pa-js-examples/blob/main/minimal-ts-webpack/). To view and execute this example in a live [code sandbox](https://codesandbox.io/docs/learn/legacy-sandboxes/overview), see [Code Sandbox: Webpack example](../guides/sandbox-qs-webpack.mdx).
-
-<CodeBlock language="ts">{WebPackExample}</CodeBlock>
-</TabItem>
-</Tabs>

docs/js-sdk/examples/quickstart/.gitkeep

@@ -13,24 +13,4 @@ JavaScript examples are in **[contentauth/c2pa-js-examples](https://github.com/c
 As noted in the [overview](../getting-started/overview#technologies-that-the-library-uses), 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](https://www.typescriptlang.org/) and at least one bundler tool such as [Webpack](https://webpack.js.org/), [Rollup](https://rollupjs.org/), or [Vite](https://vitejs.dev/).
 :::
 
-Additionally, the JavaScript examples use TypeScript for type safety.
-
-## Examples
-
-| Example                                                                                            | Tooling                            | UI framework                | Notes                                                                                       |
-| -------------------------------------------------------------------------------------------------- | ---------------------------------- | --------------------------- | ------------------------------------------------------------------------------------------- |
-| [esm-imports](https://github.com/contentauth/c2pa-js/tree/main/examples/esm-imports)               | None                               | None                        | The simplest example using vanilla JavaScript (ECMAScript).                                 |
-| [minimal-ts-webpack](https://github.com/contentauth/c2pa-js/tree/main/examples/minimal-ts-webpack) | [Webpack](https://webpack.js.org/) | None                        | Uses TypeScript.                                                                            |
-| [minimal-ts-rollup](https://github.com/contentauth/c2pa-js/tree/main/examples/minimal-ts-rollup)   | [Rollup](https://rollupjs.org/)    | None                        | Uses TypeScript.                                                                            |
-| [minimal-ts-vite](https://github.com/contentauth/c2pa-js/tree/main/examples/minimal-ts-vite)       | [Vite](https://vitejs.dev/)        | None                        | Uses TypeScript.<br/>Includes multiple examples; see [below](#examples-in-minimal-ts-vite). |
-| [react-ts-vite](https://github.com/contentauth/c2pa-js/tree/main/examples/react-ts-vite)           | [Vite](https://vitejs.dev/)        | [React](https://react.dev/) | 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
+Additionally, the JavaScript examples use TypeScript for type safety. |