@qlover/create-app 0.7.14 → 0.8.0

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.
Files changed (361) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/configs/_common/.gitignore.template +6 -0
  3. package/dist/configs/_common/.prettierignore +17 -5
  4. package/dist/configs/_common/.vscode/settings.json +6 -1
  5. package/dist/index.cjs +1 -1
  6. package/dist/index.js +1 -1
  7. package/dist/templates/next-app/.env.template +1 -1
  8. package/dist/templates/next-app/README.en.md +130 -0
  9. package/dist/templates/next-app/README.md +114 -20
  10. package/dist/templates/next-app/config/Identifier/api.ts +5 -5
  11. package/dist/templates/next-app/config/Identifier/common/admint.table.ts +69 -0
  12. package/dist/templates/next-app/config/Identifier/common/common.ts +76 -0
  13. package/dist/templates/next-app/config/Identifier/common/index.ts +3 -0
  14. package/dist/templates/next-app/config/Identifier/{validator.ts → common/validators.ts} +5 -5
  15. package/dist/templates/next-app/config/Identifier/index.ts +2 -12
  16. package/dist/templates/next-app/config/Identifier/pages/index.ts +6 -0
  17. package/dist/templates/next-app/config/Identifier/pages/page.admin.home.ts +27 -0
  18. package/dist/templates/next-app/config/Identifier/pages/page.admin.locales.ts +266 -0
  19. package/dist/templates/next-app/config/Identifier/pages/page.admin.user.ts +293 -0
  20. package/dist/templates/{react-app/config/Identifier → next-app/config/Identifier/pages}/page.home.ts +15 -22
  21. package/dist/templates/next-app/config/Identifier/{page.login.ts → pages/page.login.ts} +28 -34
  22. package/dist/templates/next-app/config/Identifier/{page.register.ts → pages/page.register.ts} +30 -29
  23. package/dist/templates/next-app/config/adminNavs.ts +19 -0
  24. package/dist/templates/next-app/config/common.ts +22 -13
  25. package/dist/templates/next-app/config/i18n/HomeI18n.ts +5 -5
  26. package/dist/templates/next-app/config/i18n/admin18n.ts +61 -19
  27. package/dist/templates/next-app/config/i18n/i18nConfig.ts +2 -0
  28. package/dist/templates/next-app/config/i18n/i18nKeyScheam.ts +36 -0
  29. package/dist/templates/next-app/config/i18n/loginI18n.ts +22 -22
  30. package/dist/templates/next-app/config/i18n/register18n.ts +23 -24
  31. package/dist/templates/next-app/docs/en/api.md +387 -0
  32. package/dist/templates/next-app/docs/en/component.md +544 -0
  33. package/dist/templates/next-app/docs/en/database.md +496 -0
  34. package/dist/templates/next-app/docs/en/development-guide.md +727 -0
  35. package/dist/templates/next-app/docs/en/env.md +563 -0
  36. package/dist/templates/next-app/docs/en/i18n.md +287 -0
  37. package/dist/templates/next-app/docs/en/index.md +165 -0
  38. package/dist/templates/next-app/docs/en/page.md +457 -0
  39. package/dist/templates/next-app/docs/en/project-structure.md +176 -0
  40. package/dist/templates/next-app/docs/en/router.md +427 -0
  41. package/dist/templates/next-app/docs/en/theme.md +532 -0
  42. package/dist/templates/next-app/docs/en/validator.md +478 -0
  43. package/dist/templates/next-app/docs/zh/api.md +387 -0
  44. package/dist/templates/next-app/docs/zh/component.md +544 -0
  45. package/dist/templates/next-app/docs/zh/database.md +496 -0
  46. package/dist/templates/next-app/docs/zh/development-guide.md +727 -0
  47. package/dist/templates/next-app/docs/zh/env.md +563 -0
  48. package/dist/templates/next-app/docs/zh/i18n.md +287 -0
  49. package/dist/templates/next-app/docs/zh/index.md +165 -0
  50. package/dist/templates/next-app/docs/zh/page.md +457 -0
  51. package/dist/templates/next-app/docs/zh/project-structure.md +176 -0
  52. package/dist/templates/next-app/docs/zh/router.md +427 -0
  53. package/dist/templates/next-app/docs/zh/theme.md +532 -0
  54. package/dist/templates/next-app/docs/zh/validator.md +476 -0
  55. package/dist/templates/next-app/make/generateLocales.ts +19 -12
  56. package/dist/templates/next-app/migrations/schema/LocalesSchema.ts +15 -0
  57. package/dist/templates/next-app/migrations/sql/1694244000000.sql +11 -0
  58. package/dist/templates/next-app/package.json +7 -3
  59. package/dist/templates/next-app/public/locales/en.json +172 -207
  60. package/dist/templates/next-app/public/locales/zh.json +172 -207
  61. package/dist/templates/next-app/src/app/[locale]/admin/locales/page.tsx +153 -0
  62. package/dist/templates/next-app/src/app/[locale]/admin/users/page.tsx +48 -50
  63. package/dist/templates/next-app/src/app/[locale]/login/LoginForm.tsx +2 -2
  64. package/dist/templates/next-app/src/app/api/admin/locales/create/route.ts +34 -0
  65. package/dist/templates/next-app/src/app/api/admin/locales/import/route.ts +40 -0
  66. package/dist/templates/next-app/src/app/api/admin/locales/route.ts +42 -0
  67. package/dist/templates/next-app/src/app/api/admin/locales/update/route.ts +32 -0
  68. package/dist/templates/next-app/src/app/api/locales/json/route.ts +44 -0
  69. package/dist/templates/next-app/src/base/cases/AdminPageManager.ts +1 -13
  70. package/dist/templates/next-app/src/base/cases/Datetime.ts +18 -0
  71. package/dist/templates/next-app/src/base/cases/DialogErrorPlugin.ts +12 -6
  72. package/dist/templates/next-app/src/base/cases/ResourceState.ts +17 -0
  73. package/dist/templates/next-app/src/base/cases/TranslateI18nInterface.ts +25 -0
  74. package/dist/templates/next-app/src/base/cases/ZodColumnBuilder.ts +200 -0
  75. package/dist/templates/next-app/src/base/port/ZodBuilderInterface.ts +8 -0
  76. package/dist/templates/next-app/src/base/services/AdminLocalesService.ts +20 -0
  77. package/dist/templates/next-app/src/base/services/AdminPageEvent.ts +26 -0
  78. package/dist/templates/next-app/src/base/services/AdminPageScheduler.ts +42 -0
  79. package/dist/templates/next-app/src/base/services/ResourceService.ts +122 -0
  80. package/dist/templates/next-app/src/base/services/adminApi/AdminLocalesApi.ts +104 -0
  81. package/dist/templates/next-app/src/base/services/adminApi/AdminUserApi.ts +38 -5
  82. package/dist/templates/next-app/src/base/services/appApi/AppApiPlugin.ts +1 -1
  83. package/dist/templates/next-app/src/i18n/request.ts +30 -1
  84. package/dist/templates/next-app/src/server/PageParams.ts +2 -10
  85. package/dist/templates/next-app/src/server/port/DBBridgeInterface.ts +5 -0
  86. package/dist/templates/next-app/src/server/port/DBTableInterface.ts +2 -0
  87. package/dist/templates/next-app/src/server/port/LocalesRepositoryInterface.ts +43 -0
  88. package/dist/templates/next-app/src/server/repositorys/LocalesRepository.ts +197 -0
  89. package/dist/templates/next-app/src/server/services/ApiLocaleService.ts +122 -0
  90. package/dist/templates/next-app/src/server/sqlBridges/SupabaseBridge.ts +60 -11
  91. package/dist/templates/next-app/src/server/validators/ExtendedExecutorError.ts +6 -0
  92. package/dist/templates/next-app/src/server/validators/LocalesValidator.ts +131 -0
  93. package/dist/templates/next-app/src/server/validators/LoginValidator.ts +2 -5
  94. package/dist/templates/next-app/src/server/validators/PaginationValidator.ts +32 -16
  95. package/dist/templates/next-app/src/styles/css/antd-themes/pagination/_default.css +2 -1
  96. package/dist/templates/next-app/src/styles/css/antd-themes/pagination/dark.css +28 -29
  97. package/dist/templates/next-app/src/styles/css/antd-themes/pagination/pink.css +2 -1
  98. package/dist/templates/next-app/src/uikit/components/AdminLayout.tsx +17 -3
  99. package/dist/templates/next-app/src/uikit/components/BaseHeader.tsx +5 -4
  100. package/dist/templates/next-app/src/uikit/components/BaseLayout.tsx +5 -4
  101. package/dist/templates/next-app/src/uikit/components/BootstrapsProvider.tsx +3 -2
  102. package/dist/templates/next-app/src/uikit/components/ComboProvider.tsx +1 -1
  103. package/dist/templates/next-app/src/uikit/components/EditableCell.tsx +118 -0
  104. package/dist/templates/next-app/src/uikit/components/LogoutButton.tsx +5 -6
  105. package/dist/templates/next-app/src/uikit/components/ThemeSwitcher.tsx +1 -1
  106. package/dist/templates/next-app/src/uikit/components/With.tsx +2 -2
  107. package/dist/templates/next-app/src/uikit/components/localesImportButton/LocalesImportButton.tsx +62 -0
  108. package/dist/templates/next-app/src/uikit/components/localesImportButton/LocalesImportEvent.ts +28 -0
  109. package/dist/templates/next-app/src/uikit/components/localesImportButton/import.module.css +6 -0
  110. package/dist/templates/next-app/src/uikit/hook/useI18nInterface.ts +8 -14
  111. package/dist/templates/next-app/src/uikit/hook/useWarnTranslations.ts +25 -0
  112. package/dist/templates/react-app/.prettierignore +17 -0
  113. package/dist/templates/react-app/README.en.md +71 -54
  114. package/dist/templates/react-app/README.md +35 -18
  115. package/dist/templates/react-app/__tests__/__mocks__/BootstrapTest.ts +14 -0
  116. package/dist/templates/react-app/__tests__/__mocks__/MockAppConfit.ts +1 -1
  117. package/dist/templates/react-app/__tests__/__mocks__/MockDialogHandler.ts +2 -2
  118. package/dist/templates/react-app/__tests__/__mocks__/MockLogger.ts +1 -1
  119. package/dist/templates/react-app/__tests__/__mocks__/components/TestApp.tsx +45 -0
  120. package/dist/templates/react-app/__tests__/__mocks__/components/TestBootstrapsProvider.tsx +34 -0
  121. package/dist/templates/react-app/__tests__/__mocks__/components/TestRouter.tsx +46 -0
  122. package/dist/templates/react-app/__tests__/__mocks__/components/index.ts +12 -0
  123. package/dist/templates/react-app/__tests__/__mocks__/createMockGlobals.ts +1 -2
  124. package/dist/templates/react-app/__tests__/__mocks__/testIOC/TestIOC.ts +51 -0
  125. package/dist/templates/react-app/__tests__/__mocks__/testIOC/TestIOCRegister.ts +69 -0
  126. package/dist/templates/react-app/__tests__/setup/index.ts +1 -51
  127. package/dist/templates/react-app/__tests__/setup/setupGlobal.ts +51 -0
  128. package/dist/templates/react-app/__tests__/src/App.structure.test.tsx +115 -0
  129. package/dist/templates/react-app/__tests__/src/base/cases/AppConfig.test.ts +2 -2
  130. package/dist/templates/react-app/__tests__/src/base/cases/AppError.test.ts +1 -1
  131. package/dist/templates/react-app/__tests__/src/base/cases/DialogHandler.test.ts +3 -5
  132. package/dist/templates/react-app/__tests__/src/base/cases/I18nKeyErrorPlugin.test.ts +13 -2
  133. package/dist/templates/react-app/__tests__/src/base/cases/InversifyContainer.test.ts +1 -1
  134. package/dist/templates/react-app/__tests__/src/base/cases/PublicAssetsPath.test.ts +1 -1
  135. package/dist/templates/react-app/__tests__/src/base/cases/RequestLogger.test.ts +5 -5
  136. package/dist/templates/react-app/__tests__/src/base/cases/RequestStatusCatcher.test.ts +1 -2
  137. package/dist/templates/react-app/__tests__/src/base/cases/RouterLoader.test.ts +25 -15
  138. package/dist/templates/react-app/__tests__/src/base/services/I18nService.test.ts +29 -15
  139. package/dist/templates/react-app/__tests__/src/core/IOC.test.ts +19 -9
  140. package/dist/templates/react-app/__tests__/src/core/bootstraps/BootstrapClient.test.ts +153 -0
  141. package/dist/templates/react-app/__tests__/src/core/bootstraps/BootstrapsApp.test.ts +9 -7
  142. package/dist/templates/react-app/__tests__/src/main.integration.test.tsx +4 -5
  143. package/dist/templates/react-app/__tests__/src/main.test.tsx +4 -4
  144. package/dist/templates/react-app/__tests__/src/uikit/components/BaseHeader.test.tsx +68 -59
  145. package/dist/templates/react-app/config/IOCIdentifier.ts +8 -8
  146. package/dist/templates/react-app/config/Identifier/{common.error.ts → common/common.error.ts} +5 -5
  147. package/dist/templates/react-app/config/Identifier/{common.ts → common/common.ts} +9 -9
  148. package/dist/templates/react-app/config/Identifier/common/index.ts +2 -0
  149. package/dist/templates/react-app/config/Identifier/index.ts +1 -9
  150. package/dist/templates/react-app/config/Identifier/pages/index.ts +8 -0
  151. package/dist/templates/react-app/config/Identifier/{page.about.ts → pages/page.about.ts} +34 -26
  152. package/dist/templates/react-app/config/Identifier/{page.executor.ts → pages/page.executor.ts} +47 -39
  153. package/dist/templates/{next-app/config/Identifier → react-app/config/Identifier/pages}/page.home.ts +24 -23
  154. package/dist/templates/react-app/config/Identifier/pages/page.identifiter.ts +102 -0
  155. package/dist/templates/react-app/config/Identifier/{page.jsonStorage.ts → pages/page.jsonStorage.ts} +18 -11
  156. package/dist/templates/react-app/config/Identifier/{page.login.ts → pages/page.login.ts} +37 -27
  157. package/dist/templates/react-app/config/Identifier/{page.register.ts → pages/page.register.ts} +37 -25
  158. package/dist/templates/react-app/config/Identifier/{page.request.ts → pages/page.request.ts} +34 -44
  159. package/dist/templates/react-app/config/app.router.ts +66 -69
  160. package/dist/templates/react-app/config/i18n/PageI18nInterface.ts +51 -0
  161. package/dist/templates/react-app/config/i18n/aboutI18n.ts +42 -0
  162. package/dist/templates/react-app/config/i18n/executorI18n.ts +51 -0
  163. package/dist/templates/react-app/config/i18n/homeI18n.ts +24 -0
  164. package/dist/templates/react-app/config/i18n/i18nConfig.ts +30 -0
  165. package/dist/templates/react-app/config/i18n/identifiter18n.ts +30 -0
  166. package/dist/templates/react-app/config/i18n/jsonStorage18n.ts +27 -0
  167. package/dist/templates/react-app/config/i18n/login18n.ts +42 -0
  168. package/dist/templates/react-app/config/i18n/notFoundI18n.ts +34 -0
  169. package/dist/templates/react-app/config/i18n/register18n.ts +40 -0
  170. package/dist/templates/react-app/config/i18n/request18n.ts +41 -0
  171. package/dist/templates/react-app/config/theme.ts +14 -4
  172. package/dist/templates/react-app/docs/en/bootstrap.md +1670 -341
  173. package/dist/templates/react-app/docs/en/development-guide.md +1021 -345
  174. package/dist/templates/react-app/docs/en/env.md +1132 -278
  175. package/dist/templates/react-app/docs/en/i18n.md +858 -147
  176. package/dist/templates/react-app/docs/en/index.md +733 -104
  177. package/dist/templates/react-app/docs/en/ioc.md +1228 -287
  178. package/dist/templates/react-app/docs/en/playwright/e2e-tests.md +321 -0
  179. package/dist/templates/react-app/docs/en/playwright/index.md +19 -0
  180. package/dist/templates/react-app/docs/en/playwright/installation-summary.md +332 -0
  181. package/dist/templates/react-app/docs/en/playwright/overview.md +222 -0
  182. package/dist/templates/react-app/docs/en/playwright/quickstart.md +325 -0
  183. package/dist/templates/react-app/docs/en/playwright/reorganization-notes.md +340 -0
  184. package/dist/templates/react-app/docs/en/playwright/setup-complete.md +290 -0
  185. package/dist/templates/react-app/docs/en/playwright/testing-guide.md +565 -0
  186. package/dist/templates/react-app/docs/en/store.md +1194 -184
  187. package/dist/templates/react-app/docs/en/why-no-globals.md +797 -0
  188. package/dist/templates/react-app/docs/zh/bootstrap.md +1670 -341
  189. package/dist/templates/react-app/docs/zh/development-guide.md +1021 -345
  190. package/dist/templates/react-app/docs/zh/env.md +1132 -275
  191. package/dist/templates/react-app/docs/zh/i18n.md +858 -147
  192. package/dist/templates/react-app/docs/zh/index.md +717 -104
  193. package/dist/templates/react-app/docs/zh/ioc.md +1229 -287
  194. package/dist/templates/react-app/docs/zh/playwright/e2e-tests.md +321 -0
  195. package/dist/templates/react-app/docs/zh/playwright/index.md +19 -0
  196. package/dist/templates/react-app/docs/zh/playwright/installation-summary.md +332 -0
  197. package/dist/templates/react-app/docs/zh/playwright/overview.md +222 -0
  198. package/dist/templates/react-app/docs/zh/playwright/quickstart.md +325 -0
  199. package/dist/templates/react-app/docs/zh/playwright/reorganization-notes.md +340 -0
  200. package/dist/templates/react-app/docs/zh/playwright/setup-complete.md +290 -0
  201. package/dist/templates/react-app/docs/zh/playwright/testing-guide.md +565 -0
  202. package/dist/templates/react-app/docs/zh/store.md +1192 -184
  203. package/dist/templates/react-app/docs/zh/why-no-globals.md +797 -0
  204. package/dist/templates/react-app/e2e/App.spec.ts +319 -0
  205. package/dist/templates/react-app/e2e/fixtures/base.fixture.ts +40 -0
  206. package/dist/templates/react-app/e2e/main.spec.ts +20 -0
  207. package/dist/templates/react-app/e2e/utils/test-helpers.ts +19 -0
  208. package/dist/templates/react-app/eslint.config.mjs +247 -0
  209. package/dist/templates/react-app/makes/eslint-utils.mjs +195 -0
  210. package/dist/templates/react-app/makes/generateTs2LocalesOptions.ts +26 -0
  211. package/dist/templates/react-app/package.json +31 -3
  212. package/dist/templates/react-app/playwright.config.ts +79 -0
  213. package/dist/templates/react-app/public/locales/en/common.json +190 -179
  214. package/dist/templates/react-app/public/locales/zh/common.json +190 -179
  215. package/dist/templates/react-app/src/App.tsx +15 -42
  216. package/dist/templates/react-app/src/base/apis/AiApi.ts +5 -5
  217. package/dist/templates/react-app/src/base/apis/feApi/FeApi.ts +1 -1
  218. package/dist/templates/react-app/src/base/apis/feApi/FeApiAdapter.ts +1 -1
  219. package/dist/templates/react-app/src/base/apis/feApi/FeApiBootstarp.ts +8 -8
  220. package/dist/templates/react-app/src/base/apis/feApi/FeApiType.ts +1 -1
  221. package/dist/templates/react-app/src/base/apis/userApi/UserApi.ts +6 -6
  222. package/dist/templates/react-app/src/base/apis/userApi/UserApiAdapter.ts +1 -1
  223. package/dist/templates/react-app/src/base/apis/userApi/UserApiBootstarp.ts +12 -14
  224. package/dist/templates/react-app/src/base/apis/userApi/UserApiType.ts +1 -1
  225. package/dist/templates/react-app/src/base/cases/DialogHandler.ts +5 -2
  226. package/dist/templates/react-app/src/base/cases/I18nKeyErrorPlugin.ts +3 -3
  227. package/dist/templates/react-app/src/base/cases/InversifyContainer.ts +3 -3
  228. package/dist/templates/react-app/src/base/cases/RequestLanguages.ts +2 -2
  229. package/dist/templates/react-app/src/base/cases/RequestLogger.ts +4 -4
  230. package/dist/templates/react-app/src/base/cases/RequestStatusCatcher.ts +1 -1
  231. package/dist/templates/react-app/src/base/cases/ResourceState.ts +23 -0
  232. package/dist/templates/react-app/src/base/cases/RouterLoader.ts +4 -4
  233. package/dist/templates/react-app/src/base/cases/TranslateI18nInterface.ts +26 -0
  234. package/dist/templates/react-app/src/base/port/ExecutorPageBridgeInterface.ts +2 -3
  235. package/dist/templates/react-app/src/base/port/I18nServiceInterface.ts +1 -1
  236. package/dist/templates/react-app/src/base/port/IOCInterface.ts +36 -0
  237. package/dist/templates/react-app/src/base/port/JSONStoragePageBridgeInterface.ts +2 -1
  238. package/dist/templates/react-app/src/base/port/ProcesserExecutorInterface.ts +1 -1
  239. package/dist/templates/react-app/src/base/port/RequestPageBridgeInterface.ts +2 -2
  240. package/dist/templates/react-app/src/base/port/RouteServiceInterface.ts +9 -5
  241. package/dist/templates/react-app/src/base/port/UserServiceInterface.ts +1 -1
  242. package/dist/templates/react-app/src/base/services/I18nService.ts +29 -29
  243. package/dist/templates/react-app/src/base/services/IdentifierService.ts +143 -0
  244. package/dist/templates/react-app/src/base/services/ProcesserExecutor.ts +3 -3
  245. package/dist/templates/react-app/src/base/services/RouteService.ts +27 -8
  246. package/dist/templates/react-app/src/base/services/UserService.ts +8 -8
  247. package/dist/templates/react-app/src/base/types/Page.ts +14 -2
  248. package/dist/templates/react-app/src/base/types/global.d.ts +1 -1
  249. package/dist/templates/react-app/src/core/IOC.ts +5 -46
  250. package/dist/templates/react-app/src/core/bootstraps/{BootstrapApp.ts → BootstrapClient.ts} +44 -17
  251. package/dist/templates/react-app/src/core/bootstraps/BootstrapsRegistry.ts +14 -7
  252. package/dist/templates/react-app/src/core/bootstraps/IocIdentifierTest.ts +1 -1
  253. package/dist/templates/react-app/src/core/bootstraps/PrintBootstrap.ts +1 -1
  254. package/dist/templates/react-app/src/core/clientIoc/ClientIOC.ts +40 -0
  255. package/dist/templates/react-app/src/core/{IocRegisterImpl.ts → clientIoc/ClientIOCRegister.ts} +35 -24
  256. package/dist/templates/react-app/src/core/globals.ts +9 -9
  257. package/dist/templates/react-app/src/main.tsx +4 -4
  258. package/dist/templates/react-app/src/pages/404.tsx +6 -3
  259. package/dist/templates/react-app/src/pages/500.tsx +5 -2
  260. package/dist/templates/react-app/src/pages/NoRouteFound.tsx +5 -0
  261. package/dist/templates/react-app/src/pages/auth/Layout.tsx +9 -6
  262. package/dist/templates/react-app/src/pages/auth/LoginPage.tsx +46 -56
  263. package/dist/templates/react-app/src/pages/auth/RegisterPage.tsx +46 -58
  264. package/dist/templates/react-app/src/pages/base/AboutPage.tsx +35 -40
  265. package/dist/templates/react-app/src/pages/base/ExecutorPage.tsx +51 -51
  266. package/dist/templates/react-app/src/pages/base/HomePage.tsx +14 -15
  267. package/dist/templates/react-app/src/pages/base/IdentifierPage.tsx +70 -11
  268. package/dist/templates/react-app/src/pages/base/JSONStoragePage.tsx +24 -25
  269. package/dist/templates/react-app/src/pages/base/Layout.tsx +2 -2
  270. package/dist/templates/react-app/src/pages/base/RedirectPathname.tsx +3 -2
  271. package/dist/templates/react-app/src/pages/base/RequestPage.tsx +41 -59
  272. package/dist/templates/react-app/src/styles/css/antd-themes/{_default.css → _common/_default.css} +85 -0
  273. package/dist/templates/react-app/src/styles/css/antd-themes/{dark.css → _common/dark.css} +99 -0
  274. package/dist/templates/react-app/src/styles/css/antd-themes/_common/index.css +3 -0
  275. package/dist/templates/react-app/src/styles/css/antd-themes/{pink.css → _common/pink.css} +86 -0
  276. package/dist/templates/react-app/src/styles/css/antd-themes/index.css +4 -3
  277. package/dist/templates/react-app/src/styles/css/antd-themes/menu/_default.css +108 -0
  278. package/dist/templates/react-app/src/styles/css/antd-themes/menu/dark.css +67 -0
  279. package/dist/templates/react-app/src/styles/css/antd-themes/menu/index.css +3 -0
  280. package/dist/templates/react-app/src/styles/css/antd-themes/menu/pink.css +67 -0
  281. package/dist/templates/react-app/src/styles/css/antd-themes/pagination/_default.css +34 -0
  282. package/dist/templates/react-app/src/styles/css/antd-themes/pagination/dark.css +31 -0
  283. package/dist/templates/react-app/src/styles/css/antd-themes/pagination/index.css +3 -0
  284. package/dist/templates/react-app/src/styles/css/antd-themes/pagination/pink.css +36 -0
  285. package/dist/templates/react-app/src/styles/css/antd-themes/table/_default.css +44 -0
  286. package/dist/templates/react-app/src/styles/css/antd-themes/table/dark.css +43 -0
  287. package/dist/templates/react-app/src/styles/css/antd-themes/table/index.css +3 -0
  288. package/dist/templates/react-app/src/styles/css/antd-themes/table/pink.css +43 -0
  289. package/dist/templates/react-app/src/styles/css/page.css +4 -3
  290. package/dist/templates/react-app/src/styles/css/themes/_default.css +1 -0
  291. package/dist/templates/react-app/src/styles/css/themes/dark.css +1 -0
  292. package/dist/templates/react-app/src/styles/css/themes/pink.css +1 -0
  293. package/dist/templates/react-app/src/styles/css/zIndex.css +1 -1
  294. package/dist/templates/react-app/src/uikit/bridges/ExecutorPageBridge.ts +3 -3
  295. package/dist/templates/react-app/src/uikit/bridges/JSONStoragePageBridge.ts +2 -2
  296. package/dist/templates/react-app/src/uikit/bridges/NavigateBridge.ts +1 -1
  297. package/dist/templates/react-app/src/uikit/bridges/RequestPageBridge.ts +3 -3
  298. package/dist/templates/react-app/src/uikit/components/AppRouterProvider.tsx +35 -0
  299. package/dist/templates/react-app/src/uikit/components/BaseHeader.tsx +15 -11
  300. package/dist/templates/react-app/src/uikit/components/BaseRouteProvider.tsx +14 -11
  301. package/dist/templates/react-app/src/uikit/components/BaseRouteSeo.tsx +18 -0
  302. package/dist/templates/react-app/src/uikit/components/BootstrapsProvider.tsx +13 -0
  303. package/dist/templates/react-app/src/uikit/components/ClientSeo.tsx +62 -0
  304. package/dist/templates/react-app/src/uikit/components/ComboProvider.tsx +38 -0
  305. package/dist/templates/react-app/src/uikit/components/LanguageSwitcher.tsx +48 -27
  306. package/dist/templates/react-app/src/uikit/components/Loading.tsx +4 -2
  307. package/dist/templates/react-app/src/uikit/components/LocaleLink.tsx +4 -5
  308. package/dist/templates/react-app/src/uikit/components/LogoutButton.tsx +34 -11
  309. package/dist/templates/react-app/src/uikit/components/ProcessExecutorProvider.tsx +9 -5
  310. package/dist/templates/react-app/src/uikit/components/RouterRenderComponent.tsx +6 -3
  311. package/dist/templates/react-app/src/uikit/components/ThemeSwitcher.tsx +97 -40
  312. package/dist/templates/react-app/src/uikit/components/UserAuthProvider.tsx +5 -5
  313. package/dist/templates/react-app/src/uikit/components/With.tsx +17 -0
  314. package/dist/templates/react-app/src/uikit/contexts/BaseRouteContext.ts +17 -11
  315. package/dist/templates/react-app/src/uikit/contexts/IOCContext.ts +13 -0
  316. package/dist/templates/react-app/src/uikit/hooks/useAppTranslation.ts +26 -0
  317. package/dist/templates/react-app/src/uikit/hooks/useI18nGuard.ts +8 -11
  318. package/dist/templates/react-app/src/uikit/hooks/useI18nInterface.ts +25 -0
  319. package/dist/templates/react-app/src/uikit/hooks/useIOC.ts +35 -0
  320. package/dist/templates/react-app/src/uikit/hooks/useNavigateBridge.ts +3 -3
  321. package/dist/templates/react-app/src/uikit/hooks/useStrictEffect.ts +0 -1
  322. package/dist/templates/react-app/tsconfig.e2e.json +21 -0
  323. package/dist/templates/react-app/tsconfig.json +8 -1
  324. package/dist/templates/react-app/tsconfig.node.json +1 -1
  325. package/dist/templates/react-app/tsconfig.test.json +3 -1
  326. package/dist/templates/react-app/vite.config.ts +50 -34
  327. package/package.json +2 -1
  328. package/dist/configs/react-app/eslint.config.js +0 -94
  329. package/dist/templates/next-app/config/Identifier/common.error.ts +0 -41
  330. package/dist/templates/next-app/config/Identifier/common.ts +0 -69
  331. package/dist/templates/next-app/config/Identifier/page.about.ts +0 -181
  332. package/dist/templates/next-app/config/Identifier/page.admin.ts +0 -48
  333. package/dist/templates/next-app/config/Identifier/page.executor.ts +0 -272
  334. package/dist/templates/next-app/config/Identifier/page.identifiter.ts +0 -39
  335. package/dist/templates/next-app/config/Identifier/page.jsonStorage.ts +0 -72
  336. package/dist/templates/next-app/config/Identifier/page.request.ts +0 -182
  337. package/dist/templates/next-app/docs/env.md +0 -94
  338. package/dist/templates/next-app/src/base/cases/ChatAction.ts +0 -21
  339. package/dist/templates/next-app/src/base/cases/FocusBarAction.ts +0 -36
  340. package/dist/templates/next-app/src/base/cases/RequestState.ts +0 -20
  341. package/dist/templates/next-app/src/base/port/AdminPageInterface.ts +0 -85
  342. package/dist/templates/next-app/src/base/port/AsyncStateInterface.ts +0 -7
  343. package/dist/templates/next-app/src/base/services/AdminUserService.ts +0 -45
  344. package/dist/templates/next-app/src/uikit/components/ChatRoot.tsx +0 -17
  345. package/dist/templates/next-app/src/uikit/components/chat/ChatActionInterface.ts +0 -30
  346. package/dist/templates/next-app/src/uikit/components/chat/ChatFocusBar.tsx +0 -65
  347. package/dist/templates/next-app/src/uikit/components/chat/ChatMessages.tsx +0 -59
  348. package/dist/templates/next-app/src/uikit/components/chat/ChatWrap.tsx +0 -28
  349. package/dist/templates/next-app/src/uikit/components/chat/FocusBarActionInterface.ts +0 -19
  350. package/dist/templates/next-app/src/uikit/hook/useMountedClient.ts +0 -17
  351. package/dist/templates/next-app/src/uikit/hook/useStore.ts +0 -15
  352. package/dist/templates/react-app/__tests__/__mocks__/I18nService.ts +0 -13
  353. package/dist/templates/react-app/__tests__/src/App.test.tsx +0 -139
  354. package/dist/templates/react-app/config/Identifier/page.identifiter.ts +0 -39
  355. package/dist/templates/react-app/config/i18n.ts +0 -15
  356. package/dist/templates/react-app/docs/en/project-structure.md +0 -434
  357. package/dist/templates/react-app/docs/zh/project-structure.md +0 -434
  358. package/dist/templates/react-app/src/base/cases/RequestState.ts +0 -20
  359. package/dist/templates/react-app/src/base/port/AsyncStateInterface.ts +0 -7
  360. package/dist/templates/react-app/src/uikit/hooks/useDocumentTitle.ts +0 -15
  361. package/dist/templates/react-app/src/uikit/hooks/useStore.ts +0 -15
@@ -0,0 +1,496 @@
1
+ # 数据库开发指南
2
+
3
+ ## 目录
4
+
5
+ 1. [数据库架构概述](#数据库架构概述)
6
+ 2. [Supabase 实现](#supabase-实现)
7
+ 3. [数据库接口和抽象层](#数据库接口和抽象层)
8
+ 4. [仓库模式实现](#仓库模式实现)
9
+ 5. [MongoDB 实现示例](#mongodb-实现示例)
10
+ 6. [最佳实践和示例](#最佳实践和示例)
11
+
12
+ ## 数据库架构概述
13
+
14
+ ### 1. 整体架构
15
+
16
+ 项目采用分层的数据库架构设计:
17
+
18
+ ```
19
+ 应用层 数据访问层
20
+ ┌──────────────┐ ┌──────────────┐
21
+ │ 业务服务 │ │ 数据库接口 │
22
+ ├──────────────┤ ├──────────────┤
23
+ │ 仓库接口 │ │ 数据库桥接器 │
24
+ ├──────────────┤ ◄─────┤ │
25
+ │ 仓库实现 │ │ 具体实现 │
26
+ └──────────────┘ └──────────────┘
27
+ ```
28
+
29
+ ### 2. 核心组件
30
+
31
+ - **数据库接口**:`DBBridgeInterface`
32
+ - **数据库实现**:`SupabaseBridge`, `MongoDBBridge` 等
33
+ - **仓库接口**:`UserRepositoryInterface` 等
34
+ - **仓库实现**:`UserRepository` 等
35
+
36
+ ### 3. 数据模型
37
+
38
+ ```typescript
39
+ // 用户模型示例
40
+ interface UserSchema {
41
+ id: number;
42
+ email: string;
43
+ password: string;
44
+ role: string;
45
+ created_at: string;
46
+ updated_at: string;
47
+ email_confirmed_at?: string;
48
+ }
49
+ ```
50
+
51
+ ## Supabase 实现
52
+
53
+ ### 1. 数据库桥接器
54
+
55
+ ```typescript
56
+ @injectable()
57
+ export class SupabaseBridge implements DBBridgeInterface {
58
+ protected supabase: SupabaseClient;
59
+
60
+ constructor(
61
+ @inject(I.AppConfig) appConfig: AppConfig,
62
+ @inject(I.Logger) protected logger: LoggerInterface
63
+ ) {
64
+ // 初始化 Supabase 客户端
65
+ this.supabase = createClient(
66
+ appConfig.supabaseUrl,
67
+ appConfig.supabaseAnonKey
68
+ );
69
+ }
70
+
71
+ // 查询实现
72
+ async get(event: BridgeEvent): Promise<SupabaseBridgeResponse<unknown>> {
73
+ const { table, fields = '*', where } = event;
74
+ const selectFields = Array.isArray(fields) ? fields.join(',') : fields;
75
+ const handler = this.supabase.from(table).select(selectFields);
76
+
77
+ this.handleWhere(handler, where ?? []);
78
+
79
+ return this.catch(await handler);
80
+ }
81
+
82
+ // 分页查询实现
83
+ async pagination(event: BridgeEvent): Promise<DBBridgeResponse<unknown[]>> {
84
+ const { table, fields = '*', where, page = 1, pageSize = 10 } = event;
85
+ const selectFields = Array.isArray(fields) ? fields.join(',') : fields;
86
+
87
+ const handler = this.supabase
88
+ .from(table)
89
+ .select(selectFields, { count: 'exact' })
90
+ .range((page - 1) * pageSize, page * pageSize - 1);
91
+
92
+ this.handleWhere(handler, where ?? []);
93
+
94
+ return this.catch(await handler);
95
+ }
96
+
97
+ // WHERE 条件处理
98
+ protected handleWhere(
99
+ handler: PostgrestFilterBuilder<any, any, any>,
100
+ where: Where[]
101
+ ): void {
102
+ where.forEach(([field, operation, value]) => {
103
+ const method = whereHandlerMaps[operation];
104
+ if (method) {
105
+ handler[method](field, value);
106
+ }
107
+ });
108
+ }
109
+ }
110
+ ```
111
+
112
+ ### 2. 查询条件映射
113
+
114
+ ```typescript
115
+ // Supabase 操作符映射
116
+ const whereHandlerMaps = {
117
+ '=': 'eq', // 等于
118
+ '!=': 'neq', // 不等于
119
+ '>': 'gt', // 大于
120
+ '<': 'lt', // 小于
121
+ '>=': 'gte', // 大于等于
122
+ '<=': 'lte' // 小于等于
123
+ };
124
+ ```
125
+
126
+ ## 数据库接口和抽象层
127
+
128
+ ### 1. 数据库桥接接口
129
+
130
+ ```typescript
131
+ export interface DBBridgeInterface {
132
+ // 基础 CRUD 操作
133
+ add(event: BridgeEvent): Promise<DBBridgeResponse<unknown>>;
134
+ update(event: BridgeEvent): Promise<DBBridgeResponse<unknown>>;
135
+ delete(event: BridgeEvent): Promise<DBBridgeResponse<unknown>>;
136
+ get(event: BridgeEvent): Promise<DBBridgeResponse<unknown>>;
137
+
138
+ // 分页查询
139
+ pagination(event: BridgeEvent): Promise<DBBridgeResponse<unknown[]>>;
140
+ }
141
+
142
+ // 查询事件定义
143
+ export interface BridgeEvent {
144
+ table: string;
145
+ fields?: string | string[];
146
+ where?: Where[];
147
+ data?: unknown;
148
+ page?: number;
149
+ pageSize?: number;
150
+ }
151
+
152
+ // 统一响应格式
153
+ export interface DBBridgeResponse<T> {
154
+ error?: unknown;
155
+ data: T;
156
+ pagination?: PaginationInfo;
157
+ }
158
+ ```
159
+
160
+ ### 2. 查询条件类型
161
+
162
+ ```typescript
163
+ // 操作符类型
164
+ export type WhereOperation = '=' | '!=' | '>' | '<' | '>=' | '<=';
165
+
166
+ // 查询条件类型
167
+ export type Where = [string, WhereOperation, string | number];
168
+
169
+ // 分页信息
170
+ export interface PaginationInfo {
171
+ total: number;
172
+ page: number;
173
+ pageSize: number;
174
+ }
175
+ ```
176
+
177
+ ## 仓库模式实现
178
+
179
+ ### 1. 用户仓库接口
180
+
181
+ ```typescript
182
+ export interface UserRepositoryInterface {
183
+ // 获取所有用户
184
+ getAll(): Promise<unknown>;
185
+
186
+ // 通过邮箱查询用户
187
+ getUserByEmail(email: string): Promise<UserSchema | null>;
188
+
189
+ // 添加用户
190
+ add(params: {
191
+ email: string;
192
+ password: string;
193
+ }): Promise<UserSchema[] | null>;
194
+
195
+ // 更新用户
196
+ updateById(
197
+ id: number,
198
+ params: Partial<Omit<UserSchema, 'id' | 'created_at'>>
199
+ ): Promise<void>;
200
+
201
+ // 分页查询
202
+ pagination<UserSchema>(params: {
203
+ page: number;
204
+ pageSize: number;
205
+ }): Promise<PaginationInterface<UserSchema>>;
206
+ }
207
+ ```
208
+
209
+ ### 2. 用户仓库实现
210
+
211
+ ```typescript
212
+ @injectable()
213
+ export class UserRepository implements UserRepositoryInterface {
214
+ readonly name = 'fe_users';
215
+
216
+ // 安全字段列表(排除敏感信息)
217
+ protected safeFields = [
218
+ 'created_at',
219
+ 'email',
220
+ 'email_confirmed_at',
221
+ 'id',
222
+ 'role',
223
+ 'updated_at'
224
+ ];
225
+
226
+ constructor(
227
+ @inject(I.DBBridgeInterface) protected dbBridge: DBBridgeInterface
228
+ ) {}
229
+
230
+ async getUserByEmail(email: string): Promise<UserSchema | null> {
231
+ const result = await this.dbBridge.get({
232
+ table: this.name,
233
+ where: [['email', '=', email]]
234
+ });
235
+
236
+ return isEmpty(result.data) ? null : last(result.data as UserSchema[]);
237
+ }
238
+
239
+ async pagination<UserSchema>(
240
+ params: PaginationParams
241
+ ): Promise<PaginationResult> {
242
+ const result = await this.dbBridge.pagination({
243
+ table: this.name,
244
+ page: params.page,
245
+ pageSize: params.pageSize,
246
+ fields: this.safeFields // 只返回安全字段
247
+ });
248
+
249
+ return {
250
+ list: result.data as UserSchema[],
251
+ total: result.count ?? 0,
252
+ page: params.page,
253
+ pageSize: params.pageSize
254
+ };
255
+ }
256
+ }
257
+ ```
258
+
259
+ ## MongoDB 实现示例
260
+
261
+ ### 1. MongoDB 桥接器
262
+
263
+ ```typescript
264
+ @injectable()
265
+ export class MongoDBBridge implements DBBridgeInterface {
266
+ protected client: MongoClient;
267
+ protected db: Db;
268
+
269
+ constructor(
270
+ @inject(I.AppConfig) appConfig: AppConfig,
271
+ @inject(I.Logger) protected logger: LoggerInterface
272
+ ) {
273
+ this.client = new MongoClient(appConfig.mongodbUrl);
274
+ this.db = this.client.db(appConfig.mongodbDatabase);
275
+ }
276
+
277
+ async get(event: BridgeEvent): Promise<DBBridgeResponse<unknown>> {
278
+ const { table, where } = event;
279
+ const collection = this.db.collection(table);
280
+
281
+ const query = this.buildQuery(where ?? []);
282
+ const data = await collection.find(query).toArray();
283
+
284
+ return { data };
285
+ }
286
+
287
+ async pagination(event: BridgeEvent): Promise<DBBridgeResponse<unknown[]>> {
288
+ const { table, where, page = 1, pageSize = 10 } = event;
289
+ const collection = this.db.collection(table);
290
+
291
+ const query = this.buildQuery(where ?? []);
292
+ const total = await collection.countDocuments(query);
293
+ const data = await collection
294
+ .find(query)
295
+ .skip((page - 1) * pageSize)
296
+ .limit(pageSize)
297
+ .toArray();
298
+
299
+ return {
300
+ data,
301
+ pagination: { total, page, pageSize }
302
+ };
303
+ }
304
+
305
+ protected buildQuery(where: Where[]): Document {
306
+ return where.reduce((query, [field, operation, value]) => {
307
+ switch (operation) {
308
+ case '=':
309
+ return { ...query, [field]: value };
310
+ case '!=':
311
+ return { ...query, [field]: { $ne: value } };
312
+ case '>':
313
+ return { ...query, [field]: { $gt: value } };
314
+ case '<':
315
+ return { ...query, [field]: { $lt: value } };
316
+ case '>=':
317
+ return { ...query, [field]: { $gte: value } };
318
+ case '<=':
319
+ return { ...query, [field]: { $lte: value } };
320
+ default:
321
+ return query;
322
+ }
323
+ }, {});
324
+ }
325
+ }
326
+ ```
327
+
328
+ ### 2. MongoDB 配置
329
+
330
+ ```typescript
331
+ // 在 AppConfig 中添加 MongoDB 配置
332
+ export class AppConfig implements EnvConfigInterface {
333
+ readonly mongodbUrl: string = process.env.MONGODB_URL!;
334
+ readonly mongodbDatabase: string = process.env.MONGODB_DATABASE!;
335
+ }
336
+
337
+ // 注册 MongoDB 桥接器
338
+ export class ServerIOCRegister {
339
+ protected registerImplement(ioc: IOCContainerInterface): void {
340
+ // 使用 MongoDB 实现
341
+ ioc.bind(I.DBBridgeInterface, ioc.get(MongoDBBridge));
342
+ // 或使用 Supabase 实现
343
+ // ioc.bind(I.DBBridgeInterface, ioc.get(SupabaseBridge));
344
+ }
345
+ }
346
+ ```
347
+
348
+ ## 最佳实践和示例
349
+
350
+ ### 1. 仓库模式使用
351
+
352
+ ```typescript
353
+ @injectable()
354
+ export class UserService {
355
+ constructor(
356
+ @inject(I.UserRepository)
357
+ private userRepository: UserRepositoryInterface
358
+ ) {}
359
+
360
+ async getUserProfile(email: string): Promise<UserProfile | null> {
361
+ const user = await this.userRepository.getUserByEmail(email);
362
+ if (!user) return null;
363
+
364
+ // 转换为业务模型
365
+ return this.mapToUserProfile(user);
366
+ }
367
+
368
+ async listUsers(
369
+ params: PaginationParams
370
+ ): Promise<PaginationResult<UserProfile>> {
371
+ const result = await this.userRepository.pagination(params);
372
+
373
+ return {
374
+ ...result,
375
+ list: result.list.map(this.mapToUserProfile)
376
+ };
377
+ }
378
+ }
379
+ ```
380
+
381
+ ### 2. 事务处理
382
+
383
+ ```typescript
384
+ @injectable()
385
+ export class TransactionManager {
386
+ async withTransaction<T>(
387
+ callback: (transaction: Transaction) => Promise<T>
388
+ ): Promise<T> {
389
+ const transaction = await this.dbBridge.startTransaction();
390
+
391
+ try {
392
+ const result = await callback(transaction);
393
+ await transaction.commit();
394
+ return result;
395
+ } catch (error) {
396
+ await transaction.rollback();
397
+ throw error;
398
+ }
399
+ }
400
+ }
401
+
402
+ // 使用事务
403
+ async createUserWithProfile(data: UserData): Promise<User> {
404
+ return this.transactionManager.withTransaction(async (transaction) => {
405
+ const user = await this.userRepository.add(data, transaction);
406
+ await this.profileRepository.add(data.profile, transaction);
407
+ return user;
408
+ });
409
+ }
410
+ ```
411
+
412
+ ### 3. 查询优化
413
+
414
+ ```typescript
415
+ @injectable()
416
+ export class OptimizedUserRepository extends UserRepository {
417
+ // 使用字段选择优化查询
418
+ async getUserProfile(id: number): Promise<UserProfile> {
419
+ const result = await this.dbBridge.get({
420
+ table: this.name,
421
+ fields: this.safeFields, // 只选择需要的字段
422
+ where: [['id', '=', id]]
423
+ });
424
+ return this.mapToProfile(result.data);
425
+ }
426
+
427
+ // 使用索引优化查询
428
+ async searchUsers(query: string): Promise<User[]> {
429
+ const result = await this.dbBridge.get({
430
+ table: this.name,
431
+ where: [
432
+ ['email', '=', query], // 假设 email 字段有索引
433
+ ['role', '=', 'user']
434
+ ]
435
+ });
436
+ return result.data as User[];
437
+ }
438
+ }
439
+ ```
440
+
441
+ ### 4. 缓存策略
442
+
443
+ ```typescript
444
+ @injectable()
445
+ export class CachedUserRepository extends UserRepository {
446
+ constructor(
447
+ @inject(I.DBBridgeInterface) dbBridge: DBBridgeInterface,
448
+ @inject(I.CacheManager) private cache: CacheManager
449
+ ) {
450
+ super(dbBridge);
451
+ }
452
+
453
+ async getUserByEmail(email: string): Promise<UserSchema | null> {
454
+ // 先查缓存
455
+ const cached = await this.cache.get(`user:${email}`);
456
+ if (cached) return cached;
457
+
458
+ // 缓存未命中,查数据库
459
+ const user = await super.getUserByEmail(email);
460
+ if (user) {
461
+ await this.cache.set(`user:${email}`, user, '1h');
462
+ }
463
+
464
+ return user;
465
+ }
466
+ }
467
+ ```
468
+
469
+ ## 总结
470
+
471
+ 项目的数据库设计遵循以下原则:
472
+
473
+ 1. **抽象分层**:
474
+ - 清晰的接口定义
475
+ - 数据库实现可替换
476
+ - 仓库模式封装业务逻辑
477
+
478
+ 2. **类型安全**:
479
+ - 完整的 TypeScript 类型定义
480
+ - 查询条件类型检查
481
+ - 响应数据类型验证
482
+
483
+ 3. **安全性**:
484
+ - 字段级别的访问控制
485
+ - 参数化查询防注入
486
+ - 敏感数据过滤
487
+
488
+ 4. **可扩展性**:
489
+ - 支持多种数据库实现
490
+ - 插件化的功能扩展
491
+ - 统一的查询接口
492
+
493
+ 5. **性能优化**:
494
+ - 字段选择优化
495
+ - 查询条件优化
496
+ - 缓存策略支持