Skip to content

feat: upgrade to Excalidraw 0.18.0 with legacy file compatibility #489

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Technophobe01 wants to merge 9 commits into from
Closed

feat: upgrade to Excalidraw 0.18.0 with legacy file compatibility #489

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
ec3c373
feat: upgrade to Excalidraw 0.18.0 with legacy file compatibility
Technophobe01 Dec 14, 2025
4bac428
fix: use loadFromBlob for legacy file loading
Technophobe01 Dec 14, 2025
17fc3ea
fix: resolve Kotlin version mismatch in test compilation
Technophobe01 Dec 16, 2025
582c08c
chore: revert debugMode detection and fix comment formatting
Technophobe01 Dec 22, 2025
c884923
chore: remove CLAUDE.md from .gitignore
Technophobe01 Dec 22, 2025
76a6e25
fix: extract embedded scene data from SVG/PNG files
Technophobe01 Dec 22, 2025
f9e35cf
fix: apply IDE theme class to Excalidraw wrapper
Technophobe01 Dec 22, 2025
d92adad
fix: handle encoded payload format from embedded SVG/PNG scenes
Technophobe01 Dec 22, 2025
af12892
docs: add changelog entry for Excalidraw 0.18.0 upgrade
Technophobe01 Dec 22, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,4 +59,7 @@ Session.vim
tags

# Ignore project-fixture's workspace file
./project-fixture/.idea/workspace.xml
./project-fixture/.idea/workspace.xml

# Claude Code
CLAUDE.md
Copy link
Owner

@bric3 bric3 Dec 18, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

suggestion: If claude helped there, maybe that's worth havng that file here. However I'd rather have a standard AGENTS.md file and tell claude to point to it.

38 changes: 14 additions & 24 deletions excalidraw-assets/build.gradle.kts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,30 +10,19 @@ plugins {

frontend {
nodeVersion.set("20.9.0")
// DON'T use the `build` directory if it also the output of the `react-scripts`
// otherwise it causes 'Error: write EPIPE' because `node` location is also
// in the output folder of react-scripts.
// This projects set up the BUILD_PATH=./build/react-build/ for react-scripts
// DON'T use the `build` directory if it also the output of the Vite build
// otherwise it causes issues because `node` location is also
// in the output folder.
// This project sets up outDir in vite.config.ts to ./build/react-build/
nodeInstallDirectory.set(project.layout.buildDirectory.dir("node"))

assembleScript.set("run build") // "build" script in package.json
// not implemented yet ?
// checkScript.set("run check")
assembleScript.set("run build") // "build" script in package.json (vite build)
verboseModeEnabled.set(true)
}

val port = providers.provider {
// PORT might be is in package.json "/scripts/start" value
// dumb solution to extract the port if possible
val defaultPort = 3000
file("package.json").useLines { lines ->
val startScriptRegex = Regex("\"start\"\\s?:\\s?\"[^\"]+\"")
lines
.filter { startScriptRegex.containsMatchIn(it) }
.map { Regex("\".*PORT=(\\d+).*\"").find(it)?.groups?.get(1)?.value }
.map { it?.toInt() }
.first() ?: defaultPort
}
// PORT is configured in vite.config.ts, defaulting to 3006
3006
Copy link
Owner

@bric3 bric3 Dec 18, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

note: For future work maybe this can be extracted from the vite.config.ts file, or some other file that both vite and gradle can read.

}
val webappExcalidrawAssets by extra(project.layout.buildDirectory.dir("assets"))
val webappExcalidrawAssetsPath by extra(project.layout.buildDirectory.dir("assets").map { it.asFile.absolutePath })
Expand Down Expand Up @@ -86,14 +75,15 @@ tasks {
args = "install"
}

// Excalidraw 0.18.0: fonts are now in dist/prod/fonts instead of excalidraw-assets folder
val copyExcalidrawAssets by registering(Copy::class) {
dependsOn(runYarnInstall, installFrontend)
group = "frontend"
description = "copy necessary files to run the embedded app"
description = "copy necessary files to run the embedded app (fonts for self-hosting)"

val excalidrawDist = "node_modules/@excalidraw/excalidraw/dist"
val excalidrawDist = "node_modules/@excalidraw/excalidraw/dist/prod"
from(excalidrawDist)
include("excalidraw-assets/*") // production assets
include("fonts/**") // production fonts for self-hosting
into(webappExcalidrawAssets)

inputs.dir(excalidrawDist)
Expand Down Expand Up @@ -125,7 +115,7 @@ tasks {

assembleFrontend {
dependsOn(copyExcalidrawAssets)
inputs.files("package.json", "src", "public")
inputs.files("package.json", "src", "public", "index.html", "vite.config.ts", "tsconfig.json")
outputs.dirs(webappFiles)
}

Expand All @@ -144,7 +134,7 @@ tasks {
register<RunYarnTaskType>("runYarnStart") {
dependsOn(installFrontend, stopYarnServer)
group = "frontend"
description = "Starts yarn, you'll need to actively kill the server after (`kill ${'$'}(lsof -t -i :${port.get()})`)"
description = "Starts Vite dev server, you'll need to actively kill the server after (`kill ${'$'}(lsof -t -i :${port.get()})`)"

args = "run start"

Expand Down Expand Up @@ -204,4 +194,4 @@ open class YarnProxy @Inject constructor(
init {
super.getArgs().set(yarnArgs)
}
}
}
24 changes: 0 additions & 24 deletions excalidraw-assets/config-overrides.js
View file
Open in desktop

This file was deleted.

19 changes: 19 additions & 0 deletions excalidraw-assets/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!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" />
<meta name="description" content="Excalidraw Integration for JetBrains IDEs"/>
<title>Excalidraw Integration</title>
<script>
// Set asset path for self-hosted fonts
// This will be overridden by the plugin to point to the correct path
window.EXCALIDRAW_ASSET_PATH = "/";
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/index.tsx"></script>
</body>
</html>
41 changes: 15 additions & 26 deletions excalidraw-assets/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,41 +1,30 @@
{
"name": "excalidraw-plugin-assets",
"version": "0.1.0",
"main": "src/index.js",
"description": "",
"type": "module",
"main": "src/index.tsx",
"description": "Excalidraw React app for JetBrains plugin",
"keywords": [],
"license": "MIT",
"dependencies": {
"@excalidraw/excalidraw": "^0.17.6",
"@types/jest": "^30.0.0",
"@types/node": "^22.0.0",
"@types/react": "^18.0.0",
"@types/react-dom": "^18.0.0",
"@excalidraw/excalidraw": "^0.18.0",
"awesome-debounce-promise": "^2.1.0",
"react": "^18.0.0",
"react-app-rewired": "^2.1.8",
"react-dom": "^18.0.0",
"react-scripts": "5.0.1",
"typescript": "^4.9.5"
"react": "^19.0.0",
"react-dom": "^19.0.0"
},
"devDependencies": {
"@types/pako": "^2.0.0",
"@types/node": "^22.0.0",
"@types/react": "^19.0.0",
"@types/react-dom": "^19.0.0",
"@vitejs/plugin-react": "^4.3.4",
"cross-env": "^7.0.2",
"eslint": "^8.29.0",
"eslint-config-react-app": "^7.0.1"
},
"eslintConfig": {
"extends": [
"react-app"
],
"parserOptions": {
"ecmaVersion": 2020
}
"typescript": "^5.7.2",
"vite": "^5.4.11"
},
"scripts": {
"start": "PORT=3006 BROWSER=none cross-env NODE_ENV=development react-app-rewired start",
"build": "CI=false BUILD_PATH=./build/react-build/ react-app-rewired build",
"test": "react-app-rewired test --env=jsdom"
"start": "vite --port 3006",
"build": "vite build",
"preview": "vite preview --port 3006"
},
"browserslist": {
"production": [
Expand Down
22 changes: 0 additions & 22 deletions excalidraw-assets/public/index.html
View file
Open in desktop

This file was deleted.

Loading
Loading