mirror of
				https://github.com/excalidraw/excalidraw.git
				synced 2025-10-26 01:14:21 +02:00 
			
		
		
		
	 4f0a2a9593
			
		
	
	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!!");
 |