@ncds/ui-admin-mcp 1.6.4-alpha.4 → 1.6.4-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.

This version of @ncds/ui-admin-mcp might be problematic. Click here for more details.

Files changed (35) hide show
  1. package/README.md +5 -0
  2. package/bin/components.bundle.js +10 -0
  3. package/bin/server.js +24 -1
  4. package/bin/tools/listIcons.d.ts +18 -0
  5. package/bin/tools/listIcons.js +21 -0
  6. package/bin/tools/ping.js +3 -0
  7. package/bin/tools/renderToHtml.d.ts +3 -0
  8. package/bin/tools/renderToHtml.js +91 -0
  9. package/bin/tools/searchIcon.d.ts +6 -0
  10. package/bin/tools/searchIcon.js +18 -0
  11. package/bin/utils/dataLoader.d.ts +3 -0
  12. package/bin/utils/dataLoader.js +18 -1
  13. package/bin/version.d.ts +4 -1
  14. package/bin/version.js +4 -1
  15. package/data/badge.json +13 -7
  16. package/data/breadcrumb.json +1 -1
  17. package/data/button.json +14 -10
  18. package/data/checkbox.json +1 -1
  19. package/data/divider.json +9 -1
  20. package/data/dot.json +11 -1
  21. package/data/empty-state.json +1 -1
  22. package/data/icons.json +12361 -0
  23. package/data/input.json +3 -3
  24. package/data/notification.json +9 -1
  25. package/data/pagination.json +3 -1
  26. package/data/progress-bar.json +5 -1
  27. package/data/progress-circle.json +8 -1
  28. package/data/radio.json +1 -1
  29. package/data/select.json +6 -1
  30. package/data/slider.json +3 -1
  31. package/data/spinner.json +6 -3
  32. package/data/tab.json +15 -1
  33. package/data/toggle.json +3 -1
  34. package/data/tooltip.json +20 -1
  35. package/package.json +11 -1
package/data/input.json CHANGED
@@ -58,9 +58,9 @@
58
58
  }
59
59
  },
60
60
  "html": {
61
- "default": "<div class=\"ncua-input ncua-input--xs\"><div class=\"ncua-input__content-wrap\"><div class=\"ncua-input__content\"><div class=\"ncua-input__field ncua-input__field--xs\"><input type=\"text\" placeholder=\"텍스트를 입력하세요\"/></div></div></div></div>",
62
- "size:sm": "<div class=\"ncua-input ncua-input--sm\"><div class=\"ncua-input__content-wrap\"><div class=\"ncua-input__content\"><div class=\"ncua-input__field ncua-input__field--sm\"><input type=\"text\" placeholder=\"텍스트를 입력하세요\"/></div></div></div></div>",
63
- "size:md": "<div class=\"ncua-input ncua-input--md\"><div class=\"ncua-input__content-wrap\"><div class=\"ncua-input__content\"><div class=\"ncua-input__field ncua-input__field--md\"><input type=\"text\" placeholder=\"텍스트를 입력하세요\"/></div></div></div></div>"
61
+ "default": "<input class=\"ncua-input\" />",
62
+ "size:sm": "<input class=\"ncua-input ncua-input--sm\" />",
63
+ "size:xs": "<input class=\"ncua-input ncua-input--xs\" />"
64
64
  },
65
65
  "bemClasses": [
66
66
  "ncua-input",
package/data/notification.json CHANGED
@@ -60,7 +60,15 @@
60
60
  }
61
61
  },
62
62
  "html": {
63
- "default": "<div class=\"ncua-floating-notification ncua-floating-notification--neutral\" role=\"alert\" message=\"알림 메시지\"><div class=\"ncua-floating-notification__content\"><div class=\"ncua-floating-notification__container\"><div class=\"ncua-featured-icon ncua-featured-icon--dark-circle ncua-featured-icon--neutral ncua-featured-icon--sm\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.377 15.616 2.72 21.273m8.974-14.631-1.56 1.56a2 2 0 0 1-.264.242 1 1 0 0 1-.207.111c-.082.032-.17.05-.347.085l-3.665.733c-.952.19-1.428.286-1.65.537a1 1 0 0 0-.243.8c.046.333.39.677 1.076 1.363l7.086 7.086c.686.687 1.03 1.03 1.362 1.076a1 1 0 0 0 .801-.242c.251-.223.346-.7.537-1.651l.733-3.665c.035-.176.053-.265.085-.347a1 1 0 0 1 .11-.207c.051-.072.115-.136.242-.263l1.561-1.561c.082-.082.122-.122.167-.158q.06-.047.126-.085c.05-.029.103-.051.208-.097l2.495-1.069c.727-.312 1.091-.467 1.256-.72a1 1 0 0 0 .144-.747c-.06-.295-.34-.575-.9-1.135l-5.142-5.143c-.56-.56-.84-.84-1.135-.9a1 1 0 0 0-.748.145c-.252.165-.407.529-.72 1.256l-1.068 2.495a2 2 0 0 1-.097.208 1 1 0 0 1-.085.126 2 2 0 0 1-.158.167\"></path></svg></div><div class=\"ncua-floating-notification__text-container\"><div class=\"ncua-floating-notification__title-wrapper\"><span class=\"ncua-floating-notification__title\"></span></div></div></div></div></div>"
63
+ "default": "<div class=\"ncua-floating-notification\"></div>",
64
+ "color:error": "<div class=\"ncua-floating-notification ncua-floating-notification--error\"></div>",
65
+ "color:info": "<div class=\"ncua-floating-notification ncua-floating-notification--info\"></div>",
66
+ "color:neutral": "<div class=\"ncua-floating-notification ncua-floating-notification--neutral\"></div>",
67
+ "color:success": "<div class=\"ncua-floating-notification ncua-floating-notification--success\"></div>",
68
+ "color:warning": "<div class=\"ncua-floating-notification ncua-floating-notification--warning\"></div>",
69
+ "type:floating": "<div class=\"ncua-floating-notification ncua-floating-notification--floating\"></div>",
70
+ "type:full-width": "<div class=\"ncua-floating-notification ncua-floating-notification--full-width\"></div>",
71
+ "type:message": "<div class=\"ncua-floating-notification ncua-floating-notification--message\"></div>"
64
72
  },
65
73
  "bemClasses": [
66
74
  "ncua-floating-notification",
package/data/pagination.json CHANGED
@@ -41,7 +41,9 @@
41
41
  }
42
42
  },
43
43
  "html": {
44
- "default": "<div class=\"ncua-pagination ncua-pagination--pc\"><ul class=\"ncua-pagination__list\"><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num is-current\">1</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">2</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">3</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">4</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">5</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">6</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">7</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">8</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">9</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">10</button></li></ul><p class=\"ncua-pagination__page-info\"><em class=\"ncua-pagination__current-num\">1</em> / 10</p></div>"
44
+ "default": "<nav class=\"ncua-pagination\"></nav>",
45
+ "breakPoint:mo": "<nav class=\"ncua-pagination ncua-pagination--mo\"></nav>",
46
+ "breakPoint:pc": "<nav class=\"ncua-pagination ncua-pagination--pc\"></nav>"
45
47
  },
46
48
  "bemClasses": [
47
49
  "ncua-pagination",
package/data/progress-bar.json CHANGED
@@ -33,7 +33,11 @@
33
33
  }
34
34
  },
35
35
  "html": {
36
- "default": "<div class=\"ncua-progress-bar ncua-progress-bar-\"><div class=\"ncua-progress-bar__content\"><div class=\"ncua-progress-bar__bar \"><div class=\"ncua-progress-bar__fill\" style=\"width:50%\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div></div></div></div>"
36
+ "default": "<div class=\"ncua-progress-bar\"></div>",
37
+ "label:bottom": "<div class=\"ncua-progress-bar ncua-progress-bar--bottom\"></div>",
38
+ "label:bottom-float": "<div class=\"ncua-progress-bar ncua-progress-bar--bottom-float\"></div>",
39
+ "label:right": "<div class=\"ncua-progress-bar ncua-progress-bar--right\"></div>",
40
+ "label:top-float": "<div class=\"ncua-progress-bar ncua-progress-bar--top-float\"></div>"
37
41
  },
38
42
  "bemClasses": [
39
43
  "ncua-progress-bar",
package/data/progress-circle.json CHANGED
@@ -33,7 +33,14 @@
33
33
  }
34
34
  },
35
35
  "html": {
36
- "default": "<div class=\"ncua-progress-circle ncua-progress-circle-undefined ncua-progress-circle-circle\"><div class=\"ncua-progress-circle__content\"><svg class=\"ncua-progress-circle__svg\" viewBox=\"0 0 100 100\"><circle class=\"ncua-progress-circle__background\" cx=\"50\" cy=\"50\" r=\"45\" stroke-width=\"10\" fill=\"none\"></circle><circle class=\"ncua-progress-circle__progress\" cx=\"50\" cy=\"50\" r=\"45\" stroke-width=\"10\" fill=\"none\" stroke-dasharray=\"var(--circle-circumference)\" stroke-dashoffset=\"calc(var(--circle-circumference) * (1 - 50 / 100))\" transform=\"rotate(-90 50 50)\" stroke-linecap=\"round\"></circle></svg><div class=\"ncua-progress-circle__label-container\"><div class=\"ncua-progress-circle__label\">50%</div></div></div></div>"
36
+ "default": "<div class=\"ncua-progress-circle\"></div>",
37
+ "size:lg": "<div class=\"ncua-progress-circle ncua-progress-circle--lg\"></div>",
38
+ "size:md": "<div class=\"ncua-progress-circle ncua-progress-circle--md\"></div>",
39
+ "size:sm": "<div class=\"ncua-progress-circle ncua-progress-circle--sm\"></div>",
40
+ "size:xs": "<div class=\"ncua-progress-circle ncua-progress-circle--xs\"></div>",
41
+ "size:xxs": "<div class=\"ncua-progress-circle ncua-progress-circle--xxs\"></div>",
42
+ "theme:circle": "<div class=\"ncua-progress-circle ncua-progress-circle--circle\"></div>",
43
+ "theme:half-circle": "<div class=\"ncua-progress-circle ncua-progress-circle--half-circle\"></div>"
37
44
  },
38
45
  "bemClasses": [
39
46
  "ncua-progress-circle",
package/data/radio.json CHANGED
@@ -13,7 +13,7 @@
13
13
  }
14
14
  },
15
15
  "html": {
16
- "default": "<label class=\"ncua-radio-field ncua-radio-field--xs\"><span class=\"ncua-radio-input ncua-radio-input--xs ncua-radio-field__input\"><input type=\"radio\" label=\"라디오\" name=\"radio-group\"/></span><span></span></label>"
16
+ "default": "<label class=\"ncua-radio-field\"></label>"
17
17
  },
18
18
  "bemClasses": [
19
19
  "ncua-radio-field",
package/data/select.json CHANGED
@@ -54,7 +54,12 @@
54
54
  }
55
55
  },
56
56
  "html": {
57
- "default": "<span class=\"ncua-select ncua-select--md\"><span class=\"ncua-select__content\"><select class=\"ncua-select__tag\"><option value=\"\" selected=\"\">선택하세요</option></select></span></span>"
57
+ "default": "<div class=\"ncua-hint-text\"></div>",
58
+ "size:md": "<div class=\"ncua-hint-text ncua-hint-text--md\"></div>",
59
+ "size:sm": "<div class=\"ncua-hint-text ncua-hint-text--sm\"></div>",
60
+ "size:xs": "<div class=\"ncua-hint-text ncua-hint-text--xs\"></div>",
61
+ "type:default": "<div class=\"ncua-hint-text ncua-hint-text--default\"></div>",
62
+ "type:simple": "<div class=\"ncua-hint-text ncua-hint-text--simple\"></div>"
58
63
  },
59
64
  "bemClasses": [
60
65
  "ncua-hint-text",
package/data/slider.json CHANGED
@@ -46,7 +46,9 @@
46
46
  }
47
47
  },
48
48
  "html": {
49
- "default": "<div class=\"ncua-slider \"></div>"
49
+ "default": "<div class=\"ncua-slider\"></div>",
50
+ "labelPosition:bottom": "<div class=\"ncua-slider ncua-slider--bottom\"></div>",
51
+ "labelPosition:top-floating": "<div class=\"ncua-slider ncua-slider--top-floating\"></div>"
50
52
  },
51
53
  "bemClasses": [
52
54
  "ncua-slider"
package/data/spinner.json CHANGED
@@ -31,9 +31,12 @@
31
31
  }
32
32
  },
33
33
  "html": {
34
- "default": "<div class=\"ncua-spinner ncua-spinner--md\"><div class=\"ncua-spinner__content\"></div></div>",
35
- "size:sm": "<div class=\"ncua-spinner ncua-spinner--sm\"><div class=\"ncua-spinner__content\"></div></div>",
36
- "size:lg": "<div class=\"ncua-spinner ncua-spinner--lg\"><div class=\"ncua-spinner__content\"></div></div>"
34
+ "default": "<div class=\"ncua-spinner\"></div>",
35
+ "size:lg": "<div class=\"ncua-spinner ncua-spinner--lg\"></div>",
36
+ "size:md": "<div class=\"ncua-spinner ncua-spinner--md\"></div>",
37
+ "size:sm": "<div class=\"ncua-spinner ncua-spinner--sm\"></div>",
38
+ "size:xl": "<div class=\"ncua-spinner ncua-spinner--xl\"></div>",
39
+ "size:xs": "<div class=\"ncua-spinner ncua-spinner--xs\"></div>"
37
40
  },
38
41
  "bemClasses": [
39
42
  "ncua-spinner",
package/data/tab.json CHANGED
@@ -97,7 +97,21 @@
97
97
  }
98
98
  },
99
99
  "html": {
100
- "default": ""
100
+ "default": "<div class=\"ncua-horizontal-tab\"></div>",
101
+ "breakPoint:mobile": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--mobile\"></div>",
102
+ "breakPoint:pc": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--pc\"></div>",
103
+ "size:lg": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--lg\"></div>",
104
+ "size:md": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--md\"></div>",
105
+ "size:sm": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--sm\"></div>",
106
+ "tabButtonType:button-primary": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--button-primary\"></div>",
107
+ "tabButtonType:button-white": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--button-white\"></div>",
108
+ "tabButtonType:line-vertical": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--line-vertical\"></div>",
109
+ "tabButtonType:underline": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--underline\"></div>",
110
+ "tabButtonType:underline-fill": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--underline-fill\"></div>",
111
+ "type:button-primary": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--button-primary\"></div>",
112
+ "type:button-white": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--button-white\"></div>",
113
+ "type:underline": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--underline\"></div>",
114
+ "type:underline-fill": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--underline-fill\"></div>"
101
115
  },
102
116
  "bemClasses": [
103
117
  "ncua-horizontal-tab",
package/data/toggle.json CHANGED
@@ -37,7 +37,9 @@
37
37
  }
38
38
  },
39
39
  "html": {
40
- "default": "<label class=\"ncua-toggle ncua-toggle--md\"><input type=\"checkbox\" class=\"ncua-toggle__input\"/><span class=\"ncua-toggle__switch\"><span class=\"ncua-toggle__slider\"></span></span></label>"
40
+ "default": "<label class=\"ncua-toggle\"></label>",
41
+ "size:md": "<label class=\"ncua-toggle ncua-toggle--md\"></label>",
42
+ "size:sm": "<label class=\"ncua-toggle ncua-toggle--sm\"></label>"
41
43
  },
42
44
  "bemClasses": [
43
45
  "ncua-toggle",
package/data/tooltip.json CHANGED
@@ -88,7 +88,26 @@
88
88
  }
89
89
  },
90
90
  "html": {
91
- "default": "<span class=\"ncua-tooltip ncua-tooltip--sm ncua-tooltip--short ncua-tooltip--stroke ncua-tooltip--auto\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"none\" color=\"var(--gray-300)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10\"></path></svg><span class=\"ncua-tooltip__bg ncua-tooltip__bg--black ncua-tooltip__bg--bottom\"><span class=\"ncua-tooltip__content\">툴팁 내용</span></span></span>"
91
+ "default": "<div class=\"ncua-tooltip\"></div>",
92
+ "iconStyle:alert-circle": "<div class=\"ncua-tooltip ncua-tooltip--alert-circle\"></div>",
93
+ "iconStyle:help-circle": "<div class=\"ncua-tooltip ncua-tooltip--help-circle\"></div>",
94
+ "iconType:fill": "<div class=\"ncua-tooltip ncua-tooltip--fill\"></div>",
95
+ "iconType:stroke": "<div class=\"ncua-tooltip ncua-tooltip--stroke\"></div>",
96
+ "position:auto": "<div class=\"ncua-tooltip ncua-tooltip--auto\"></div>",
97
+ "position:bottom": "<div class=\"ncua-tooltip ncua-tooltip--bottom\"></div>",
98
+ "position:bottom-left": "<div class=\"ncua-tooltip ncua-tooltip--bottom-left\"></div>",
99
+ "position:bottom-right": "<div class=\"ncua-tooltip ncua-tooltip--bottom-right\"></div>",
100
+ "position:left": "<div class=\"ncua-tooltip ncua-tooltip--left\"></div>",
101
+ "position:right": "<div class=\"ncua-tooltip ncua-tooltip--right\"></div>",
102
+ "position:top": "<div class=\"ncua-tooltip ncua-tooltip--top\"></div>",
103
+ "position:top-left": "<div class=\"ncua-tooltip ncua-tooltip--top-left\"></div>",
104
+ "position:top-right": "<div class=\"ncua-tooltip ncua-tooltip--top-right\"></div>",
105
+ "size:md": "<div class=\"ncua-tooltip ncua-tooltip--md\"></div>",
106
+ "size:sm": "<div class=\"ncua-tooltip ncua-tooltip--sm\"></div>",
107
+ "tooltipType:black": "<div class=\"ncua-tooltip ncua-tooltip--black\"></div>",
108
+ "tooltipType:white": "<div class=\"ncua-tooltip ncua-tooltip--white\"></div>",
109
+ "type:long": "<div class=\"ncua-tooltip ncua-tooltip--long\"></div>",
110
+ "type:short": "<div class=\"ncua-tooltip ncua-tooltip--short\"></div>"
92
111
  },
93
112
  "bemClasses": [
94
113
  "ncua-tooltip",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ncds/ui-admin-mcp",
3
- "version": "1.6.4-alpha.4",
3
+ "version": "1.6.4-alpha.6",
4
4
  "description": "NCDS UI Admin MCP 서버 — AI 에이전트가 NCUA 컴포넌트를 조회하고 HTML을 검증할 수 있는 MCP 서버",
5
5
  "bin": {
6
6
  "ncua-mcp": "./bin/server.mjs"
@@ -15,6 +15,13 @@
15
15
  "node": ">=20"
16
16
  },
17
17
  "scripts": {
18
+ "extract": "tsx scripts/extract-mcp-data.ts",
19
+ "extract:icons": "tsx scripts/extract-icons.ts",
20
+ "render": "tsx scripts/render-mcp-html.ts",
21
+ "build:bundle": "tsx scripts/build-bundle.ts",
22
+ "build:server": "tsc --project tsconfig.json",
23
+ "build": "yarn extract && yarn extract:icons && yarn render && yarn build:bundle && yarn build:server",
24
+ "test": "vitest run --config vitest.config.ts",
18
25
  "publish:npm": "npm publish --access=public"
19
26
  },
20
27
  "keywords": [
@@ -28,7 +35,10 @@
28
35
  "private": false,
29
36
  "dependencies": {
30
37
  "@modelcontextprotocol/sdk": "^1.27.1",
38
+ "jsdom": "^26.1.0",
31
39
  "node-html-parser": "^7.1.0",
40
+ "react": "^18.2.0",
41
+ "react-dom": "^18.2.0",
32
42
  "zod": "^4.3.6"
33
43
  }
34
44
  }