kotoba2tsx 0.1.16

Complete toolchain for converting Kotoba configuration files to React TypeScript components
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

{
  "config": {
    "name": "MyApp",
    "version": "1.0.0",
    "theme": "light"
  },

  "components": {
    "App": {
      "type": "component",
      "name": "App",
      "component_type": "div",
      "props": {
        "className": "app-container"
      },
      "children": ["Header", "Content"]
    },

    "Header": {
      "type": "component",
      "name": "Header",
      "component_type": "header",
      "props": {
        "className": "app-header",
        "title": "My App"
      },
      "children": []
    },

    "Content": {
      "type": "component",
      "name": "Content",
      "component_type": "main",
      "props": {
        "className": "app-content"
      },
      "children": []
    }
  },

  "handlers": {
    "handleClick": {
      "type": "handler",
      "name": "handleClick",
      "function": "console.log('Button clicked');"
    }
  },

  "states": {
    "isOpen": false,
    "userName": "Guest"
  }
}