api-render-ui 1.1.8 → 1.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "api-render-ui",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "description": "api-render-ui is a UI library that pursues simple and efficient data rendering for openapi.",
   "type": "module",
   "main": "./dist/index.js",
@@ -44,12 +44,8 @@
   "files": [
     "dist",
     "example",
-    "scripts",
-    "src",
     "Readme.md",
     "package.json",
-    "tsconfig.json",
-    "tsup.config.ts",
     "LICENSE"
   ]
 }

package/scripts/inline-styles.mjs

@@ -1,34 +0,0 @@
-// scripts/inline-styles.mjs
-//当本项目导出为依赖时，需要处理全局styles.css在第三方应应用中无法加载的问题，解决方案是将styles.css转换为内联style添加到DOM树中，在此
-//第一步需要转换成ts文件中的字符串文本，方便后续处理
-import { readFile, writeFile } from 'node:fs/promises';
-import { fileURLToPath } from 'node:url';
-import { dirname, join } from 'node:path';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const cssPath = join(__dirname, '..', 'src', 'api-render-ui.css');
-const outputPath = join(__dirname, '..', 'src', 'inlined-styles.ts');
-
-try {
-  // 读取 CSS 文件
-  const cssContent = await readFile(cssPath, 'utf8');
-
-  // 转义反引号和换行（确保能安全放入模板字符串）
-  const escapedCss = cssContent
-    .replace(/\\/g, '\\\\')     // 转义反斜杠
-    .replace(/`/g, '\\`')       // 转义反引号
-    .replace(/\$/g, '\\$');     // 转义 $（避免模板字符串插值）
-
-  // 生成 TS 文件内容
-  const tsContent = `// Auto-generated by inline-styles.mjs\nexport const GLOBAL_STYLES = \`${escapedCss}\`;\n`;
-
-  // 写入文件
-  await writeFile(outputPath, tsContent, 'utf8');
-
-  console.log('✅ Successfully inlined styles.css into inlined-styles.ts');
-} catch (err) {
-  console.error('❌ Failed to inline styles:', err);
-  process.exit(1);
-}

package/src/api-render-ui.css

@@ -1,302 +0,0 @@
-.codigma-apioperatorlist {
-    align-items: flex-start;
-    background: var(--surface, white);
-    display: inline-flex;
-    flex-direction: column;
-    gap: 5px;
-    justify-content: flex-start;
-    width: 100%
-}
-/* Theme variables and mappings */
-:root {
-    --Labels---Vibrant---Controls-Primary-√: #404040;
-    --primary: #404040;
-    --main-color: #404040; /* main / primary color */
-    --aux-color: #a9c7ef;  /* auxiliary color for hover / accents */
-    --embellish-color: #ced8e7; /* embellishment color for active states */
-    --surface: white;
-    --text: black;
-    --even-bg: rgb(235, 239, 244);
-    --odd-bg: rgb(250, 246, 246);
-    --hover-bg: var(--aux-color, rgb(169, 199, 239));
-    --active-bg: var(--embellish-color, rgb(206, 216, 231));
-}
-
-.codigma-theme-light {
-    --main-color: #404040;
-    --aux-color: #a9c7ef;
-    --embellish-color: #ced8e7;
-    --primary: var(--main-color);
-    --Labels---Vibrant---Controls-Primary-√: var(--main-color);
-    --surface: white;
-    --text: black;
-    --even-bg: rgb(235, 239, 244);
-    --odd-bg: rgb(250, 246, 246);
-    --hover-bg: var(--aux-color);
-    --active-bg: var(--embellish-color);
-}
-
-.codigma-theme-dark {
-    --main-color: #9fb8ff;
-    --aux-color: #334155;
-    --embellish-color: #22303a;
-    --primary: var(--main-color);
-    --Labels---Vibrant---Controls-Primary-√: var(--main-color);
-    --surface: #1f1f1f;
-    --text: #e6e6e6;
-    --even-bg: #2a2a2a;
-    --odd-bg: #222222;
-    --hover-bg: var(--aux-color);
-    --active-bg: var(--embellish-color);
-}
-.codigma-apioperator {
-    align-items: center;
-    align-self: stretch;
-    display: inline-flex;
-    gap: 10px;
-    /* border-radius: 8px; */
-    height: 32px;
-    justify-content: flex-start
-}
-.codigma-apioperator:nth-child(even) {
-    color: var(--main-color, var(--primary, #404040));
-}
-.codigma-apioperator:nth-child(odd) {
-    color: var(--main-color, var(--primary, #404040));
-}
-
-.codigma-apioperator:hover {
-    cursor: pointer;
-    color: var(--text, black);
-    background-color: var(--hover-bg, rgba(169,199,239,0.12));
-    transition: background-color .12s ease, color .12s ease;
-    border-radius: 4px;
-}
-.codigma-apioperator:active {
-    color: var(--main-color, var(--primary, #404040));
-}
-.codigma-method {
-    align-items: center;
-    display: flex;
-    gap: 5px;
-    justify-content: center;
-    width: 64px
-}
-.codigma-methodtype {
-    align-items: center;
-    display: flex;
-    gap: 10px;
-    justify-content: center
-}
-.codigma-get {
-    color: var(--main-color, var(--primary, #404040));
-    word-wrap: break-word
-}
-.codigma-requrl {
-    color: var(--text, black);
-    flex: 1 1 0;
-    word-wrap: break-word
-}
-/**********************apiunit css style*************************/
-.codigma-apiunit {
-    align-items: flex-start;
-    background: var(--surface, white);
-    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-    display: inline-flex;
-    flex-direction: column;
-    gap: 8px;
-    justify-content: flex-start;
-    width: 100%
-}
-.codigma-apiunit-apioperator {
-    align-items: center;
-    align-self: stretch;
-    border-bottom: 1px var(--main-color, var(--primary, #404040)) solid;
-    border-top: 1px var(--main-color, var(--primary, #404040)) solid;
-    display: inline-flex;
-    gap: 10px;
-    height: 48px;
-    justify-content: flex-start
-}
-.codigma-apiunit-method {
-    align-items: center;
-    display: flex;
-    gap: 5px;
-    height: 48px;
-    justify-content: center;
-    width: 100px
-}
-.codigma-apiunit-methodtype {
-    align-items: center;
-    display: flex;
-    gap: 10px;
-    justify-content: center
-}
-.codigma-apiunit-post {
-    color: var(--main-color, var(--primary, #404040));
-    word-wrap: break-word
-}
-.codigma-apiunit-requrl {
-    color: var(--text, black);
-    flex: 1 1 0;
-    word-wrap: break-word;
-    border-left: 0;
-    border-right: 0;
-    border-top: 0;
-    border-bottom: 1px var(--main-color, var(--primary, #404040)) solid;
-    height: 70%;
-}
-.codigma-apiunit-send-button {
-    align-items: center;
-    display: flex;
-    gap: 10px;
-    height: 32px;
-    justify-content: center;
-    width: 88px
-}
-.codigma-apiunit-send {
-    color: var(--text, black);
-    word-wrap: break-word
-}
-.codigma-apiunit-send-button:hover {
-    cursor: pointer;
-}
-.codigma-apiunit-send-button:active {
-    background-color: gray;
-}
-
-.codigma-apiunit-reqcontent {
-    align-items: flex-start;
-    align-self: stretch;
-    display: flex;
-    flex-direction: column;
-    flex: 1 1 0;
-    gap: 5px;
-    justify-content: flex-start;
-    padding-left: 5px;
-}
-.codigma-apiunit-paramters-section {
-    align-items: center;
-    align-self: stretch;
-    display: inline-flex;
-    flex: 1 1 0;
-    justify-content: flex-start
-}
-.codigma-apiunit-parameters-cnr {
-    align-items: center;
-    background: var(--surface, white);
-    display: flex;
-    height: 42px;
-    justify-content: space-between;
-    width: 122px
-}
-.codigma-apiunit-parakeyvalues {
-    align-items: flex-start;
-    align-self: stretch;
-    background: var(--surface, white);
-    display: inline-flex;
-    flex-direction: column;
-    flex: 1 1 0;
-    gap: 10px;
-    justify-content: flex-start;
-    overflow: hidden;
-    padding: 10px
-}
-.codigma-apiunit-keyvalue {
-    align-items: center;
-    display: inline-flex;
-    flex: 1 1 0;
-    gap: 10px;
-    justify-content: flex-start
-}
-.codigma-apiunit-valuetext {
-    align-self: stretch;
-    background: var(--surface, white);
-    border-left: 0;
-    border-right: 0;
-    border-top: 0;
-    border-bottom: 1px var(--main-color, var(--primary, #404040)) solid;
-    padding: 10px;
-    width: 161px
-}
-/* .codigma-apiunit-keyvalue {
-    align-items: center;
-    display: inline-flex;
-    flex: 1 1 0;
-    gap: 10px;
-    justify-content: flex-start;
-    width: 211px
-} */
-.codigma-apiunit-request-body-section {
-    align-items: center;
-    align-self: stretch;
-    display: inline-flex;
-    justify-content: flex-start;
-    padding-right: 5px
-}
-.codigma-apiunit-request-body-info {
-    align-self: stretch;
-}
-.codigma-apiunit-parakeyvalues {
-    align-items: flex-start;
-    align-self: stretch;
-    background: var(--surface, white);
-    display: flex;
-    flex: 1 1 0;
-    gap: 10px;
-    justify-content: flex-start;
-    outline-offset: -1px;
-    outline: 1px var(--main-color, var(--primary, #404040)) solid;
-    overflow: hidden;
-    padding: 10px
-}
-.codigma-apiunit-reqresponse {
-    align-items: flex-start;
-    align-self: stretch;
-    background: var(--surface, white);
-    border-top: 1px var(--main-color, var(--primary, #404040)) solid;
-    display: flex;
-    flex-direction: column;
-    flex: 1 1 0;
-    gap: 10px;
-    justify-content: flex-start;
-    padding-left: 5px;
-    padding-right: 5px
-}
-.codigma-apiunit-responsedesc {
-    align-items: center;
-    align-self: stretch;
-    display: inline-flex;
-    justify-content: space-between;
-    padding-right: 32px
-}
-.codigma-apiunit-responsetitle {
-    align-items: center;
-    border-bottom: 1px var(--main-color, var(--primary, #404040)) solid;
-    display: flex;
-    height: 42px;
-    justify-content: space-between;
-    width: 122px
-}
-.codigma-apiunit-response-cnr {
-    align-items: center;
-    align-self: stretch;
-    background: var(--surface, white);
-    display: flex;
-    justify-content: space-between;
-    padding-top: 2px;
-    width: 122px
-}
-.codigma-apiunit-responsebody {
-    position: relative;
-    align-self: stretch;
-    min-height: 5rem;
-    flex-shrink: 0;
-    /* padding: 2px */
-}
-.codigma-apiunit-apioperator:hover {
-    cursor: pointer;
-    color: var(--text, black);
-    background-color: var(--hover-bg, rgba(169,199,239,0.08));
-    transition: background-color .12s ease, color .12s ease;
-}