snapshot of https://github.com/tldraw/tldraw.git (main, 2026-09-23; blobs > 131072B omitted)

apps/vscode/editor/scripts/build.ts

@@ -0,0 +1,58 @@
+import fs from 'fs'
+import path from 'path'
+import esbuild from 'esbuild'
+import fse, { exists } from 'fs-extra'
+import { logEnv } from './cli'
+import { getDirname } from './path'
+
+const rootDir = getDirname(import.meta.url, '../')
+const log = logEnv('editor')
+
+export async function build() {
+	try {
+		const targetFolder = `${rootDir}dist/`
+		if (await exists(targetFolder)) {
+			log({ cmd: 'remove', args: { target: targetFolder } })
+			await fs.promises.rm(targetFolder, { recursive: true })
+		}
+
+		await fs.promises.mkdir(targetFolder)
+
+		const topSource = `${rootDir}public`
+		const files = await fs.promises.readdir(topSource)
+		for (const file of files) {
+			const dest = targetFolder + path.basename(file)
+			const source = path.join(topSource, file)
+			log({ cmd: 'copy', args: { source, dest } })
+			await fse.copy(source, dest)
+		}
+		const entryPoints = [`${rootDir}src/index.tsx`]
+
+		log({ cmd: 'esbuild', args: { entryPoints } })
+		esbuild.buildSync({
+			entryPoints,
+			outfile: `${rootDir}/dist/index.js`,
+			minify: false,
+			bundle: true,
+			target: 'es6',
+			jsxFactory: 'React.createElement',
+			jsxFragment: 'React.Fragment',
+			loader: {
+				'.woff2': 'dataurl',
+				'.woff': 'dataurl',
+				'.svg': 'file',
+				'.png': 'file',
+				'.json': 'file',
+			},
+			define: {
+				'process.env.NODE_ENV': '"production"',
+			},
+		})
+		log({ cmd: 'esbuild:success', args: {} })
+	} catch (error) {
+		log({ cmd: 'esbuild:error', args: { error } })
+		throw error
+	}
+}
+
+build()

apps/vscode/editor/scripts/cli.ts

@@ -0,0 +1,58 @@
+import path from 'path'
+
+const displayRelative = (from: string, to: string) => {
+	const outpath = path.relative(from, to)
+	if (!outpath.match(/^\./)) {
+		return `./${outpath}`
+	}
+	return outpath
+}
+
+type LogDef =
+	| { cmd: 'remove'; env: string; args: { target: string } }
+	| { cmd: 'copy'; env: string; args: { source: string; dest: string } }
+	| { cmd: 'esbuild'; env: string; args: { entryPoints: string[] } }
+	| { cmd: 'esbuild:success'; env: string; args: any }
+	| { cmd: 'esbuild:error'; env: string; args: { error: string } }
+	| { cmd: 'esbuild:serve'; env: string; args: { host: string; port: number | string } }
+
+export function log(def: LogDef) {
+	const printStderr = (icon: string, cmd: string, ...args: unknown[]) => {
+		console.error(`${icon} [${def.env ?? 'unknown'}/${cmd}]`, ...args)
+	}
+
+	if (def.cmd === 'remove') {
+		const { target } = def.args
+		printStderr('🗑 ', 'remove', displayRelative(process.cwd(), target))
+	} else if (def.cmd === 'copy') {
+		const { source, dest } = def.args
+		printStderr(
+			'🏠',
+			'copy',
+			`${displayRelative(process.cwd(), source)} -> ${displayRelative(process.cwd(), dest)}`
+		)
+	} else if (def.cmd === 'esbuild') {
+		printStderr(
+			'🤖',
+			'esbuild',
+			`${def.args.entryPoints.map((pathname) => displayRelative(process.cwd(), pathname))}`
+		)
+	} else if (def.cmd === 'esbuild:success') {
+		printStderr('✅', `esbuild`, `build successful (${new Date().toISOString()})`)
+	} else if (def.cmd === 'esbuild:error') {
+		printStderr(`❌`, `esbuild`, `error`)
+		console.error(def.args.error)
+	} else if (def.cmd === 'esbuild:serve') {
+		const { host = 'localhost', port } = def.args
+		printStderr(`🌎`, `esbuild`, `serving <http://${host}:${port}>`)
+	} else {
+		// @ts-ignore
+		printStderr(`❓`, def.cmd, JSON.stringify(def.args))
+	}
+}
+
+export function logEnv(env: string) {
+	return (opts: any) => {
+		log({ ...opts, env })
+	}
+}

apps/vscode/editor/scripts/dev.ts

@@ -0,0 +1,77 @@
+import fs from 'fs'
+import path from 'path'
+import dotenv from 'dotenv'
+import esbuild from 'esbuild'
+import fse, { exists } from 'fs-extra'
+import { logEnv } from './cli'
+import { copyEditor } from './helpers'
+import { getDirname } from './path'
+
+dotenv.config()
+const rootDir = getDirname(import.meta.url, '../')
+const log = logEnv('editor')
+
+export async function run() {
+	try {
+		const targetFolder = `${rootDir}dist/`
+		if (await exists(targetFolder)) {
+			log({ cmd: 'remove', args: { target: targetFolder } })
+			await fs.promises.rm(targetFolder, { recursive: true })
+		}
+
+		await fs.promises.mkdir(targetFolder)
+
+		const topSource = `${rootDir}public`
+		const files = await fs.promises.readdir(topSource)
+		for (const file of files) {
+			const dest = targetFolder + path.basename(file)
+			const source = path.join(topSource, file)
+			log({ cmd: 'copy', args: { source, dest } })
+			await fse.copy(source, dest)
+		}
+		const entryPoints = [`${rootDir}src/index.tsx`]
+
+		log({ cmd: 'esbuild', args: { entryPoints } })
+
+		const builder = await esbuild.context({
+			entryPoints,
+			outfile: `${rootDir}/dist/index.js`,
+			minify: false,
+			bundle: true,
+			target: 'es6',
+			jsxFactory: 'React.createElement',
+			jsxFragment: 'React.Fragment',
+			loader: {
+				'.woff2': 'dataurl',
+				'.woff': 'dataurl',
+				'.svg': 'file',
+				'.png': 'file',
+				'.json': 'file',
+			},
+			define: {
+				'process.env.NODE_ENV': '"development"',
+			},
+			plugins: [
+				{
+					name: 'log-builds',
+					setup(build) {
+						build.onEnd((result) => {
+							if (result.errors.length) {
+								log({ cmd: 'esbuild:error', args: { err: result.errors } })
+							} else {
+								copyEditor({ log })
+								log({ cmd: 'esbuild:success', args: {} })
+							}
+						})
+					},
+				},
+			],
+		})
+		await builder.watch()
+	} catch (error) {
+		log({ cmd: 'esbuild:error', args: { error } })
+		throw error
+	}
+}
+
+run()

apps/vscode/editor/scripts/helpers.ts

@@ -0,0 +1,25 @@
+import fs from 'fs'
+import { join } from 'path'
+import fse from 'fs-extra'
+import { exists, getDirname } from './path'
+
+const vscodeDir = getDirname(import.meta.url, '../../')
+
+export async function copyEditor({ log }: { log(opts: any): void }) {
+	const editorRoot = join(vscodeDir, 'editor')
+	const extensionRoot = join(vscodeDir, 'extension')
+
+	const source = join(editorRoot, 'dist')
+	const dest = join(extensionRoot, 'editor')
+
+	log({ cmd: 'copy', args: { source, dest } })
+	await fse.copy(source, dest)
+}
+
+export async function removeDistDirectory({ log }: { log(opts: any): void }) {
+	const target = join(vscodeDir, 'extension', 'dist')
+	if (await exists(target)) {
+		log({ cmd: 'remove', args: { target } })
+		await fs.promises.rm(target, { recursive: true })
+	}
+}

apps/vscode/editor/scripts/path.ts

@@ -0,0 +1,16 @@
+import fs from 'fs'
+import path from 'path'
+
+export function getDirname(metaUrl: string, targetPath: string) {
+	const dirname = path.dirname(metaUrl.replace('file://', ''))
+	return path.normalize(path.join(dirname, targetPath))
+}
+
+export async function exists(targetFolder: string) {
+	try {
+		await fs.promises.access(targetFolder)
+		return true
+	} catch {
+		return false
+	}
+}