easylogic

import { ColorTransformer } from './ColorTransformer';
import { MatrixTransformer } from './MatrixTransformer';

interface Point {
  x: number;
  y: number;
}

interface RGBA {
  r: number;

easylogic

document, page, gl.component, gl.componentSet, variant, template

@document "Enterprise Design System" {
  description: "Enterprise application design system";
  version: "2.0.0";

  @variables {
    colors: {
      light: {

easylogic

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

easylogic

accordion token

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

easylogic

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

1. multi root elements

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

2. fragment

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

easylogic

사랑(SaLang - Stylish CSS based Language)

salang is css based language.

please show below code

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

easylogic

CL - CSS Language

.A {  // class A 

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

easylogic

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

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

그게 맞는듯

easylogic

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

inspector 에 추가 하는 방법

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

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

easylogic

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

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

animations: [{
  duration,
 timingFunction,