4f0a2a9593
* move the existing example to with-script-in-browser * Add example with next js app router * disable ssr for excalidraw client comp * typo * update output dir * don't include nextjs example in tsconfig * remove meta.json * lint * remove example.ts * port * move the examples outside packages and use the deps as workspaces in examples * update gitignore * fix example * update path of build dir * fix * fix scripts * try local path * fix * update commands * fix * fix * fix script * skip ts * disable ts * add vercel.json * install * update tsconfig * fix lint * remove console.log * lets see if this works * revert * remove ts nocheck * add types and some utils in nextjs example * fix types * updatw example and remove nextjs dynamic syntax so we don't import excal twice * move both examples to workspaces and create generic example to be used by browser and next js both * copy the static assets to nextjs * fix ts config * render custom menu items * fix custom footer * fix types in browser example * use regular imports for importing excal and import it using dynamic next js in app router instead * Add example for pages router * fix css discrepancies * fix css * configure output dir * fix * fix css * rename to with-nextjs * move components to examples/excalidraw/components
33 lines
878 B
HTML
33 lines
878 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
|
/>
|
|
<meta name="theme-color" content="#000000" />
|
|
|
|
<title>React App</title>
|
|
<script>
|
|
window.name = "codesandbox";
|
|
</script>
|
|
<link rel="stylesheet" href="/dist/browser/dev/index.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<noscript> You need to enable JavaScript to run this app. </noscript>
|
|
<div id="root"></div>
|
|
|
|
<!-- This is so that we use the bundled excalidraw.development.js file instead
|
|
of the actual source code -->
|
|
<script type="module">
|
|
import * as ExcalidrawLib from "@excalidraw/excalidraw";
|
|
|
|
console.log(ExcalidrawLib);
|
|
window.ExcalidrawLib = ExcalidrawLib;
|
|
</script>
|
|
<script type="module" src="index.tsx"></script>
|
|
</body>
|
|
</html>
|