Merge pull request #1513 from silx-kit/axelboc-patch-1

Migrate CodeSandboxes
silx-kit · Oct 24, 2023 · 7c132ca · 7c132ca
2 parents 4994009 + 142ccdd
commit 7c132ca
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 14 deletions.
diff --git a/README.md b/README.md
@@ -39,9 +39,9 @@ https://h5web-docs.panosc.eu.
 
 Some examples of usage of `@h5web/lib`:
 
-| LineVis with multiple curves                                                                                                                     | HeatmapVis with horizontal color bar and tooltip                                                                                                                          | Comparison between gamma and power scale                                                                                                            |
-| ------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [![LineVis with multiple curves](https://screenshots.codesandbox.io/kwkli/99.png)](https://codesandbox.io/s/h5weblib-demo-multiple-curves-kwkli) | [![HeatmapVis with horizontal color bar and tooltip](https://screenshots.codesandbox.io/ti5cy/75.png)](https://codesandbox.io/s/h5weblib-demo-heatmap-with-tooltip-ti5cy) | [![Comparison between gamma and power scale](https://screenshots.codesandbox.io/lzmvr/85.png)](https://codesandbox.io/s/gamma-vs-power-scale-lzmvr) |
+| Multiple curves                                                                                                                                                                                             | Heatmap with color bar                                                                                                                                                                                                  | Gamma vs Power scale                                                                                                                                                                                    |
+| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [![Multiple curves](https://github.com/silx-kit/h5web/assets/2936402/0c967dbc-b70b-43e1-93aa-f340889da01a)](https://codesandbox.io/p/sandbox/h5weblib-multiple-curves-46kppn?file=%2Fsrc%2FApp.tsx%3A1%2C1) | [![Heatmap with color bar](https://github.com/silx-kit/h5web/assets/2936402/0677a610-3812-4867-a9e6-967ec7d36675)](https://codesandbox.io/p/sandbox/h5weblib-heatmap-with-tooltip-4nc9hp?file=%2Fsrc%2FApp.tsx%3A1%2C1) | [![Gamma vs Power scale](https://github.com/silx-kit/h5web/assets/2936402/71c5bebb-7d12-4315-8382-d2e36d5240f2)](https://codesandbox.io/p/sandbox/h5weblib-gamma-vs-power-kksyd7?file=%2Fsrc%2FApp.tsx) |
 
 ### [@h5web/app](https://www.npmjs.com/package/@h5web/app)
 

diff --git a/apps/storybook/src/GettingStarted.mdx b/apps/storybook/src/GettingStarted.mdx
@@ -113,5 +113,6 @@ H5Web's low-level building blocks can be used to create custom visualizations.
 
 Here is a list of **CodeSandbox examples** to get you started:
 
-- [Multiple curves](https://codesandbox.io/s/h5weblib-demo-multiple-curves-kwkli)
-- [HeatmapVis with horizontal color bar and tooltip](https://codesandbox.io/s/h5weblib-demo-heatmap-with-tooltip-ti5cy)
+- [Multiple curves](https://codesandbox.io/p/sandbox/h5weblib-multiple-curves-46kppn?file=%2Fsrc%2FApp.tsx%3A1%2C1)
+- [Heatmap with color bar](https://codesandbox.io/p/sandbox/h5weblib-heatmap-with-tooltip-4nc9hp?file=%2Fsrc%2FApp.tsx%3A1%2C1)
+- [Gamma vs Power scale](https://codesandbox.io/p/sandbox/h5weblib-gamma-vs-power-kksyd7?file=%2Fsrc%2FApp.tsx)
diff --git a/apps/storybook/src/Utilities.mdx b/apps/storybook/src/Utilities.mdx
@@ -121,7 +121,7 @@ Construct a [threshold scale](https://github.com/d3/d3-scale/blob/main/README.md
 
 If the `switchAtMidpoints` parameter is set to `true` when creating the scale, the thresholds become the midpoints between values in the input array (instead of the values themselves).
 
-See [this sandbox](https://codesandbox.io/s/get-value-to-index-scale-2wm3hz) for a graphical illustration of the scale.
+See [this sandbox](https://codesandbox.io/p/sandbox/h5weblib-value-to-index-scale-9ldn9k?file=%2Fsrc%2FApp.tsx%3A1%2C1) for a graphical illustration of the scale.
 
 ```ts
 const values = [0, 2, 4, 6, 8, 10];

diff --git a/packages/app/README.md b/packages/app/README.md
@@ -66,9 +66,9 @@ export default MyApp;
 The following code sandboxes demonstrate how to set up and use `@h5web/app` with
 various front-end development stacks:
 
-- [Vite](https://codesandbox.io/s/h5webapp-vite-5c204)
-- [Create React App v4](https://codesandbox.io/s/h5webapp-cra-v4-0y1lj)
-- [Create React App v5](https://codesandbox.io/s/h5webapp-cra-v5-bzmbh1)
+- [Vite](https://codesandbox.io/p/sandbox/h5webapp-vite-5c204?file=%2Fsrc%2FMyApp.tsx%3A12%2C1)
+- [Create React App v4](https://codesandbox.io/p/sandbox/h5webapp-cra-v4-0y1lj?file=%2Fsrc%2FMyApp.tsx%3A1%2C1)
+- [Create React App v5](https://codesandbox.io/p/sandbox/h5webapp-cra-v5-bzmbh1?file=%2Fsrc%2FMyApp.tsx)
 
 ### Browser support
 

diff --git a/packages/h5wasm/README.md b/packages/h5wasm/README.md
@@ -25,8 +25,10 @@ This package, `@h5web/h5wasm`, provides one additional data provider,
 `H5WasmProvider`, that can **read HDF5 files straight in the browser** thanks to
 the [h5wasm](https://github.com/usnistgov/h5wasm) library.
 
-Check out [this code sandbox](https://codesandbox.io/s/h5web-h5wasm-77j67x) for
-a demonstration of how to set up `@h5web/h5wasm` and use the `H5WasmProvider`.
+Check out
+[this code sandbox](https://codesandbox.io/p/sandbox/h5web-h5wasm-77j67x?file=%2Fsrc%2FMyApp.tsx%3A1%2C1)
+for a demonstration of how to set up `@h5web/h5wasm` and use the
+`H5WasmProvider`.
 
 ## Prerequisites
 

diff --git a/packages/lib/README.md b/packages/lib/README.md
@@ -77,9 +77,9 @@ export default MyApp;
 The following code sandboxes demonstrate how to set up and use `@h5web/lib` with
 various front-end development stacks:
 
-- [Vite](https://codesandbox.io/s/h5weblib-vite-xru04)
-- [Create React App v4](https://codesandbox.io/s/h5weblib-cra-v4-2te48)
-- [Create React App v5](https://codesandbox.io/s/h5weblib-cra-v5-nhznhh)
+- [Vite](https://codesandbox.io/p/sandbox/h5weblib-vite-xru04?file=%2Fsrc%2FApp.tsx%3A1%2C1)
+- [Create React App v4](https://codesandbox.io/p/sandbox/h5weblib-cra-v4-2te48?file=%2Fsrc%2FApp.tsx%3A1%2C1)
+- [Create React App v5](https://codesandbox.io/p/sandbox/h5weblib-cra-v5-nhznhh?file=%2Fsrc%2FApp.tsx%3A1%2C1)
 
 ### Browser support