mirror of
https://github.com/excalidraw/excalidraw.git
synced 2024-11-10 11:35:52 +01:00
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
37 lines
977 B
JavaScript
37 lines
977 B
JavaScript
import * as esbuild from "esbuild";
|
|
import { sassPlugin } from "esbuild-sass-plugin";
|
|
import { execSync } from "child_process";
|
|
|
|
const createDevBuild = async () => {
|
|
return await esbuild.build({
|
|
entryPoints: ["../../examples/excalidraw/with-script-in-browser/index.tsx"],
|
|
outfile:
|
|
"../../examples/excalidraw/with-script-in-browser/public/bundle.js",
|
|
define: {
|
|
"import.meta.env": "{}",
|
|
},
|
|
bundle: true,
|
|
format: "esm",
|
|
plugins: [sassPlugin()],
|
|
loader: {
|
|
".woff2": "dataurl",
|
|
".html": "copy",
|
|
},
|
|
});
|
|
};
|
|
|
|
const startServer = async (ctx) => {
|
|
await ctx.serve({
|
|
servedir: "example/public",
|
|
port: 5001,
|
|
});
|
|
};
|
|
execSync(
|
|
`rm -rf ../../examples/excalidraw/with-script-in-browser/public/dist && yarn build:esm && cp -r dist ../../examples/excalidraw/with-script-in-browser/public`,
|
|
);
|
|
|
|
const ctx = await createDevBuild();
|
|
|
|
// await startServer(ctx);
|
|
// console.info("Hosted at port http://localhost:5001!!");
|