kode-team / easylogic.studio Goto Github PK
View Code? Open in Web Editor NEWFantastic Web Design Tool
Home Page: https://editor.easylogic.studio
License: MIT License
Fantastic Web Design Tool
Home Page: https://editor.easylogic.studio
License: MIT License
What a wonderful editor and library to build it!
Congrats Jinho (and your team I guess) :)
I was curious to build the master version on my Ubuntu 19.10 and at build time, I got:
npm WARN npm npm does not support Node.js v10.15.2
npm WARN npm You should probably upgrade to a newer version of node as we
npm WARN npm can't make any promises that npm will work with this version.
npm WARN npm Supported releases of Node.js are the latest release of 4, 6, 7, 8, 9.
npm WARN npm You can find the latest version at https://nodejs.org/
> @easylogic/[email protected] dev /media/Data/editor
> webpack-dev-server --config=webpack.dev.config.js --progress --open
10% building 1/1 modules 0 activeℹ 「wds」: Project is running at http://localhost:8081/
ℹ 「wds」: webpack output is served from /
ℹ 「wds」: Content not from webpack is served from /media/Data/editor
12% building 22/28 modules 6 active /media/Data/editor/node_modules/events/events.jsℹ 「wdm」: wait until bundle finished: /
✖ 「wdm」: Hash: f92d05deb5947faf1fdf
Version: webpack 4.43.0
Time: 32285ms
Built at: 05/29/2020 2:39:22 PM
Asset Size Chunks Chunk Names
./index.html 1.85 KiB [emitted]
3a8ca398e6a5c3b83f4de7c60843a9a0.png 4.7 KiB [emitted]
bundle.css 603 KiB main [emitted] main
main.js 4.34 MiB main [emitted] main
Entrypoint main = bundle.css main.js
[0] multi (webpack)-dev-server/client?http://localhost:8081 ./src/index.js 40 bytes {main} [built]
[./node_modules/strip-ansi/index.js] 161 bytes {main} [built]
[./node_modules/webpack-dev-server/client/index.js?http://localhost:8081] (webpack)-dev-server/client?http://localhost:8081 4.29 KiB {main} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.51 KiB {main} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.53 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] (webpack)-dev-server/client/utils/createSocketUrl.js 2.91 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-dev-server/client/utils/log.js 964 bytes {main} [built]
[./node_modules/webpack-dev-server/client/utils/reloadApp.js] (webpack)-dev-server/client/utils/reloadApp.js 1.59 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/sendMessage.js] (webpack)-dev-server/client/utils/sendMessage.js 402 bytes {main} [built]
[./node_modules/webpack/hot sync ^\.\/log$] (webpack)/hot sync nonrecursive ^\.\/log$ 170 bytes {main} [built]
[./src/colorpicker/index.js] 1.31 KiB {main} [built]
[./src/csseditor/index.js] 1.91 KiB {main} [built]
[./src/index.js] 1.65 KiB {main} [built]
[./src/scss/index.scss] 39 bytes {main} [built]
[./src/util/index.js] 398 bytes {main} [built]
+ 691 hidden modules
ERROR in ./src/util/App.js
Module not found: Error: Can't resolve '../editor/Editor' in '/media/Data/editor/src/util'
@ ./src/util/App.js 29:0-42 56:27-33
@ ./src/util/index.js
@ ./src/index.js
ERROR in ./src/csseditor/ui/control/LayerTab.js
Module not found: Error: Can't resolve './ComponentItems' in '/media/Data/editor/src/csseditor/ui/control'
@ ./src/csseditor/ui/control/LayerTab.js 29:0-46 61:24-38
@ ./src/csseditor/ui/control/ObjectList.js
@ ./src/csseditor/editor/index.js
@ ./src/csseditor/index.js
@ ./src/index.js
ERROR in ./src/csseditor/ui/property/index.js
Module not found: Error: Can't resolve './KeyframeProperty' in '/media/Data/editor/src/csseditor/ui/property'
@ ./src/csseditor/ui/property/index.js 17:0-50 96:20-36
@ ./src/csseditor/ui/control/Inspector.js
@ ./src/csseditor/editor/index.js
@ ./src/csseditor/index.js
@ ./src/index.js
Child html-webpack-plugin for "index.html":
1 asset
Entrypoint undefined = ./index.html
[./node_modules/html-webpack-plugin/lib/loader.js!./src/index.html] 1.8 KiB {0} [built]
Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js!node_modules/postcss-loader/src/index.js!node_modules/sass-loader/dist/cjs.js??ref--6-3!src/scss/index.scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src/index.js!./node_modules/sass-loader/dist/cjs.js?!./src/scss/index.scss] ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src!./node_modules/sass-loader/dist/cjs.js??ref--6-3!./src/scss/index.scss 623 KiB {mini-css-extract-plugin} [built]
[./node_modules/css-loader/dist/runtime/api.js] 2.35 KiB {mini-css-extract-plugin} [built]
[./node_modules/css-loader/dist/runtime/url-escape.js] 460 bytes {mini-css-extract-plugin} [built]
[./src/scss/images/icon128.png] 82 bytes {mini-css-extract-plugin} [built]
ℹ 「wdm」: Failed to compile.
localhost:8080 is used by a running container so 8081 is legit.
BTW, I noted it opens a browser page which calls scripts d-collect.jennifersoft.com and googletagmanager. Is it really needed to run it locally?
Thank you very much again for this wonderful project :)
Have a great day,
from France.
에디터 자체를 모듈로서 임베드 할 수 있도록 한다.
문서화 작업 시작
svg 로 만든 패턴을 path 에 입힌다.
현재는 객체를 추가 할 때 전체 렌더링을 다시 하게 되는데.
기본 원리는 이렇다.
이렇게 한 이유는 객체가 여러 시점에 동시에 하나 이상이 추가 될 수 있기 때문에 그랬는데.....
변화량을 최소화 하기 위해서
style 태그를 재 생성하지 않는 방식으로 가야겠다.
element 는 그대로 새로고침 한다고 쳤을 때
여기는 diff 를 따라서 그리도록 해야할 듯 하다.
selection 툴에서 rotate 툴 분리
무료 샘플 이미지를 가지고 와서 적용해보자.
vscode-liked event system을 구축
editor.shortcuts.registerShortCut({
key: 'cmd+c', // 공통 키 설정
win: 'win+c', // windows 일 때 동작
mac: 'cmd+c', // mac os 일 때 동작
linux: 'ctrl+c', // linux 일 때 동작
command: 'clipboard.copy',
description: 'copy',
args: { 'text' : 'test' },
when: 'CanvasView'
});
설치형 어플리케이션으로 만들어보자?
FF 에서 input 의 길이를 상위 Node 와 동일하도록 width :100%
으로 맞춰야함
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.