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
23 lines
518 B
TypeScript
23 lines
518 B
TypeScript
"use client";
|
|
import * as excalidrawLib from "@excalidraw/excalidraw";
|
|
import { Excalidraw } from "@excalidraw/excalidraw";
|
|
import App from "../../components/App";
|
|
|
|
import "@excalidraw/excalidraw/index.css";
|
|
|
|
const ExcalidrawWrapper: React.FC = () => {
|
|
return (
|
|
<>
|
|
<App
|
|
appTitle={"Excalidraw with Nextjs Example"}
|
|
useCustom={(api: any, args?: any[]) => {}}
|
|
excalidrawLib={excalidrawLib}
|
|
>
|
|
<Excalidraw />
|
|
</App>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default ExcalidrawWrapper;
|