jinho park easylogic

accordion token

export const accordion = {
  root: {
    borderColor: { value: '{colors.gray.1000}' },
    paddingInline: { value: '{spacing.2}' },
    paddingBlock: { value: '{spacing.2}' },
    borderRadius: { value: '{radii.sm}' },
  },

Sapa 의 몇가지 문제점(?)들을 다시 생각해본다.

multi root elements

Sapa 는 기본적으로 컴포넌트 기반으로 설계가 되어 있기 때문에 컴포넌트는 하나의 element 를 root 를 가질 수 있다. multi elements 가 될려면 fragment 로 감싸야 하는다.

fragment

vnode 를 처음 생성해서 dom 을 만들때는 괜찮지만 update 할 때가 문제다.

사랑(SaLang - Stylish CSS based Language)

salang is css based language.

please show below code

span.MyComponent {
    // properties 
    --background-color: yellow;

CL - CSS Language

.A {  // class A 

  // initialize 
  
  // private
   --value: 10;

저장 하는 config 와 아닌 것을 구분해야함

방법은 config 와 똑같이 하고 config 에 선언이 안되어 있거나. storage : none 옵션이 있는 애들은 저장을 안하는걸로 해야할 듯

그게 맞는듯

특정 컴포넌트 또는 특정 설정에 대한 여러가지 값을 json 형태로 에디터를 바로 만들어서 사용하는 개념

inspector 에 추가 하는 방법

itemType 에 따라 수정되어야 하는 속성에 대해서 json 형태로 나열해주면 리턴을 json 형태로 동일하게 해준다.

    editor.registerInspector('polygon', (item) => {
        return [
            {

문자열 데이타에서 객체 기반 데이타로 변경

animation 은 복잡한 데이타를 매번 합성해야하기 때문에 처음부터 json object 형태로 핸들링한다.

animations: [{
  duration,
 timingFunction,

sample file

에디터에서 소수점 ?

path 에디터를 편하게 구현하기 위해

좌표를 0..1 사이의 값으로 모두 대체하고

width,height가 변경될때마다 scale up 을 했는데 계속적으로 오차가 발생하게 됨으로써 사용하지 않는것으로 한다.

대신에 몇가지를 정의한다.

	{
	"type": "FRAME",
	"name": "Comprehensive Machine Health Sensors Dashboard",
	"x": 0,
	"y": 0,
	"width": 1920,
	"height": 1080,
	"minWidth": 1600,
	"maxWidth": 2560,
	"minHeight": 900,