@_tc/template-core 0.2.0-bate.1 → 0.2.0-bate.11

package/cjs/bundler/utils.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/_rolldown/runtime.js`),t=require(`../packages/common/log/index.js`),n=require(`../packages/utils/path.js`);require(`../packages/utils/index.js`);const r=require(`./state.js`);let i=require(`fs`),a=require(`path`);a=e.__toESM(a);let o=require(`glob`);o=e.__toESM(o);let s=require(`vite`),c=require(`@tailwindcss/vite`);c=e.__toESM(c);let l=require(`module`),u=require(`url`);var d=typeof __filename==`string`?__filename:(0,u.fileURLToPath)({}.url),f=a.default.dirname(d),p=process.cwd(),m=(0,l.createRequire)(d),h=a.default.resolve(f,`../../`),g=a.default.resolve(f,`../`),_=a.default.resolve(h,`./fe/frontend`),v=a.default.resolve(p,`.`),y=a.default.resolve(v,`./frontend`),b=e=>a.default.dirname(m.resolve(`${e}/package.json`)),x=a.default.join(v,`.tc-entry-html`),S=`<!-- {{InsertScript}} -->`,C={head:`<!-- TC_HEAD_SLOT -->`,bodyBeforeRoot:`<!-- TC_BODY_BEFORE_ROOT_SLOT -->`,bodyAfterRoot:`<!-- TC_BODY_AFTER_ROOT_SLOT -->`},w=[`head`,`body-before-root`,`body-after-root`],T=()=>({head:``,"body-before-root":``,"body-after-root":``}),E=e=>e.trim().replace(/<!--(?!\s*(?:tc-slot:|\/tc-slot:))[\s\S]*?-->/g,``).replace(/>\s+</g,`><`),D=e=>{let t=[],n=e.replace(/<(script|style|textarea|pre)\b[\s\S]*?<\/\1>/gi,e=>{let n=`__TC_HTML_PRESERVED_${t.length}__`;return t.push(e),n}).replace(/<!--(?!\s*(?:tc-slot:|\/tc-slot:|\{\{InsertScript\}\}|TC_))[\s\S]*?-->/g,``).replace(/>\s+</g,`><`).trim();return t.reduce((e,t,n)=>e.replace(`__TC_HTML_PRESERVED_${n}__`,t),n)},O=e=>e.split(a.default.sep).join(`/`),k=e=>{let t=O(e);return t.startsWith(`.`)||t.startsWith(`/`)?t:`./${t}`},A=e=>/<html[\s>]/i.test(e)&&e.includes(`window['_basePath']`)&&/<div\s+id=["']root["']\s*><\/div>/i.test(e),j=e=>{let n=T(),r=(0,i.readFileSync)(e,`utf-8`),a=/<!--\s*tc-slot:([\w-]+)\s*-->([\s\S]*?)<!--\s*\/tc-slot:\1\s*-->/g,o=!1,s=r;if(r.replace(a,(t,r,i)=>{if(o=!0,!w.includes(r))throw Error(`Invalid html slot "${r}" in ${e}. Allowed slots: ${w.join(`, `)}.`);return n[r]+=i.trim()?`${i}\n`:``,s=s.replace(t,``),t}),s.trim()){if(A(r))return t.logYellow(`ignored legacy generated entry html: ${e}`),T();throw Error([`Invalid custom entry html: ${e}.`,`Custom entry html can only contain tc-slot blocks, for example:`,`<!-- tc-slot:head -->`,`<meta name="description" content="..." />`,`<!-- /tc-slot:head -->`].join(`
 `))}return o&&t.logYellow(`using custom entry html slots: ${e}`),n},M=(e,t)=>{let r=a.default.basename(e),s=[a.default.join(e,`${t}.html`),a.default.join(e,`${r}.html`)].find(e=>(0,i.existsSync)(e));if(s)return s;if(o.sync(n.resolve(e,`*.html`)).length)throw Error([`Entry html filename is not supported in ${e}.`,`Use ${t}.html or ${r}.html as a tc-slot file.`].join(`
-`))},N=(e,t)=>e.replace(C.head,E(t.head)).replace(C.bodyBeforeRoot,E(t[`body-before-root`])).replace(C.bodyAfterRoot,E(t[`body-after-root`])),P=(e=new Date)=>{let t=(e,t=2)=>e.toString().padStart(t,`0`);return[e.getFullYear(),t(e.getMonth()+1),t(e.getDate()),t(e.getHours())].join(`/`)+`:${t(e.getMinutes())}:${t(e.getSeconds())}:${t(e.getMilliseconds(),3)}`},F=(e,t,n,r)=>{let o=a.default.join(x,`${n}.html`),s=k(a.default.relative(a.default.dirname(o),t));return(0,i.writeFileSync)(o,N(e,r).replace(S,`<script type="module" src="${s}"><\/script>`)),o};function I(){t.logWhite(`frameFEPath: `+_),t.logWhite(`runFEPath: `+y);let e=[_,y].reduce((e,t)=>{let r=[`js`,`jsx`,`ts`,`tsx`].map(e=>n.resolve(t,`/**`,`/*.`+e)),i=o.sync(r).filter(e=>e.includes(`.entry.`)).filter(e=>!e.includes(`.d.ts`));return[...e,...i]},[]),r={};if(!e.length)return r;(0,i.rmSync)(x,{recursive:!0,force:!0}),(0,i.mkdirSync)(x,{recursive:!0});let s=(0,i.readFileSync)(a.default.resolve(g,`./app/view/entry.tpl`),`utf-8`);for(let t=0;t<e.length;t++){let n=e[t],i=a.default.resolve(n,`../`),o=M(i,a.default.basename(n).replace(/\.entry\.[^.]+$/,``)),c=o?a.default.basename(o,`.html`):i.split(a.default.sep).at(-1);r[c]=F(s,n,c,o?j(o):T())}return r}function L(){let e=r.buildFESharedState.options.output??`frame`;return e!==`frame`&&t.logRed(`Please pay attention to the build output.`),e===`run`?a.default.join(v,`./app/public/dist`):typeof e==`function`?e():a.default.join(g,`./app/public/dist`)}var R=async e=>{let n=(await import(`chokidar`)).watch(y,{ignored:/(^|[\/\\])\../,persistent:!0,ignoreInitial:!0}),r=!1;n.on(`change`,async n=>{if(!r){r=!0,t.logYellow(`changed: ${n}`);try{await e?.()}catch(e){t.logRed(e)}finally{r=!1}}}),t.logYellow(`watching ${y}/...`)};function z(){return{name:`flatten-html`,apply:`build`,closeBundle(){let e=L(),t=P();(0,i.writeFileSync)(n.resolve(e,`./FEBuildKey`),t)}}}function B(e=`.html`){let n=[...new Set(Array.isArray(e)?e:[e])];return{name:`flatten-html`,apply:`build`,closeBundle(){let e=L();if(!(0,i.existsSync)(e))return;let s=r.buildFESharedState.options.minifyHtml??!1,c=o.sync(`**/*.html`,{cwd:e,dot:!0});for(let t of c){let r=a.default.join(e,t),o=(0,i.readFileSync)(r,`utf-8`),c=s?D(o):o,l=a.default.basename(t,`.html`),u=`.entry`;l.indexOf(u)===-1&&(l+=u);for(let t of n){let n=l+t,o=a.default.join(e,n);r===o?s&&(0,i.writeFileSync)(o,c):(0,i.writeFileSync)(o,c)}n.some(t=>r===a.default.join(e,l+t))||(0,i.unlinkSync)(r)}let l=[...new Set(c.map(e=>a.default.dirname(e)))].sort().reverse(),u=e=>{if(!((0,i.existsSync)(e)?(0,i.readdirSync)(e):[1]).length){(0,i.rmdirSync)(e);let t=e.split(a.default.sep).slice(0,-1);t.length&&u(t.join(a.default.sep))}};for(let t of l)t&&t!==`.`&&u(a.default.join(e,t));let d=n.flatMap(t=>o.sync(`**/*`+t,{cwd:e,dot:!0}));for(let e of d)t.logYellow(`final file path -----> `+e)}}}function V(e){let t=[``,`.ts`,`.tsx`,`.js`,`.jsx`];return e.reduce((e,[n,r,o=y,s=`./defaultAlias`])=>{let c=t.map(e=>a.default.resolve(o,r+e)).find(e=>(0,i.existsSync)(e)),l=a.default.resolve(f,s);return c&&(l=c),e[n]=l,e},{})}var H=(...e)=>new RegExp(e.join(`[\\/]`)),U=e=>`_${e}_tcC`,W=async(e,n)=>{try{await(0,s.build)({configFile:!1,base:`/dist`,plugins:[(await import(`@vitejs/plugin-react`)).default(),B([`.tpl`]),z(),(0,c.default)()],build:{outDir:L(),emptyOutDir:!0,sourcemap:n===`dev`?`inline`:`hidden`,rolldownOptions:{input:e,output:{codeSplitting:{groups:[{name:U(`__nm`),test:H(`node_modules`),maxSize:5e5,minShareCount:2,priority:1},{name:U(`r`),test:H(`node_modules`,`react`),minShareCount:2,maxSize:5e5,priority:5},{name:U(`r-d`),test:H(`node_modules`,`react-dom`),minShareCount:2,maxSize:2e5,priority:10},{name:U(`r-r-d`),test:H(`node_modules`,`react-router-dom`),minShareCount:2,maxSize:5e5,priority:10},{name:U(`ajv`),test:H(`node_modules`,`ajv`),minShareCount:2,maxSize:2e5,priority:10},{name:U(`ui-lib`),test:H(`components`),minShareCount:2,maxSize:2e5,priority:5},{name:U(`ui-f-lib`),test:H(`components`,`.*?[Ff]orm.*?`),minShareCount:2,maxSize:5e4,priority:10}]}}}},resolve:{alias:{react:b(`react`),"react-dom":b(`react-dom`),"@tc/ui-react/hooks":a.default.resolve(f,`../../fe/packages/react/hooks/`),"@tc/ui-react":a.default.resolve(f,`../../fe/packages/react/ui/`),...V([[`@tc/scalability/SchemaForm/frameData`,`./extended/SchemaForm/data`,_],[`@tc/scalability/SchemaForm/data`,`./extended/SchemaForm/data`],[`@tc/scalability/SchemaPage/CallCom/data`,`./extended/SchemaPage/CallCom/data`],[`@tc/scalability/dash/customRoutes`,`./extended/dash/customRoutes`],[`@tc/scalability/dash/init`,`./extended/dash/init`],[`@tc/scalability/dash/components`,`./extended/dash/components`],[`@tc/scalability/dash/routeGuard`,`./extended/dash/routeGuard`,void 0,`./defaultRouteGuard`]])}}}),t.logJoinColorized(t.colorize(`builded`,`green`),t.colorize(` -> `,`white`),t.colorize(`time: `,`cyan`),t.colorize(new Date,`pink`))}catch(e){if(t.logRed(e),n!==`dev`)throw e}};exports.VBuildFE=W,exports.entries=I,exports.generateBuildKeyPlugin=z,exports.outDir=L,exports.watchFiles=R;
+`))},N=(e,t)=>e.replace(C.head,E(t.head)).replace(C.bodyBeforeRoot,E(t[`body-before-root`])).replace(C.bodyAfterRoot,E(t[`body-after-root`])),P=(e=new Date)=>{let t=(e,t=2)=>e.toString().padStart(t,`0`);return[e.getFullYear(),t(e.getMonth()+1),t(e.getDate()),t(e.getHours())].join(`/`)+`:${t(e.getMinutes())}:${t(e.getSeconds())}:${t(e.getMilliseconds(),3)}`},F=(e,t,n,r)=>{let o=a.default.join(x,`${n}.html`),s=k(a.default.relative(a.default.dirname(o),t));return(0,i.writeFileSync)(o,N(e,r).replace(S,`<script type="module" src="${s}"><\/script>`)),o};function I(){t.logWhite(`frameFEPath: `+_),t.logWhite(`runFEPath: `+y);let e=[_,y].reduce((e,t)=>{let r=[`js`,`jsx`,`ts`,`tsx`].map(e=>n.resolve(t,`/**`,`/*.`+e)),i=o.sync(r).filter(e=>e.includes(`.entry.`)).filter(e=>!e.includes(`.d.ts`));return[...e,...i]},[]),r={};if(!e.length)return r;(0,i.rmSync)(x,{recursive:!0,force:!0}),(0,i.mkdirSync)(x,{recursive:!0});let s=(0,i.readFileSync)(a.default.resolve(g,`./app/view/entry.tpl`),`utf-8`);for(let t=0;t<e.length;t++){let n=e[t],i=a.default.resolve(n,`../`),o=M(i,a.default.basename(n).replace(/\.entry\.[^.]+$/,``)),c=o?a.default.basename(o,`.html`):i.split(a.default.sep).at(-1);r[c]=F(s,n,c,o?j(o):T())}return r}function L(){let e=r.buildFESharedState.options.output??`frame`;return e!==`frame`&&t.logRed(`Please pay attention to the build output.`),e===`run`?a.default.join(v,`./app/public/dist`):typeof e==`function`?e():a.default.join(g,`./app/public/dist`)}var R=async e=>{let n=(await import(`chokidar`)).watch(y,{ignored:/(^|[\/\\])\../,persistent:!0,ignoreInitial:!0}),r=!1;n.on(`change`,async n=>{if(!r){r=!0,t.logYellow(`changed: ${n}`);try{await e?.()}catch(e){t.logRed(e)}finally{r=!1}}}),t.logYellow(`watching ${y}/...`)};function z(){return{name:`flatten-html`,apply:`build`,closeBundle(){let e=L(),t=P();(0,i.writeFileSync)(n.resolve(e,`./FEBuildKey`),t)}}}function B(e=`.html`){let n=[...new Set(Array.isArray(e)?e:[e])];return{name:`flatten-html`,apply:`build`,closeBundle(){let e=L();if(!(0,i.existsSync)(e))return;let s=r.buildFESharedState.options.minifyHtml??!1,c=o.sync(`**/*.html`,{cwd:e,dot:!0});for(let t of c){let r=a.default.join(e,t),o=(0,i.readFileSync)(r,`utf-8`),c=s?D(o):o,l=a.default.basename(t,`.html`),u=`.entry`;l.indexOf(u)===-1&&(l+=u);for(let t of n){let n=l+t,o=a.default.join(e,n);r===o?s&&(0,i.writeFileSync)(o,c):(0,i.writeFileSync)(o,c)}n.some(t=>r===a.default.join(e,l+t))||(0,i.unlinkSync)(r)}let l=[...new Set(c.map(e=>a.default.dirname(e)))].sort().reverse(),u=e=>{if(!((0,i.existsSync)(e)?(0,i.readdirSync)(e):[1]).length){(0,i.rmdirSync)(e);let t=e.split(a.default.sep).slice(0,-1);t.length&&u(t.join(a.default.sep))}};for(let t of l)t&&t!==`.`&&u(a.default.join(e,t));let d=n.flatMap(t=>o.sync(`**/*`+t,{cwd:e,dot:!0}));for(let e of d)t.logYellow(`final file path -----> `+e)}}}function V(e){let t=[``,`.ts`,`.tsx`,`.js`,`.jsx`];return e.reduce((e,[n,r,o=y,s=`./defaultAlias`])=>{let c=t.map(e=>a.default.resolve(o,r+e)).find(e=>(0,i.existsSync)(e)),l=a.default.resolve(f,s);return c&&(l=c),e[n]=l,e},{})}var H=(...e)=>new RegExp(e.join(`[\\/]`)),U=e=>`_${e}_tcC`,W=async(e,n)=>{try{await(0,s.build)({configFile:!1,base:`/dist`,plugins:[(await import(`@vitejs/plugin-react`)).default(),B([`.tpl`]),z(),(0,c.default)()],build:{outDir:L(),emptyOutDir:!0,sourcemap:n===`dev`?`inline`:`hidden`,rolldownOptions:{input:e,output:{codeSplitting:{groups:[{name:U(`__nm`),test:H(`node_modules`),maxSize:5e5,minShareCount:2,priority:1},{name:U(`r`),test:H(`node_modules`,`react`),minShareCount:2,maxSize:5e5,priority:5},{name:U(`r-d`),test:H(`node_modules`,`react-dom`),minShareCount:2,maxSize:2e5,priority:10},{name:U(`r-r-d`),test:H(`node_modules`,`react-router-dom`),minShareCount:2,maxSize:5e5,priority:10},{name:U(`ajv`),test:H(`node_modules`,`ajv`),minShareCount:2,maxSize:2e5,priority:10},{name:U(`ui-lib`),test:H(`components`),minShareCount:2,maxSize:2e5,priority:5},{name:U(`ui-f-lib`),test:H(`components`,`.*?[Ff]orm.*?`),minShareCount:2,maxSize:5e4,priority:10}]}}}},resolve:{alias:{react:b(`react`),"react-dom":b(`react-dom`),"@tc/ui-react/hooks":a.default.resolve(f,`../../fe/packages/react/hooks/`),"@tc/ui-react":a.default.resolve(f,`../../fe/packages/react/ui/`),...V([[`@tc/scalability/SchemaForm/frameData`,`./extended/SchemaForm/data`,_],[`@tc/scalability/SchemaForm/data`,`./extended/SchemaForm/data`],[`@tc/scalability/SchemaPage/CallCom/data`,`./extended/SchemaPage/CallCom/data`],[`@tc/scalability/SchemaPage/SchemaTable/data`,`./extended/SchemaPage/SchemaTable/data`],[`@tc/scalability/dash/customRoutes`,`./extended/dash/customRoutes`],[`@tc/scalability/dash/init`,`./extended/dash/init`],[`@tc/scalability/dash/components`,`./extended/dash/components`],[`@tc/scalability/dash/routeGuard`,`./extended/dash/routeGuard`,void 0,`./defaultRouteGuard`]])}}}),t.logJoinColorized(t.colorize(`builded`,`green`),t.colorize(` -> `,`white`),t.colorize(`time: `,`cyan`),t.colorize(new Date,`pink`))}catch(e){if(t.logRed(e),n!==`dev`)throw e}};exports.VBuildFE=W,exports.entries=I,exports.generateBuildKeyPlugin=z,exports.outDir=L,exports.watchFiles=R;

package/cjs/packages/common/index.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./guards/index.js`),t=require(`./array/index.js`),n=require(`./cache/LRUCache.js`),r=require(`./http/index.js`),i=require(`./i18n/default.js`),a=require(`./i18n/en-US.js`),o=require(`./i18n/locales.js`),s=require(`./i18n/index.js`),c=require(`./log/index.js`),l=require(`./number/index.js`),u=require(`./object/filterEmpty.js`),d=require(`./object/index.js`),f=require(`./string/index.js`);exports.ANSI_RESET=c.ANSI_RESET,exports.FetchAxios=r.FetchAxios,exports.LRUCache=n.LRUCache,exports.ansiColors=c.ansiColors,exports.axios=r.axios,exports.capitalize=f.capitalize,exports.chunk=t.chunk,exports.clamp=l.clamp,exports.colorLog=c.colorLog,exports.colorize=c.colorize,exports.compact=t.compact,exports.createInstance=r.createInstance,exports.defaultEnglishResources=a.defaultEnglishResources,exports.defaultLanguage=o.defaultLanguage,exports.defaultLanguageResources=i.defaultLanguageResources,exports.filterEmpty=u.filterEmpty,exports.filtereEmpty=u.filtereEmpty,exports.getI18nPathValue=s.getI18nPathValue,exports.getLanguage=s.getLanguage,exports.groupBy=t.groupBy,exports.i18n=s.i18n,exports.i18nStore=s.i18nStore,exports.interpolateI18nMessage=s.interpolateI18nMessage,exports.isBlank=f.isBlank,exports.isBoolean=e.isBoolean,exports.isFunction=e.isFunction,exports.isNil=e.isNil,exports.isNonNullable=e.isNonNullable,exports.isNumber=e.isNumber,exports.isPlainI18nDictionary=s.isPlainI18nDictionary,exports.isPlainObject=e.isPlainObject,exports.isString=e.isString,exports.joinColorized=c.joinColorized,exports.joinStr=f.joinStr,exports.kebabCase=f.kebabCase,exports.languageLocalKey=o.languageLocalKey,exports.logColor=c.logColor,exports.logColorized=c.logColorized,exports.logGreen=c.logGreen,exports.logJoinColorized=c.logJoinColorized,exports.logPink=c.logPink,exports.logRed=c.logRed,exports.logWhite=c.logWhite,exports.logYellow=c.logYellow,exports.mapValues=d.mapValues,exports.mergeI18nDictionary=s.mergeI18nDictionary,exports.mergeI18nResources=s.mergeI18nResources,exports.omit=d.omit,exports.pick=d.pick,exports.t=s.t,exports.toArray=t.toArray,exports.toFiniteNumber=l.toFiniteNumber,exports.translate=s.translate,exports.translations=o.translations,exports.uniqueBy=t.uniqueBy;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./guards/index.js`),t=require(`./array/index.js`),n=require(`./cache/LRUCache.js`),r=require(`./http/index.js`),i=require(`./i18n/default.js`),a=require(`./i18n/en-US.js`),o=require(`./i18n/locales.js`),s=require(`./i18n/index.js`),c=require(`./log/index.js`),l=require(`./number/index.js`),u=require(`./object/filterEmpty.js`),d=require(`./object/index.js`),f=require(`./rafTimer.js`),p=require(`./string/index.js`);exports.ANSI_RESET=c.ANSI_RESET,exports.FetchAxios=r.FetchAxios,exports.LRUCache=n.LRUCache,exports.ansiColors=c.ansiColors,exports.axios=r.axios,exports.capitalize=p.capitalize,exports.chunk=t.chunk,exports.clamp=l.clamp,exports.clearRafTimer=f.clearRafTimer,exports.colorLog=c.colorLog,exports.colorize=c.colorize,exports.compact=t.compact,exports.createInstance=r.createInstance,exports.defaultEnglishResources=a.defaultEnglishResources,exports.defaultLanguage=o.defaultLanguage,exports.defaultLanguageResources=i.defaultLanguageResources,exports.filterEmpty=u.filterEmpty,exports.filtereEmpty=u.filtereEmpty,exports.getI18nPathValue=s.getI18nPathValue,exports.getLanguage=s.getLanguage,exports.groupBy=t.groupBy,exports.i18n=s.i18n,exports.i18nStore=s.i18nStore,exports.interpolateI18nMessage=s.interpolateI18nMessage,exports.isBlank=p.isBlank,exports.isBoolean=e.isBoolean,exports.isFunction=e.isFunction,exports.isNil=e.isNil,exports.isNonNullable=e.isNonNullable,exports.isNumber=e.isNumber,exports.isPlainI18nDictionary=s.isPlainI18nDictionary,exports.isPlainObject=e.isPlainObject,exports.isString=e.isString,exports.joinColorized=c.joinColorized,exports.joinStr=p.joinStr,exports.kebabCase=p.kebabCase,exports.languageLocalKey=o.languageLocalKey,exports.logColor=c.logColor,exports.logColorized=c.logColorized,exports.logGreen=c.logGreen,exports.logJoinColorized=c.logJoinColorized,exports.logPink=c.logPink,exports.logRed=c.logRed,exports.logWhite=c.logWhite,exports.logYellow=c.logYellow,exports.mapValues=d.mapValues,exports.mergeI18nDictionary=s.mergeI18nDictionary,exports.mergeI18nResources=s.mergeI18nResources,exports.omit=d.omit,exports.pick=d.pick,exports.rafClearInterval=f.rafClearInterval,exports.rafClearTimeout=f.rafClearTimeout,exports.rafSetInterval=f.rafSetInterval,exports.rafSetTimeout=f.rafSetTimeout,exports.t=s.t,exports.toArray=t.toArray,exports.toFiniteNumber=l.toFiniteNumber,exports.translate=s.translate,exports.translations=o.translations,exports.uniqueBy=t.uniqueBy;

package/cjs/packages/common/rafTimer.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=16,t=globalThis,n=new Map,r=0,i=e=>Math.max(0,e??0),a=()=>t.performance?.now?.()??Date.now(),o=()=>{let n=t.requestAnimationFrame,r=t.cancelAnimationFrame;if(typeof n==`function`&&typeof r==`function`)return{scheduleFrame:e=>n.call(t,e),cancelFrame:e=>r.call(t,e)};let i=t.setTimeout,o=t.clearTimeout;if(typeof i!=`function`||typeof o!=`function`)throw Error(`raf timer requires requestAnimationFrame or setTimeout/clearTimeout.`);return{scheduleFrame:n=>i.call(t,()=>n(a()),e),cancelFrame:e=>o.call(t,e)}},s,c=()=>(s??=o(),s),l=()=>(r+=1,r),u=e=>{let t=n.get(e);t&&(c().cancelFrame(t.frameId),n.delete(e))},d=(e,t)=>{let r=n.get(e);if(r){if(r.type===`timeout`?t-r.startTime>=r.delay:t-r.lastRunTime>=r.delay){if(r.type===`timeout`){n.delete(e),r.callback();return}r.lastRunTime=t,r.callback()}n.has(e)&&(r.frameId=c().scheduleFrame(t=>d(e,t)))}},f=(e,t,r,o)=>{let s=l(),u=a(),f={type:e,delay:i(r),callback:()=>t(...o??[]),startTime:u,lastRunTime:u,frameId:0};return n.set(s,f),f.frameId=c().scheduleFrame(e=>d(s,e)),s},p=(e,t,...n)=>f(`timeout`,e,t,n),m=e=>{u(e)},h=(e,t,...n)=>f(`interval`,e,t,n),g=e=>{u(e)},_=e=>{u(e)};exports.clearRafTimer=_,exports.rafClearInterval=g,exports.rafClearTimeout=m,exports.rafSetInterval=h,exports.rafSetTimeout=p;

package/esm/app/controller/view.js

@@ -23,7 +23,10 @@ var t = (e) => JSON.stringify(e).replace(/</g, "\\u003c").replace(/>/g, "\\u003e
 					n.extends.localCacheHtmlEtag.setEtag(s, e);
 				}
 				let c = n.extends.localCacheHtmlEtag.getEtag(s);
-				c || console.log("---- etag 缓存异常 请检查服务 ----"), r.etag = c ?? Date.now() + "";
+				if (c || console.log("---- etag 缓存异常 请检查服务 ----"), r.etag = c ?? Date.now() + "", r.fresh) {
+					r.status = 304;
+					return;
+				}
 			} catch (e) {
 				console.log("-------------- render view error --------------"), console.log(e), n.extends.generateErrorMessage("template not found", {
 					status: 404,

package/esm/bundler/buildFE.js

@@ -0,0 +1,14 @@
+import { logRed as e } from "../packages/common/log/index.js";
+import { setBuildFEOptions as t } from "./state.js";
+import { dev as n } from "./dev.js";
+import { prod as r } from "./prod.js";
+//#region bundler/buildFE.ts
+var i = (i, a) => {
+	switch (t(a), i) {
+		case "dev": return n();
+		case "prod": return r();
+		default: return e("Usage: npx tsx scripts/index.ts [dev|prod]"), Promise.resolve();
+	}
+};
+//#endregion
+export { i as buildFE };

package/esm/bundler/index.js

@@ -1,15 +1,3 @@
-import { logRed as e } from "../packages/common/log/index.js";
-import { buildBE as t } from "./buildBE.js";
-import { setBuildFEOptions as n } from "./state.js";
-import { dev as r } from "./dev.js";
-import { prod as i } from "./prod.js";
-//#region bundler/index.ts
-var a = (t, a) => {
-	switch (n(a), t) {
-		case "dev": return r();
-		case "prod": return i();
-		default: return e("Usage: npx tsx scripts/index.ts [dev|prod]"), Promise.resolve();
-	}
-};
-//#endregion
-export { t as buildBE, a as buildFE };
+import { buildBE as e } from "./buildBE.js";
+import { buildFE as t } from "./buildFE.js";
+export { e as buildBE, t as buildFE };

package/esm/bundler/utils.js

@@ -252,6 +252,7 @@ var Q = (...e) => new RegExp(e.join("[\\/]")), $ = (e) => `_${e}_tcC`, ee = asyn
 					],
 					["@tc/scalability/SchemaForm/data", "./extended/SchemaForm/data"],
 					["@tc/scalability/SchemaPage/CallCom/data", "./extended/SchemaPage/CallCom/data"],
+					["@tc/scalability/SchemaPage/SchemaTable/data", "./extended/SchemaPage/SchemaTable/data"],
 					["@tc/scalability/dash/customRoutes", "./extended/dash/customRoutes"],
 					["@tc/scalability/dash/init", "./extended/dash/init"],
 					["@tc/scalability/dash/components", "./extended/dash/components"],

package/esm/packages/common/index.js

@@ -10,5 +10,6 @@ import { ANSI_RESET as j, ansiColors as M, colorLog as N, colorize as P, joinCol
 import { clamp as W, toFiniteNumber as G } from "./number/index.js";
 import { filterEmpty as K, filtereEmpty as q } from "./object/filterEmpty.js";
 import { mapValues as J, omit as Y, pick as X } from "./object/index.js";
-import { capitalize as Z, isBlank as Q, joinStr as $, kebabCase as ee } from "./string/index.js";
-export { j as ANSI_RESET, p as FetchAxios, f as LRUCache, M as ansiColors, m as axios, Z as capitalize, s as chunk, W as clamp, N as colorLog, P as colorize, c as compact, h as createInstance, _ as defaultEnglishResources, v as defaultLanguage, g as defaultLanguageResources, K as filterEmpty, q as filtereEmpty, x as getI18nPathValue, S as getLanguage, l as groupBy, C as i18n, w as i18nStore, T as interpolateI18nMessage, Q as isBlank, e as isBoolean, t as isFunction, n as isNil, r as isNonNullable, i as isNumber, E as isPlainI18nDictionary, a as isPlainObject, o as isString, F as joinColorized, $ as joinStr, ee as kebabCase, y as languageLocalKey, I as logColor, L as logColorized, R as logGreen, z as logJoinColorized, B as logPink, V as logRed, H as logWhite, U as logYellow, J as mapValues, D as mergeI18nDictionary, O as mergeI18nResources, Y as omit, X as pick, k as t, u as toArray, G as toFiniteNumber, A as translate, b as translations, d as uniqueBy };
+import { clearRafTimer as Z, rafClearInterval as Q, rafClearTimeout as $, rafSetInterval as ee, rafSetTimeout as te } from "./rafTimer.js";
+import { capitalize as ne, isBlank as re, joinStr as ie, kebabCase as ae } from "./string/index.js";
+export { j as ANSI_RESET, p as FetchAxios, f as LRUCache, M as ansiColors, m as axios, ne as capitalize, s as chunk, W as clamp, Z as clearRafTimer, N as colorLog, P as colorize, c as compact, h as createInstance, _ as defaultEnglishResources, v as defaultLanguage, g as defaultLanguageResources, K as filterEmpty, q as filtereEmpty, x as getI18nPathValue, S as getLanguage, l as groupBy, C as i18n, w as i18nStore, T as interpolateI18nMessage, re as isBlank, e as isBoolean, t as isFunction, n as isNil, r as isNonNullable, i as isNumber, E as isPlainI18nDictionary, a as isPlainObject, o as isString, F as joinColorized, ie as joinStr, ae as kebabCase, y as languageLocalKey, I as logColor, L as logColorized, R as logGreen, z as logJoinColorized, B as logPink, V as logRed, H as logWhite, U as logYellow, J as mapValues, D as mergeI18nDictionary, O as mergeI18nResources, Y as omit, X as pick, Q as rafClearInterval, $ as rafClearTimeout, ee as rafSetInterval, te as rafSetTimeout, k as t, u as toArray, G as toFiniteNumber, A as translate, b as translations, d as uniqueBy };

package/esm/packages/common/rafTimer.js

@@ -0,0 +1,47 @@
+//#region packages/common/rafTimer.ts
+var e = 16, t = globalThis, n = /* @__PURE__ */ new Map(), r = 0, i = (e) => Math.max(0, e ?? 0), a = () => t.performance?.now?.() ?? Date.now(), o = () => {
+	let n = t.requestAnimationFrame, r = t.cancelAnimationFrame;
+	if (typeof n == "function" && typeof r == "function") return {
+		scheduleFrame: (e) => n.call(t, e),
+		cancelFrame: (e) => r.call(t, e)
+	};
+	let i = t.setTimeout, o = t.clearTimeout;
+	if (typeof i != "function" || typeof o != "function") throw Error("raf timer requires requestAnimationFrame or setTimeout/clearTimeout.");
+	return {
+		scheduleFrame: (n) => i.call(t, () => n(a()), e),
+		cancelFrame: (e) => o.call(t, e)
+	};
+}, s, c = () => (s ??= o(), s), l = () => (r += 1, r), u = (e) => {
+	let t = n.get(e);
+	t && (c().cancelFrame(t.frameId), n.delete(e));
+}, d = (e, t) => {
+	let r = n.get(e);
+	if (r) {
+		if (r.type === "timeout" ? t - r.startTime >= r.delay : t - r.lastRunTime >= r.delay) {
+			if (r.type === "timeout") {
+				n.delete(e), r.callback();
+				return;
+			}
+			r.lastRunTime = t, r.callback();
+		}
+		n.has(e) && (r.frameId = c().scheduleFrame((t) => d(e, t)));
+	}
+}, f = (e, t, r, o) => {
+	let s = l(), u = a(), f = {
+		type: e,
+		delay: i(r),
+		callback: () => t(...o ?? []),
+		startTime: u,
+		lastRunTime: u,
+		frameId: 0
+	};
+	return n.set(s, f), f.frameId = c().scheduleFrame((e) => d(s, e)), s;
+}, p = (e, t, ...n) => f("timeout", e, t, n), m = (e) => {
+	u(e);
+}, h = (e, t, ...n) => f("interval", e, t, n), g = (e) => {
+	u(e);
+}, _ = (e) => {
+	u(e);
+};
+//#endregion
+export { _ as clearRafTimer, g as rafClearInterval, m as rafClearTimeout, h as rafSetInterval, p as rafSetTimeout };

package/fe/frontend/apps/dash/Dashboard.js

@@ -1,10 +1,10 @@
 import { getAuthToken } from "../../src/common/auth/index.js";
-import { getText } from "../../src/common/language.js";
 import { generateMenuItemData } from "../../src/common/generateMenuData.js";
 import { Menu } from "../../../packages/react/ui/components/Menu/Menu.js";
 import "../../../packages/react/ui/components/index.js";
 import { useModeStore } from "../../src/stores/mode.js";
 import { findMenuItem, leftSidebarBasePath } from "../../src/common/menu.js";
+import { useText } from "../../src/hooks/useText.js";
 import HeaderView from "../../src/components/BasePage/HeaderView.js";
 import useRouterParams from "../../src/hooks/useRouterParams.js";
 import useInit from "../../../packages/react/hooks/useInit.js";
@@ -83,6 +83,7 @@ var getRenderableHomePage = (projectInfo) => {
 var Dashboard = () => {
 	const { initModeData, initData, projectInfo } = useModeStore();
 	const HeaderUserArea = dashComponents["HeaderView.userArea"];
+	const text = useText();
 	useInit(() => {
 		!initData && initModeData();
 	});
@@ -94,7 +95,7 @@ var Dashboard = () => {
 		if (initData && projectInfo?.menuLayout === "top") return /* @__PURE__ */ jsx(Menu, {
 			className: " w-full",
 			mode: "top",
-			items: generateMenuItemData(projectInfo.menu),
+			items: generateMenuItemData(projectInfo.menu, text),
 			selectedKey: SK,
 			onSelect: (e) => {
 				uSK(e);
@@ -107,7 +108,8 @@ var Dashboard = () => {
 		initData,
 		projectInfo,
 		SK,
-		nav
+		nav,
+		text
 	]);
 	useEffect(() => {
 		if (initData && projectInfo) {
@@ -165,7 +167,7 @@ var Dashboard = () => {
 	const getTitle = () => {
 		const title = projectInfo?.desc ?? projectInfo?.name;
 		if (!isInit.current && title) document.title = projectInfo?.name ?? title;
-		return title ? getText(title) : void 0;
+		return title ? text(title) : void 0;
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "dash-main h-screen flex flex-col overflow-hidden bg-theme-bg text-foreground",

package/fe/frontend/apps/dash/dash.entry.js

@@ -1,6 +1,8 @@
+import { registerFrontendI18nResources } from "../../src/common/language.js";
 import { QK, leftSidebarBasePath } from "../../src/common/menu.js";
 import Dashboard from "./Dashboard.js";
 import { renderImportComponent } from "../../src/common/importComponent.js";
+import { initThemeMode } from "../../src/common/theme.js";
 import { initApp } from "../../src/main.js";
 import { jsx } from "react/jsx-runtime";
 import extendDashRoutes from "@tc/scalability/dash/customRoutes";
@@ -54,6 +56,8 @@ initApp(({ children }) => /* @__PURE__ */ jsx("div", {
 }), {
 	routes: getDefaultPageRoutes(),
 	beforeRender: async (context) => {
+		await registerFrontendI18nResources();
+		initThemeMode();
 		if (typeof initDash === "function") await initDash(context);
 	}
 });

package/fe/frontend/src/common/generateMenuData.d.ts

@@ -1,3 +1,6 @@
 import type { ProjectInfo } from "../api/baseInfo";
 import type { MenuItemData } from "../../../packages/react/ui/components/index";
-export declare const generateMenuItemData: (data: ProjectInfo["menu"]) => MenuItemData[];
+import { getText } from "./language";
+type TextResolver = typeof getText;
+export declare const generateMenuItemData: (data: ProjectInfo["menu"], text?: TextResolver) => MenuItemData[];
+export {};

package/fe/frontend/src/common/generateMenuData.js

@@ -1,11 +1,11 @@
 import { getText } from "./language.js";
 //#region frontend/src/common/generateMenuData.ts
-var generateMenuItemData = (data) => {
+var generateMenuItemData = (data, text = getText) => {
 	return data.map((m) => {
-		const children = m.menuType === "group" && m.subMenu.length ? generateMenuItemData(m.subMenu) : void 0;
+		const children = m.menuType === "group" && m.subMenu.length ? generateMenuItemData(m.subMenu, text) : void 0;
 		return {
 			key: m.key,
-			label: getText(m.name),
+			label: text(m.name),
 			icon: m.icon,
 			children,
 			minWidth: 100

package/fe/frontend/src/common/language.d.ts

@@ -1,2 +1,13 @@
-import type { I18nInterpolationValues, I18nTranslateOptions } from "../../../packages/react/ui/i18n/index";
+import type { I18nAddResourcesOptions, I18nDictionary, I18nInterpolationValues, I18nLanguage, I18nResources, I18nSetResourcesOptions, I18nTranslateOptions } from "../../../packages/react/ui/i18n/index";
+export declare const addLanguageResources: (language: I18nLanguage, messages: I18nDictionary, options?: I18nAddResourcesOptions) => void;
+export declare const setLanguage: (language: I18nLanguage) => void;
+export declare const setFallbackLanguage: (language: I18nLanguage) => void;
+export declare const setResources: (resources: I18nResources, options?: I18nSetResourcesOptions) => void;
+export declare const getCurrentLanguage: () => string;
+export declare const getFallbackLanguage: () => string;
+export declare const getI18nResources: () => Partial<Record<string, I18nDictionary>>;
+export declare const getSupportedLanguages: () => string[];
+export declare const registerFrontendI18nResources: (resources?: I18nResources) => Promise<void>;
 export declare const getText: (key: string, fillingData?: I18nInterpolationValues, options?: I18nTranslateOptions) => string;
+export declare const t: <T = string>(key: string, fillingData?: I18nInterpolationValues, options?: I18nTranslateOptions) => string | T;
+export type { I18nAddResourcesOptions, I18nDictionary, I18nInterpolationValues, I18nLanguage, I18nResources, I18nSetResourcesOptions, I18nTranslateOptions, };

package/fe/frontend/src/common/language.js

@@ -1,12 +1,33 @@
-import { frontendI18nResources, i18nKeyPrefix } from "../language/index.js";
+import { i18nKeyPrefix } from "../language/index.js";
 import { i18n, i18nStore } from "../../../packages/common/i18n/index.js";
 import "../../../packages/react/ui/i18n/index.js";
 //#region frontend/src/common/language.ts
-i18nStore.getState().addResources("zh-CN", frontendI18nResources["zh-CN"] ?? {});
-i18nStore.getState().addResources("en-US", frontendI18nResources["en-US"] ?? {});
+var addLanguageResources = (language, messages, options) => {
+	i18nStore.getState().addResources(language, messages, options);
+};
+var setLanguage = (language) => {
+	i18nStore.getState().setLanguage(language);
+};
+var setFallbackLanguage = (language) => {
+	i18nStore.getState().setFallbackLanguage(language);
+};
+var setResources = (resources, options) => {
+	i18nStore.getState().setResources(resources, options);
+};
+var getCurrentLanguage = () => i18nStore.getState().language;
+var getFallbackLanguage = () => i18nStore.getState().fallbackLanguage;
+var getI18nResources = () => i18nStore.getState().resources;
+var getSupportedLanguages = () => Object.keys(getI18nResources());
+var registerFrontendI18nResources = async (resources) => {
+	const nextResources = resources ?? (await import("../language/resources.js")).frontendI18nResources;
+	Object.entries(nextResources).forEach(([language, messages]) => {
+		addLanguageResources(language, messages ?? {});
+	});
+};
 var getText = (key, fillingData, options) => {
-	if (key.includes("$i18n::")) return i18n(key.replace(i18nKeyPrefix, ""), fillingData, options);
-	return key;
+	if (key.startsWith("$i18n::")) return i18n(key.slice(i18nKeyPrefix.length), fillingData, options);
+	return i18n(key, fillingData, options);
 };
+var t = i18n;
 //#endregion
-export { getText };
+export { addLanguageResources, getCurrentLanguage, getFallbackLanguage, getI18nResources, getSupportedLanguages, getText, registerFrontendI18nResources, setFallbackLanguage, setLanguage, setResources, t };

package/fe/frontend/src/common/rafTimer.d.ts

@@ -0,0 +1 @@
+export * from "../../../packages/common/rafTimer";

package/fe/frontend/src/common/rafTimer.js

@@ -0,0 +1,2 @@
+import { clearRafTimer, rafClearInterval, rafClearTimeout, rafSetInterval, rafSetTimeout } from "../../../packages/common/rafTimer.js";
+export { clearRafTimer, rafClearInterval, rafClearTimeout, rafSetInterval, rafSetTimeout };

package/fe/frontend/src/common/request.js

@@ -100,6 +100,7 @@ api.interceptors.request.use(async (config) => {
 	const aauto = getApiAuth();
 	const time = (/* @__PURE__ */ new Date()).getTime();
 	config.headers = {
+		"Content-Type": "application/json",
 		...config.headers,
 		s_t: time + "",
 		s_sign: md5(`${window["_signKey"]}_${time}`),

package/fe/frontend/src/common/theme.d.ts

@@ -0,0 +1,7 @@
+export type ThemeSwitchMode = 'light' | 'dark';
+export declare const themeSwitchStorageKey = "tc_theme";
+export declare const getStoredThemeMode: (storageKey?: string) => ThemeSwitchMode | null;
+export declare const getCurrentThemeMode: (defaultValue?: ThemeSwitchMode, storageKey?: string) => ThemeSwitchMode;
+export declare const persistThemeMode: (mode: ThemeSwitchMode, storageKey?: string) => void;
+export declare const applyThemeMode: (mode?: ThemeSwitchMode, persist?: boolean, storageKey?: string) => void;
+export declare const initThemeMode: (defaultValue?: ThemeSwitchMode, storageKey?: string) => ThemeSwitchMode;

package/fe/frontend/src/common/theme.js

@@ -0,0 +1,33 @@
+//#region frontend/src/common/theme.ts
+var themeSwitchStorageKey = "tc_theme";
+var canUseDocument = () => typeof document !== "undefined";
+var canUseLocalStorage = () => typeof localStorage !== "undefined";
+var getStoredThemeMode = (storageKey = themeSwitchStorageKey) => {
+	if (!canUseLocalStorage()) return null;
+	const value = localStorage.getItem(storageKey);
+	return value === "light" || value === "dark" ? value : null;
+};
+var getCurrentThemeMode = (defaultValue, storageKey = themeSwitchStorageKey) => {
+	const storedMode = getStoredThemeMode(storageKey);
+	if (storedMode) return storedMode;
+	if (defaultValue) return defaultValue;
+	if (!canUseDocument()) return "light";
+	return document.documentElement.classList.contains("dark") ? "dark" : "light";
+};
+var persistThemeMode = (mode, storageKey = themeSwitchStorageKey) => {
+	if (canUseLocalStorage()) localStorage.setItem(storageKey, mode);
+};
+var applyThemeMode = (mode = getCurrentThemeMode(), persist = false, storageKey = themeSwitchStorageKey) => {
+	if (!canUseDocument()) return;
+	const root = document.documentElement;
+	root.classList.toggle("dark", mode === "dark");
+	root.style.colorScheme = mode;
+	if (persist) persistThemeMode(mode, storageKey);
+};
+var initThemeMode = (defaultValue, storageKey = themeSwitchStorageKey) => {
+	const mode = getCurrentThemeMode(defaultValue, storageKey);
+	applyThemeMode(mode, false, storageKey);
+	return mode;
+};
+//#endregion
+export { applyThemeMode, getCurrentThemeMode, getStoredThemeMode, initThemeMode, persistThemeMode, themeSwitchStorageKey };

package/fe/frontend/src/components/BasePage/HeaderView.js

@@ -1,7 +1,7 @@
 import { frontendLangKeys } from "../../language/index.js";
-import { getText } from "../../common/language.js";
 import { cn } from "../../../../packages/react/ui/lib/utils.js";
 import "../../../../packages/react/ui/index.js";
+import { useText } from "../../hooks/useText.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Boxes } from "lucide-react";
 //#region frontend/src/components/BasePage/HeaderView.tsx
@@ -14,7 +14,7 @@ var headerThemeStyle = {
 var imageLogoPattern = /^(https?:\/\/|data:image\/|\/|\.\/|\.\.\/|.*\.(svg|png|jpe?g|webp|gif)$)/i;
 var HeaderView = (props) => {
 	const { icon, title, menu, userArea, children } = props ?? defaultProps;
-	const defaultTitle = getText(frontendLangKeys.appTitle);
+	const defaultTitle = useText()(frontendLangKeys.appTitle);
 	const brandLogo = icon ? typeof icon === "string" ? imageLogoPattern.test(icon) ? /* @__PURE__ */ jsx("img", {
 		className: "h-full max-w-[112px] object-contain",
 		src: icon,

package/fe/frontend/src/components/LanguageSwitch/LanguageSwitch.js

@@ -2,31 +2,47 @@ import { frontendLangKeys } from "../../language/index.js";
 import { i18nStore } from "../../../../packages/common/i18n/index.js";
 import { useI18nStore } from "../../../../packages/react/ui/i18n/useI18n.js";
 import "../../../../packages/react/ui/i18n/index.js";
-import { getText } from "../../common/language.js";
+import { getSupportedLanguages } from "../../common/language.js";
 import { cn } from "../../../../packages/react/ui/lib/utils.js";
 import { Button } from "../../../../packages/react/ui/components/Button/Button.js";
 import { Dropdown } from "../../../../packages/react/ui/components/Dropdown/Dropdown.js";
 import "../../../../packages/react/ui/index.js";
+import { useText } from "../../hooks/useText.js";
 import { useCallback, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronDown } from "lucide-react";
 //#region frontend/src/components/LanguageSwitch/LanguageSwitch.tsx
-var getDefaultLanguageOptions = () => [{
-	label: getText(frontendLangKeys.languageSwitchZhCN),
+var getDefaultLanguageOptions = (text) => [{
+	label: text(frontendLangKeys.languageSwitchZhCN),
 	value: "zh-CN",
 	searchText: "zh-CN 中文 简体中文"
 }, {
-	label: getText(frontendLangKeys.languageSwitchEnUS),
+	label: text(frontendLangKeys.languageSwitchEnUS),
 	value: "en-US",
 	searchText: "en-US English"
 }];
+var getLanguageOptions = (text) => {
+	const baseOptions = getDefaultLanguageOptions(text);
+	const seen = new Set(baseOptions.map((option) => option.value));
+	return [...baseOptions, ...getSupportedLanguages().filter((language) => !seen.has(language)).map((language) => ({
+		label: language,
+		value: language,
+		searchText: language
+	}))];
+};
 var LanguageSwitch = ({ value, defaultValue, options, onChange, className, buttonClassName, placeholder, disabled, loading, clearable: _clearable, searchable: _searchable, placement = "bottom-end", getPopupContainer = "parent", ...props }) => {
 	const rootRef = useRef(null);
+	const text = useText();
 	const currentLanguage = useI18nStore((state) => state.language);
-	const mergedOptions = useMemo(() => options ?? getDefaultLanguageOptions(), [currentLanguage, options]);
+	const mergedOptions = useMemo(() => options ?? getLanguageOptions(text), [
+		currentLanguage,
+		options,
+		useI18nStore((state) => state.resources),
+		text
+	]);
 	const selectedLanguage = value ?? currentLanguage ?? defaultValue;
 	const selectedOption = mergedOptions.find((option) => option.value === selectedLanguage);
-	const displayText = selectedOption?.label ?? placeholder ?? getText(frontendLangKeys.languageSwitchPlaceholder);
+	const displayText = selectedOption?.label ?? placeholder ?? text(frontendLangKeys.languageSwitchPlaceholder);
 	const handleChange = useCallback((language) => {
 		if (!language) return;
 		const nextLanguage = String(language);

package/fe/frontend/src/components/ThemeSwitch/ThemeSwitch.d.ts

@@ -1,4 +1,6 @@
-export type ThemeSwitchMode = 'light' | 'dark';
+import { type ThemeSwitchMode } from "../../common/theme";
+export { applyThemeMode, themeSwitchStorageKey } from "../../common/theme";
+export type { ThemeSwitchMode } from "../../common/theme";
 export interface ThemeSwitchProps {
     value?: ThemeSwitchMode;
     defaultValue?: ThemeSwitchMode;
@@ -9,6 +11,5 @@ export interface ThemeSwitchProps {
     persist?: boolean;
     storageKey?: string;
 }
-export declare const themeSwitchStorageKey = "tc_theme";
 declare const ThemeSwitch: ({ value, defaultValue, onChange, disabled, className, showLabel, persist, storageKey, }: ThemeSwitchProps) => import("react/jsx-runtime").JSX.Element;
 export default ThemeSwitch;

package/fe/frontend/src/components/ThemeSwitch/ThemeSwitch.js

@@ -1,41 +1,18 @@
 import { frontendLangKeys } from "../../language/index.js";
 import { useI18nStore } from "../../../../packages/react/ui/i18n/useI18n.js";
 import "../../../../packages/react/ui/i18n/index.js";
-import { getText } from "../../common/language.js";
 import { cn } from "../../../../packages/react/ui/lib/utils.js";
 import { Switch } from "../../../../packages/react/ui/components/Switch/Switch.js";
 import { Tooltip } from "../../../../packages/react/ui/components/Tooltip/Tooltip.js";
 import "../../../../packages/react/ui/index.js";
+import { useText } from "../../hooks/useText.js";
+import { applyThemeMode, getCurrentThemeMode, persistThemeMode, themeSwitchStorageKey } from "../../common/theme.js";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Moon, Sun } from "lucide-react";
 //#region frontend/src/components/ThemeSwitch/ThemeSwitch.tsx
-var themeSwitchStorageKey = "tc_theme";
-var canUseDocument = () => typeof document !== "undefined";
-var canUseLocalStorage = () => typeof localStorage !== "undefined";
-var getStoredThemeMode = (storageKey) => {
-	if (!canUseLocalStorage()) return null;
-	const value = localStorage.getItem(storageKey);
-	return value === "light" || value === "dark" ? value : null;
-};
-var getCurrentThemeMode = (defaultValue, storageKey = themeSwitchStorageKey) => {
-	const storedMode = getStoredThemeMode(storageKey);
-	if (storedMode) return storedMode;
-	if (defaultValue) return defaultValue;
-	if (!canUseDocument()) return "light";
-	return document.documentElement.classList.contains("dark") ? "dark" : "light";
-};
-var persistThemeMode = (mode, storageKey) => {
-	if (canUseLocalStorage()) localStorage.setItem(storageKey, mode);
-};
-var applyThemeMode = (mode, persist, storageKey) => {
-	if (!canUseDocument()) return;
-	const root = document.documentElement;
-	root.classList.toggle("dark", mode === "dark");
-	root.style.colorScheme = mode;
-	if (persist) persistThemeMode(mode, storageKey);
-};
 var ThemeSwitch = ({ value, defaultValue, onChange, disabled, className, showLabel = false, persist = true, storageKey = themeSwitchStorageKey }) => {
+	const text = useText();
 	useI18nStore((state) => state.language);
 	const [internalMode, setInternalMode] = useState(() => getCurrentThemeMode(defaultValue, storageKey));
 	const isControlled = value !== void 0;
@@ -54,8 +31,8 @@ var ThemeSwitch = ({ value, defaultValue, onChange, disabled, className, showLab
 		if (persist) persistThemeMode(nextMode, storageKey);
 		onChange?.(nextMode);
 	};
-	const label = mode === "dark" ? getText(frontendLangKeys.themeSwitchDark) : getText(frontendLangKeys.themeSwitchLight);
-	const tooltip = checked ? getText(frontendLangKeys.themeSwitchToLight) : getText(frontendLangKeys.themeSwitchToDark);
+	const label = mode === "dark" ? text(frontendLangKeys.themeSwitchDark) : text(frontendLangKeys.themeSwitchLight);
+	const tooltip = checked ? text(frontendLangKeys.themeSwitchToLight) : text(frontendLangKeys.themeSwitchToDark);
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("inline-flex shrink-0 items-center gap-2 text-foreground", className),
 		children: [
@@ -84,4 +61,4 @@ var ThemeSwitch = ({ value, defaultValue, onChange, disabled, className, showLab
 	});
 };
 //#endregion
-export { ThemeSwitch as default, themeSwitchStorageKey };
+export { applyThemeMode, ThemeSwitch as default, themeSwitchStorageKey };

package/fe/frontend/src/components/ThemeSwitch/index.d.ts

@@ -1,3 +1,4 @@
 import ThemeSwitch from "./ThemeSwitch";
 export * from "./ThemeSwitch";
+export * from "../../common/theme";
 export default ThemeSwitch;

package/fe/frontend/src/components/ThemeSwitch/index.js

@@ -1,5 +1,6 @@
-import ThemeSwitch, { themeSwitchStorageKey } from "./ThemeSwitch.js";
+import { applyThemeMode, getCurrentThemeMode, getStoredThemeMode, initThemeMode, persistThemeMode, themeSwitchStorageKey } from "../../common/theme.js";
+import ThemeSwitch from "./ThemeSwitch.js";
 //#region frontend/src/components/ThemeSwitch/index.ts
 var ThemeSwitch_default = ThemeSwitch;
 //#endregion
-export { ThemeSwitch_default as default, themeSwitchStorageKey };
+export { applyThemeMode, ThemeSwitch_default as default, getCurrentThemeMode, getStoredThemeMode, initThemeMode, persistThemeMode, themeSwitchStorageKey };

package/fe/frontend/src/components/index.js

@@ -1,7 +1,7 @@
 import HeaderView from "./BasePage/HeaderView.js";
+import { applyThemeMode, getCurrentThemeMode, getStoredThemeMode, initThemeMode, persistThemeMode, themeSwitchStorageKey } from "../common/theme.js";
 import { generateRouter } from "./Router/index.js";
 import AsyncSelect_default from "./AsyncSelect/index.js";
 import LanguageSwitch_default from "./LanguageSwitch/index.js";
-import { themeSwitchStorageKey } from "./ThemeSwitch/ThemeSwitch.js";
 import ThemeSwitch_default from "./ThemeSwitch/index.js";
-export { AsyncSelect_default as AsyncSelect, HeaderView, LanguageSwitch_default as LanguageSwitch, ThemeSwitch_default as ThemeSwitch, generateRouter, themeSwitchStorageKey };
+export { AsyncSelect_default as AsyncSelect, HeaderView, LanguageSwitch_default as LanguageSwitch, ThemeSwitch_default as ThemeSwitch, applyThemeMode, generateRouter, getCurrentThemeMode, getStoredThemeMode, initThemeMode, persistThemeMode, themeSwitchStorageKey };

package/fe/frontend/src/defaultPages/NotFoundPage/index.js

@@ -1,8 +1,9 @@
 import { frontendLangKeys } from "../../language/index.js";
-import { getText } from "../../common/language.js";
+import { useText } from "../../hooks/useText.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region frontend/src/defaultPages/NotFoundPage/index.tsx
 var NotFoundPage = () => {
+	const text = useText();
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex h-full min-h-[240px] w-full items-center justify-center bg-theme-bg px-6 text-foreground",
 		children: /* @__PURE__ */ jsxs("div", {
@@ -14,11 +15,11 @@ var NotFoundPage = () => {
 				}),
 				/* @__PURE__ */ jsx("h1", {
 					className: "text-lg font-semibold tracking-normal",
-					children: getText(frontendLangKeys.notFoundTitle)
+					children: text(frontendLangKeys.notFoundTitle)
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "mt-2 text-sm leading-6 text-muted-foreground",
-					children: getText(frontendLangKeys.notFoundDescription)
+					children: text(frontendLangKeys.notFoundDescription)
 				})
 			]
 		})