@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.
- package/LICENSE +21 -0
- package/README.md +330 -286
- package/adapters/axios.d.ts +34 -0
- package/adapters/axios.js +122 -0
- package/adapters/navios-http.d.ts +110 -0
- package/adapters/navios-http.js +151 -0
- package/css/components-ext.css +157 -0
- package/css/components.css +69 -0
- package/css/theme-dark.css +5 -5
- package/css/utilities.css +119 -1
- package/dist/css/accessibility.css +119 -0
- package/dist/css/animations.css +224 -0
- package/dist/css/brand-themes.css +300 -0
- package/dist/css/colors_and_type.css +441 -0
- package/dist/css/components-ext.css +4165 -0
- package/dist/css/components.css +1483 -0
- package/dist/css/kupola.css +1 -12
- package/dist/css/kupola.min.css +1 -0
- package/dist/css/responsive.css +697 -0
- package/dist/css/scaffold.css +145 -0
- package/dist/css/states.css +316 -0
- package/dist/css/theme-dark.css +296 -0
- package/dist/css/theme-light.css +296 -0
- package/dist/css/utilities.css +171 -0
- package/dist/icons.svg +284 -0
- package/dist/kupola.cjs.js +17409 -257
- package/dist/kupola.cjs.js.map +1 -1
- package/dist/kupola.css +9000 -0
- package/dist/kupola.esm.js +17183 -7597
- package/dist/kupola.esm.js.map +1 -1
- package/dist/kupola.min.css +1 -0
- package/dist/kupola.min.js +2 -0
- package/dist/kupola.min.js.map +1 -0
- package/dist/kupola.umd.js +17415 -257
- package/dist/kupola.umd.js.map +1 -1
- package/dist/plugins/vite-plugin-kupola.js +120 -0
- package/dist/types/kupola.d.ts +421 -323
- package/js/calendar.js +334 -25
- package/js/carousel.js +182 -48
- package/js/collapse.js +148 -34
- package/js/color-picker.js +416 -108
- package/js/component.js +8 -19
- package/js/countdown.js +9 -8
- package/js/data-bind.js +73 -16
- package/js/datepicker.js +488 -110
- package/js/depends.js +710 -0
- package/js/dialog.js +4 -2
- package/js/drawer.js +172 -8
- package/js/dropdown.js +272 -17
- package/js/dynamic-tags.js +156 -40
- package/js/fileupload.js +9 -8
- package/js/form.js +280 -254
- package/js/global-events.js +281 -188
- package/js/heatmap.js +10 -7
- package/js/i18n.js +18 -10
- package/js/icons.js +141 -161
- package/js/image-preview.js +146 -2
- package/js/initializer.js +151 -71
- package/js/kupola-core.js +123 -45
- package/js/kupola-lifecycle.js +13 -11
- package/js/message.js +8 -1
- package/js/modal.js +207 -59
- package/js/notification.js +8 -1
- package/js/numberinput.js +9 -8
- package/js/pagination.js +263 -0
- package/js/registry.js +29 -12
- package/js/select.js +482 -27
- package/js/slide-captcha.js +11 -2
- package/js/slider.js +442 -25
- package/js/statcard.js +9 -7
- package/js/table.js +1210 -0
- package/js/tag.js +268 -14
- package/js/theme-standalone.js +88 -0
- package/js/theme.js +14 -43
- package/js/timepicker.js +335 -66
- package/js/tooltip.js +317 -86
- package/js/utils.js +6 -2
- package/js/validation.js +6 -2
- package/js/virtual-list.js +11 -7
- package/js/web-components.js +288 -0
- package/package.json +81 -67
- package/plugins/vite-plugin-kupola.js +120 -0
- package/scripts/build-css.cjs +113 -0
- package/scripts/build-svg-sprite.cjs +107 -0
- package/types/kupola.d.ts +421 -323
- package/CHANGELOG.md +0 -130
- package/INTEGRATION.md +0 -440
- package/PROJECT_SUMMARY.md +0 -312
- package/SKILL.md +0 -572
- package/dist/utils/utils/Kupola.cs +0 -77
- package/dist/utils/utils/Kupola.java +0 -104
- package/dist/utils/utils/kupola.go +0 -120
- package/dist/utils/utils/kupola.js +0 -63
- package/dist/utils/utils/kupola.py +0 -1392
- package/dist/utils/utils/kupola.rb +0 -69
- package/js/composition-api.js +0 -458
- package/js/error-handler.js +0 -181
- package/js/http.js +0 -419
- package/js/kupola-devtools.js +0 -598
- package/js/performance.js +0 -250
- package/js/router.js +0 -396
- package/js/security.js +0 -189
- package/js/test-utils.js +0 -251
- package/templates/base.html +0 -30
- package/templates/base_dashboard.html +0 -99
- package/utils/Kupola.cs +0 -77
- package/utils/Kupola.java +0 -104
- package/utils/kupola.go +0 -120
- package/utils/kupola.js +0 -63
- package/utils/kupola.py +0 -1392
- 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;
|