@kupola/kupola 1.2.0 → 1.4.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 (111) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +330 -286
  3. package/adapters/axios.d.ts +34 -0
  4. package/adapters/axios.js +122 -0
  5. package/adapters/navios-http.d.ts +110 -0
  6. package/adapters/navios-http.js +151 -0
  7. package/css/components-ext.css +157 -0
  8. package/css/components.css +69 -0
  9. package/css/theme-dark.css +5 -5
  10. package/css/utilities.css +119 -1
  11. package/dist/css/accessibility.css +119 -0
  12. package/dist/css/animations.css +224 -0
  13. package/dist/css/brand-themes.css +300 -0
  14. package/dist/css/colors_and_type.css +441 -0
  15. package/dist/css/components-ext.css +4165 -0
  16. package/dist/css/components.css +1483 -0
  17. package/dist/css/kupola.css +1 -12
  18. package/dist/css/kupola.min.css +1 -0
  19. package/dist/css/responsive.css +697 -0
  20. package/dist/css/scaffold.css +145 -0
  21. package/dist/css/states.css +316 -0
  22. package/dist/css/theme-dark.css +296 -0
  23. package/dist/css/theme-light.css +296 -0
  24. package/dist/css/utilities.css +171 -0
  25. package/dist/icons.svg +284 -0
  26. package/dist/kupola.cjs.js +17409 -257
  27. package/dist/kupola.cjs.js.map +1 -1
  28. package/dist/kupola.css +9000 -0
  29. package/dist/kupola.esm.js +17183 -7597
  30. package/dist/kupola.esm.js.map +1 -1
  31. package/dist/kupola.min.css +1 -0
  32. package/dist/kupola.min.js +2 -0
  33. package/dist/kupola.min.js.map +1 -0
  34. package/dist/kupola.umd.js +17415 -257
  35. package/dist/kupola.umd.js.map +1 -1
  36. package/dist/plugins/vite-plugin-kupola.js +120 -0
  37. package/dist/types/kupola.d.ts +421 -323
  38. package/js/calendar.js +334 -25
  39. package/js/carousel.js +182 -48
  40. package/js/collapse.js +148 -34
  41. package/js/color-picker.js +416 -108
  42. package/js/component.js +8 -19
  43. package/js/countdown.js +9 -8
  44. package/js/data-bind.js +73 -16
  45. package/js/datepicker.js +488 -110
  46. package/js/depends.js +710 -0
  47. package/js/dialog.js +4 -2
  48. package/js/drawer.js +172 -8
  49. package/js/dropdown.js +272 -17
  50. package/js/dynamic-tags.js +156 -40
  51. package/js/fileupload.js +9 -8
  52. package/js/form.js +280 -254
  53. package/js/global-events.js +281 -188
  54. package/js/heatmap.js +10 -7
  55. package/js/i18n.js +18 -10
  56. package/js/icons.js +141 -161
  57. package/js/image-preview.js +146 -2
  58. package/js/initializer.js +151 -71
  59. package/js/kupola-core.js +123 -45
  60. package/js/kupola-lifecycle.js +13 -11
  61. package/js/message.js +8 -1
  62. package/js/modal.js +207 -59
  63. package/js/notification.js +8 -1
  64. package/js/numberinput.js +9 -8
  65. package/js/pagination.js +263 -0
  66. package/js/registry.js +29 -12
  67. package/js/select.js +482 -27
  68. package/js/slide-captcha.js +11 -2
  69. package/js/slider.js +442 -25
  70. package/js/statcard.js +9 -7
  71. package/js/table.js +1210 -0
  72. package/js/tag.js +268 -14
  73. package/js/theme-standalone.js +88 -0
  74. package/js/theme.js +14 -43
  75. package/js/timepicker.js +335 -66
  76. package/js/tooltip.js +317 -86
  77. package/js/utils.js +6 -2
  78. package/js/validation.js +6 -2
  79. package/js/virtual-list.js +11 -7
  80. package/js/web-components.js +288 -0
  81. package/package.json +81 -67
  82. package/plugins/vite-plugin-kupola.js +120 -0
  83. package/scripts/build-css.cjs +113 -0
  84. package/scripts/build-svg-sprite.cjs +107 -0
  85. package/types/kupola.d.ts +421 -323
  86. package/CHANGELOG.md +0 -130
  87. package/INTEGRATION.md +0 -440
  88. package/PROJECT_SUMMARY.md +0 -312
  89. package/SKILL.md +0 -572
  90. package/dist/utils/utils/Kupola.cs +0 -77
  91. package/dist/utils/utils/Kupola.java +0 -104
  92. package/dist/utils/utils/kupola.go +0 -120
  93. package/dist/utils/utils/kupola.js +0 -63
  94. package/dist/utils/utils/kupola.py +0 -1392
  95. package/dist/utils/utils/kupola.rb +0 -69
  96. package/js/composition-api.js +0 -458
  97. package/js/error-handler.js +0 -181
  98. package/js/http.js +0 -419
  99. package/js/kupola-devtools.js +0 -598
  100. package/js/performance.js +0 -250
  101. package/js/router.js +0 -396
  102. package/js/security.js +0 -189
  103. package/js/test-utils.js +0 -251
  104. package/templates/base.html +0 -30
  105. package/templates/base_dashboard.html +0 -99
  106. package/utils/Kupola.cs +0 -77
  107. package/utils/Kupola.java +0 -104
  108. package/utils/kupola.go +0 -120
  109. package/utils/kupola.js +0 -63
  110. package/utils/kupola.py +0 -1392
  111. package/utils/kupola.rb +0 -69
@@ -0,0 +1,120 @@
1
+ /**
2
+ * @kupola/vite-plugin - Vite plugin for Kupola development
3
+ *
4
+ * Features:
5
+ * - Auto-import useDeps/useQuery when detected in code
6
+ * - Auto-inject Kupola CSS
7
+ * - Dev-time dependency graph visualization
8
+ * - Transform helper for @depends-like syntax
9
+ */
10
+
11
+ import { readFileSync } from 'fs';
12
+ import { resolve } from 'path';
13
+
14
+ /**
15
+ * @param {Object} options
16
+ * @param {boolean} [options.autoCSS=true] - Auto inject Kupola CSS
17
+ * @param {boolean} [options.autoImport=true] - Auto import useDeps/useQuery
18
+ * @param {boolean} [options.devTools=true] - Enable dev tools in dev mode
19
+ * @param {string} [options.cssPath] - Custom CSS path
20
+ */
21
+ export function kupola(options = {}) {
22
+ const {
23
+ autoCSS = true,
24
+ autoImport = true,
25
+ devTools = true,
26
+ cssPath = null
27
+ } = options;
28
+
29
+ let isDev = false;
30
+ let kupolaRoot = null;
31
+
32
+ return {
33
+ name: 'kupola',
34
+ enforce: 'pre',
35
+
36
+ configResolved(config) {
37
+ isDev = config.command === 'serve';
38
+ kupolaRoot = config.root;
39
+ },
40
+
41
+ // Auto-import useDeps/useQuery
42
+ transform(code, id) {
43
+ if (!autoImport) return null;
44
+ if (!id.endsWith('.js') && !id.endsWith('.ts') && !id.endsWith('.vue') && !id.endsWith('.jsx') && !id.endsWith('.tsx')) {
45
+ return null;
46
+ }
47
+
48
+ // Skip node_modules
49
+ if (id.includes('node_modules')) return null;
50
+
51
+ let transformed = code;
52
+ let hasChanges = false;
53
+
54
+ // Detect useDeps usage without import
55
+ if (code.includes('useDeps(') && !code.includes("from '@kupola/kupola'") && !code.includes("from 'kupola'") && !code.includes('from "../js/depends.js"') && !code.includes('from "./js/depends.js"')) {
56
+ const importStatement = `import { useDeps } from '@kupola/kupola';\n`;
57
+ transformed = importStatement + transformed;
58
+ hasChanges = true;
59
+ }
60
+
61
+ // Detect useQuery usage without import
62
+ if (code.includes('useQuery(') && !code.includes("from '@kupola/kupola'") && !code.includes("from 'kupola'") && !code.includes('from "../js/depends.js"') && !code.includes('from "./js/depends.js"')) {
63
+ if (!transformed.includes("import { useQuery }")) {
64
+ const importStatement = `import { useQuery } from '@kupola/kupola';\n`;
65
+ transformed = importStatement + transformed;
66
+ hasChanges = true;
67
+ }
68
+ }
69
+
70
+ if (hasChanges) {
71
+ return {
72
+ code: transformed,
73
+ map: null
74
+ };
75
+ }
76
+
77
+ return null;
78
+ },
79
+
80
+ // Inject CSS in dev mode
81
+ transformIndexHtml(html) {
82
+ if (!autoCSS) return html;
83
+
84
+ const cssLink = cssPath || '/css/kupola.css';
85
+ if (!html.includes(cssLink)) {
86
+ return html.replace(
87
+ '</head>',
88
+ ` <link rel="stylesheet" href="${cssLink}">\n</head>`
89
+ );
90
+ }
91
+ return html;
92
+ },
93
+
94
+ // Dev tools integration
95
+ configureServer(server) {
96
+ if (!devTools || !isDev) return;
97
+
98
+ // Add middleware for dependency graph API
99
+ server.middlewares.use('/__kupola-deps', (req, res) => {
100
+ res.setHeader('Content-Type', 'application/json');
101
+ res.end(JSON.stringify({
102
+ status: 'ok',
103
+ version: '1.2.1',
104
+ features: ['useDeps', 'useQuery', 'Scheduler', 'CacheManager']
105
+ }));
106
+ });
107
+ },
108
+
109
+ // Handle hot update for depends files
110
+ handleHotUpdate(ctx) {
111
+ const { file, modules } = ctx;
112
+ if (file.includes('depends.js')) {
113
+ // Force full reload when core depends files change
114
+ return [];
115
+ }
116
+ }
117
+ };
118
+ }
119
+
120
+ export default kupola;