xhawk

@kneo 我想用 sdk(npm 包)的方式集成,集成画板, 但是要支持中文的手写体.

感谢 @maichael @lisongeee

项目根目录下执行:
rm yarn.lock

在/home/excalidraw/packages/excalidraw 下执行
yarn gen:types
yarn build.esm
yarn pack

"scripts": {
"gen:types": "rm -rf types && tsc",
"build:esm": "rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types",
"pack": "yarn build:umd && yarn pack",
"start": "node ../../scripts/buildExample.mjs && vite",
"build:example": "node ../../scripts/buildExample.mjs",
"size": "yarn build:umd && size-limit"
}

然后 npm login, npm publish 是可以发布了.

但是目前发布出来的跟官网的不一样
官网的:
https://www.npmjs.com/package/@excalidraw/excalidraw?activeTab=code
我发布:
https://www.npmjs.com/package/excalidraw-zh?activeTab=code

如果有感兴趣继续研究的伙伴, 大家可以一起研究一下.

再提供一份执行的命令:
hawk.jimmy@DESKTOP-J0AGV6C MINGW64 /e/work/business/excalidraw/packages/excalidraw (master)
$ npm run gen:types

> [email protected] gen:types
> rm -rf types && tsc


hawk.jimmy@DESKTOP-J0AGV6C MINGW64 /e/work/business/excalidraw/packages/excalidraw (master)
$ npm run build:esm

> [email protected] build:esm
> rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types

E:\work\business\excalidraw\scripts\woff2\woff2-esbuild-plugins.js:5
const fetch = require("node-fetch");
^

Error [ERR_REQUIRE_ESM]: require() of ES Module E:\work\business\excalidraw\node_modules\node-fetch\src\index.js from E:\work\business\excalidraw\scripts\woff2\woff2-esbuild-plugins.js not supported.
Instead change the require of index.js in E:\work\business\excalidraw\scripts\woff2\woff2-esbuild-plugins.js to a dynamic import() which is available in all CommonJS modules.
at Object.<anonymous> (E:\work\business\excalidraw\scripts\woff2\woff2-esbuild-plugins.js:5:15)
at Object.<anonymous> (E:\work\business\excalidraw\scripts\buildPackage.js:4:32) {
code: 'ERR_REQUIRE_ESM'
}

Node.js v18.19.0
npm ERR! Lifecycle script `build:esm` failed with error:
npm ERR! Error: command failed
npm ERR! in workspace: [email protected]
npm ERR! at location: E:\work\business\excalidraw\packages\excalidraw

hawk.jimmy@DESKTOP-J0AGV6C MINGW64 /e/work/business/excalidraw/packages/excalidraw (master)

@qinfengge 现在的 github 这个版本, 对这个有点提升, 现在放在 \packages\excalidraw\fonts\assets\fonts.css 下有这份文件了, 等我能编译了, 扔个中文字体进去试试.

@maichael 也不是,就是如果有解决过的话, 其实可能就是一句话的问题. 上面的那个 @IvanLi127 已经说得比较到位了.

这个 excalidraw 涵盖这么多个 project
"workspaces": [
"excalidraw-app",
"packages/excalidraw",
"packages/utils",
"packages/math",
"examples/excalidraw",
"examples/excalidraw/*"
],

现在的问题是, 我希望是通过 sdk 集成的, 所以, 要把 packages/excalidraw 编译了, 发到 npm 做管理. 我尝试在我的环境里头编译 excalidraw-app 是没有问题的. 但是 编译 packages/excalidraw 是有问题的.

我截取个主要的报错,
},
"bugs": "https://github.com/excalidraw/excalidraw/issues",
"homepage": "https://github.com/excalidraw/excalidraw/tree/master/packages/excalidraw",
"scripts": {
"gen:types": "rm -rf types && tsc",
"build:esm": "rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types",
"pack": "yarn build:umd && yarn pack",
"start": "node ../../scripts/buildExample.mjs && vite",
"build:example": "node ../../scripts/buildExample.mjs",
"size": "yarn build:umd && size-limit"
}
}
PS E:\work\business\excalidraw\packages\excalidraw> npm run build:esm

> [email protected] build:esm
> rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types

'rm' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! Lifecycle script `build:esm` failed with error:
npm ERR! Error: command failed
npm ERR! in workspace: [email protected]
npm ERR! at location: E:\work\business\excalidraw\packages\excalidraw
PS E:\work\business\excalidraw\packages\excalidraw> npm run pack

> [email protected] pack
> yarn build:umd && yarn pack

yarn run v1.22.22
error Command "build:umd" not found.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
npm ERR! Lifecycle script `pack` failed with error:
npm ERR! Error: command failed
npm ERR! in workspace: [email protected]
npm ERR! at location: E:\work\business\excalidraw\packages\excalidraw

@fengzheng 你这个中文不是手写体的啊. 另外你知道怎么发布成 npm 包的不? 根据如下的这个文档, 我本地一直没法编译过去.

https://docs.excalidraw.com/docs/@excalidraw/excalidraw/development

@beldon 对的, 但是现在我是要把这个发布成 npm 包, 我要自己集成调用. 不知道有搞过的小伙伴没.

你这太复杂，内网走 smartdns 加 openvpen 服务端，其他地方 openvpn 客户端拨入即可。

技术没问题，政府监管才是问题