lapikit 0.0.0-insiders.dcdfb82 → 0.0.0-insiders.de70c0c
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/bin/configuration.js +304 -0
- package/bin/helper.js +64 -32
- package/bin/index.js +41 -0
- package/bin/lapikit.js +42 -10
- package/bin/legacy.js +34 -0
- package/bin/modules/adapter.js +5 -5
- package/bin/modules/plugin.js +223 -0
- package/bin/presets.js +26 -0
- package/bin/prompts.js +100 -0
- package/dist/actions/index.d.ts +1 -0
- package/dist/actions/index.js +1 -0
- package/dist/assets/icons/arrow-down.svelte +12 -0
- package/dist/assets/icons/arrow-down.svelte.d.ts +18 -0
- package/dist/assets/icons/arrow-up.svelte +12 -0
- package/dist/assets/icons/arrow-up.svelte.d.ts +18 -0
- package/dist/assets/icons/close-fill.svelte +12 -0
- package/dist/assets/icons/close-fill.svelte.d.ts +18 -0
- package/dist/assets/icons/loading-fill.svelte +31 -0
- package/dist/assets/icons/loading-fill.svelte.d.ts +18 -0
- package/dist/colors.css +0 -0
- package/dist/components/accordion/accordion.css +113 -0
- package/dist/components/accordion/accordion.svelte +37 -0
- package/dist/components/accordion/accordion.svelte.d.ts +4 -0
- package/dist/components/accordion/accordion.svelte.js +24 -0
- package/dist/components/accordion/modules/accordion-item.svelte +94 -0
- package/dist/components/accordion/modules/accordion-item.svelte.d.ts +4 -0
- package/dist/components/accordion/types.d.ts +33 -0
- package/dist/components/accordion/types.js +1 -0
- package/dist/components/alert/alert.css +137 -0
- package/dist/components/alert/alert.svelte +89 -0
- package/dist/components/alert/alert.svelte.d.ts +4 -0
- package/dist/components/alert/types.d.ts +28 -0
- package/dist/components/alert/types.js +1 -0
- package/dist/components/app/app.css +16 -0
- package/dist/components/app/app.svelte +48 -0
- package/dist/components/app/app.svelte.d.ts +7 -0
- package/dist/components/app/types.d.ts +4 -0
- package/dist/components/app/types.js +1 -0
- package/dist/components/appbar/appbar.css +48 -0
- package/dist/components/appbar/appbar.svelte +40 -0
- package/dist/components/appbar/appbar.svelte.d.ts +4 -0
- package/dist/components/appbar/types.d.ts +15 -0
- package/dist/components/appbar/types.js +1 -0
- package/dist/components/aspect-ratio/aspect-ratio.css +19 -0
- package/dist/components/aspect-ratio/aspect-ratio.svelte +47 -0
- package/dist/components/aspect-ratio/aspect-ratio.svelte.d.ts +4 -0
- package/dist/components/aspect-ratio/types.d.ts +5 -0
- package/dist/components/aspect-ratio/types.js +1 -0
- package/dist/components/avatar/avatar.css +109 -0
- package/dist/components/avatar/avatar.svelte +46 -0
- package/dist/components/avatar/avatar.svelte.d.ts +4 -0
- package/dist/components/avatar/types.d.ts +22 -0
- package/dist/components/avatar/types.js +1 -0
- package/dist/components/button/button.css +247 -0
- package/dist/components/button/button.svelte +102 -0
- package/dist/components/button/button.svelte.d.ts +4 -0
- package/dist/components/button/types.d.ts +29 -0
- package/dist/components/button/types.js +1 -0
- package/dist/components/card/card.css +115 -0
- package/dist/components/card/card.svelte +63 -0
- package/dist/components/card/card.svelte.d.ts +4 -0
- package/dist/components/card/types.d.ts +18 -0
- package/dist/components/card/types.js +1 -0
- package/dist/components/chip/chip.css +231 -0
- package/dist/components/chip/chip.svelte +131 -0
- package/dist/components/chip/chip.svelte.d.ts +4 -0
- package/dist/components/chip/types.d.ts +32 -0
- package/dist/components/chip/types.js +1 -0
- package/dist/components/dialog/dialog.css +136 -0
- package/dist/components/dialog/dialog.svelte +67 -0
- package/dist/components/dialog/dialog.svelte.d.ts +4 -0
- package/dist/components/dialog/types.d.ts +24 -0
- package/dist/components/dialog/types.js +1 -0
- package/dist/components/dropdown/dropdown.css +22 -0
- package/dist/components/dropdown/dropdown.svelte +116 -0
- package/dist/components/dropdown/dropdown.svelte.d.ts +4 -0
- package/dist/components/dropdown/dropdown.svelte.js +148 -0
- package/dist/components/dropdown/types.d.ts +26 -0
- package/dist/components/dropdown/types.js +1 -0
- package/dist/components/icon/icon.css +79 -0
- package/dist/components/icon/icon.svelte +49 -0
- package/dist/components/icon/icon.svelte.d.ts +4 -0
- package/dist/components/icon/types.d.ts +16 -0
- package/dist/components/icon/types.js +1 -0
- package/dist/components/index.d.ts +22 -0
- package/dist/components/index.js +23 -0
- package/dist/components/list/list.css +221 -0
- package/dist/components/list/list.svelte +44 -0
- package/dist/components/list/list.svelte.d.ts +4 -0
- package/dist/components/list/modules/list-item.svelte +76 -0
- package/dist/components/list/modules/list-item.svelte.d.ts +4 -0
- package/dist/components/list/types.d.ts +33 -0
- package/dist/components/list/types.js +1 -0
- package/dist/components/modal/modal.css +145 -0
- package/dist/components/modal/modal.svelte +113 -0
- package/dist/components/modal/modal.svelte.d.ts +4 -0
- package/dist/components/modal/types.d.ts +26 -0
- package/dist/components/modal/types.js +1 -0
- package/dist/components/popover/popover.css +22 -0
- package/dist/components/popover/popover.svelte +73 -0
- package/dist/components/popover/popover.svelte.d.ts +4 -0
- package/dist/components/popover/popover.svelte.js +134 -0
- package/dist/components/popover/types.d.ts +20 -0
- package/dist/components/popover/types.js +1 -0
- package/dist/components/separator/separator.css +46 -0
- package/dist/components/separator/separator.svelte +37 -0
- package/dist/components/separator/separator.svelte.d.ts +4 -0
- package/dist/components/separator/types.d.ts +11 -0
- package/dist/components/separator/types.js +1 -0
- package/dist/components/spacer/spacer.css +3 -0
- package/dist/components/spacer/spacer.svelte +7 -0
- package/dist/components/spacer/spacer.svelte.d.ts +4 -0
- package/dist/components/spacer/types.d.ts +4 -0
- package/dist/components/spacer/types.js +1 -0
- package/dist/components/textfield/textfield.css +305 -0
- package/dist/components/textfield/textfield.svelte +193 -0
- package/dist/components/textfield/textfield.svelte.d.ts +4 -0
- package/dist/components/textfield/types.d.ts +37 -0
- package/dist/components/textfield/types.js +1 -0
- package/dist/components/toolbar/toolbar.css +129 -0
- package/dist/components/toolbar/toolbar.svelte +47 -0
- package/dist/components/toolbar/toolbar.svelte.d.ts +4 -0
- package/dist/components/toolbar/types.d.ts +27 -0
- package/dist/components/toolbar/types.js +1 -0
- package/dist/components/tooltip/tooltip.css +124 -0
- package/dist/components/tooltip/tooltip.svelte +113 -0
- package/dist/components/tooltip/tooltip.svelte.d.ts +4 -0
- package/dist/components/tooltip/tooltip.svelte.js +131 -0
- package/dist/components/tooltip/types.d.ts +23 -0
- package/dist/components/tooltip/types.js +1 -0
- package/dist/index.d.ts +27 -1
- package/dist/index.js +27 -3
- package/dist/internal/assets.svelte.d.ts +8 -0
- package/dist/internal/assets.svelte.js +54 -0
- package/dist/internal/clickOutside.d.ts +9 -0
- package/dist/internal/clickOutside.js +34 -0
- package/dist/internal/config/presets.d.ts +108 -0
- package/dist/internal/config/presets.js +121 -0
- package/dist/internal/config/variables.d.ts +6 -0
- package/dist/internal/config/variables.js +6 -0
- package/dist/internal/core/formatter/component.d.ts +5 -0
- package/dist/internal/core/formatter/component.js +56 -0
- package/dist/internal/core/formatter/index.d.ts +4 -0
- package/dist/internal/core/formatter/index.js +26 -0
- package/dist/internal/core/formatter/styles.d.ts +4 -0
- package/dist/internal/core/formatter/styles.js +15 -0
- package/dist/internal/core/formatter/theme.d.ts +5 -0
- package/dist/internal/core/formatter/theme.js +20 -0
- package/dist/internal/core/formatter/typography.d.ts +5 -0
- package/dist/internal/core/formatter/typography.js +12 -0
- package/dist/internal/core/parser-config.d.ts +1 -0
- package/dist/internal/core/parser-config.js +24 -0
- package/dist/internal/deepMerge.d.ts +44 -0
- package/dist/internal/deepMerge.js +80 -0
- package/dist/internal/helpers/parser.d.ts +9 -0
- package/dist/internal/helpers/parser.js +70 -0
- package/dist/internal/index.d.ts +2 -0
- package/dist/internal/index.js +2 -0
- package/dist/internal/ripple.d.ts +12 -0
- package/dist/internal/ripple.js +93 -0
- package/dist/internal/scroll.d.ts +1 -0
- package/dist/internal/scroll.js +6 -0
- package/dist/internal/types/configuration.d.ts +40 -0
- package/dist/internal/types/configuration.js +1 -0
- package/dist/internal/types/index.d.ts +1 -0
- package/dist/internal/types/index.js +1 -0
- package/dist/internal/types.d.ts +13 -0
- package/dist/internal/unit.d.ts +1 -0
- package/dist/internal/unit.js +11 -0
- package/dist/labs/index.d.ts +4 -0
- package/dist/labs/index.js +5 -0
- package/dist/labs/my-component-style-global.svelte +6 -0
- package/dist/labs/my-component-style-global.svelte.d.ts +18 -0
- package/dist/labs/my-component-style-import.svelte +15 -0
- package/dist/labs/my-component-style-import.svelte.d.ts +18 -0
- package/dist/labs/my-component-style-mixed.svelte +23 -0
- package/dist/labs/my-component-style-mixed.svelte.d.ts +18 -0
- package/dist/labs/my-component.svelte +16 -0
- package/dist/labs/my-component.svelte.d.ts +18 -0
- package/dist/labs/style-mixed.css +7 -0
- package/dist/labs/style.css +7 -0
- package/dist/labs.css +25 -0
- package/dist/plugin/css.d.ts +1 -0
- package/dist/plugin/css.js +73 -0
- package/dist/plugin/preset-v2.d.ts +108 -0
- package/dist/plugin/preset-v2.js +126 -0
- package/dist/plugin/vitejs.d.ts +5 -1
- package/dist/plugin/vitejs.js +32 -3
- package/dist/preset.js +16 -4
- package/dist/stores/breakpoints.d.ts +6 -0
- package/dist/stores/breakpoints.js +14 -0
- package/dist/stores/components.d.ts +8 -0
- package/dist/stores/components.js +26 -0
- package/dist/stores/devices.d.ts +6 -0
- package/dist/stores/devices.js +9 -0
- package/dist/stores/index.d.ts +4 -0
- package/dist/stores/index.js +4 -0
- package/dist/stores/themes.d.ts +8 -0
- package/dist/stores/themes.js +34 -0
- package/dist/style/animation.css +62 -0
- package/dist/style/css.js +6 -3
- package/dist/style/normalize.css +2 -0
- package/dist/style/parser/color.js +15 -4
- package/dist/style/parser/device.js +31 -19
- package/dist/style/variable.css +12 -0
- package/dist/utils/convert.d.ts +1 -0
- package/dist/utils/convert.js +17 -0
- package/dist/utils/x11.d.ts +1 -1
- package/package.json +26 -4
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) Nycolaide <https://github.com/Nycolaide>.
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,304 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
import { promises as fs } from 'fs';
|
|
3
|
+
import path from 'path';
|
|
4
|
+
import { terminal } from './helper.js';
|
|
5
|
+
import presets from './presets.js';
|
|
6
|
+
|
|
7
|
+
async function findReferenceFile(projectPath) {
|
|
8
|
+
const routesPath = path.join(projectPath, 'src', 'routes');
|
|
9
|
+
|
|
10
|
+
try {
|
|
11
|
+
await fs.access(routesPath);
|
|
12
|
+
} catch {
|
|
13
|
+
terminal('error', `Lapikit cannot find the routes/ directory.`);
|
|
14
|
+
// throw new Error('Lapikit cannot find the routes/ directory.');
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
const layoutFile = path.join(routesPath, '+layout.svelte');
|
|
18
|
+
try {
|
|
19
|
+
await fs.access(layoutFile);
|
|
20
|
+
return layoutFile;
|
|
21
|
+
} catch {
|
|
22
|
+
// +layout.svelte not found in routes/
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
const pageFile = path.join(routesPath, '+page.svelte');
|
|
26
|
+
try {
|
|
27
|
+
await fs.access(pageFile);
|
|
28
|
+
return pageFile;
|
|
29
|
+
} catch {
|
|
30
|
+
// +page.svelte not found in routes/
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
try {
|
|
34
|
+
const entries = await fs.readdir(routesPath, { withFileTypes: true });
|
|
35
|
+
const subDirectories = entries.filter((entry) => entry.isDirectory());
|
|
36
|
+
|
|
37
|
+
for (const dir of subDirectories) {
|
|
38
|
+
const subDirPath = path.join(routesPath, dir.name);
|
|
39
|
+
|
|
40
|
+
const subLayoutFile = path.join(subDirPath, '+layout.svelte');
|
|
41
|
+
try {
|
|
42
|
+
await fs.access(subLayoutFile);
|
|
43
|
+
return subLayoutFile;
|
|
44
|
+
} catch {
|
|
45
|
+
// +layout.svelte not found in subdirectory
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
const subPageFile = path.join(subDirPath, '+page.svelte');
|
|
49
|
+
try {
|
|
50
|
+
await fs.access(subPageFile);
|
|
51
|
+
return subPageFile;
|
|
52
|
+
} catch {
|
|
53
|
+
// +page.svelte not found in subdirectory
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
} catch {
|
|
57
|
+
// Error reading routes directory
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
throw new Error('Not found +layout or +page main on your project.');
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
async function addImportToReferenceFile(targetFile, referenceFile) {
|
|
64
|
+
try {
|
|
65
|
+
const content = await fs.readFile(referenceFile, 'utf-8');
|
|
66
|
+
const relativePath = path.relative(path.dirname(referenceFile), targetFile);
|
|
67
|
+
const importStatement = `import "${relativePath.startsWith('.') ? relativePath : './' + relativePath}";\n`;
|
|
68
|
+
|
|
69
|
+
if (content.includes(`import "${relativePath}"`)) {
|
|
70
|
+
terminal('info', `Import statement already exists in ${referenceFile}`);
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
const lines = content.split('\n');
|
|
75
|
+
let insertIndex = -1;
|
|
76
|
+
|
|
77
|
+
for (let i = 0; i < lines.length; i++) {
|
|
78
|
+
const line = lines[i].trim();
|
|
79
|
+
if (line.startsWith('<script>') || line.startsWith('<script lang="ts">')) {
|
|
80
|
+
insertIndex = i + 1;
|
|
81
|
+
break;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (insertIndex === -1) {
|
|
86
|
+
throw new Error(`No found balise <script> ou <script lang="ts"> ${referenceFile}`);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
let finalInsertIndex = insertIndex;
|
|
90
|
+
for (let i = insertIndex; i < lines.length; i++) {
|
|
91
|
+
const line = lines[i].trim();
|
|
92
|
+
|
|
93
|
+
if (line === '</script>') {
|
|
94
|
+
break;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
if (line === '' || line.startsWith('import ') || line.startsWith('//')) {
|
|
98
|
+
finalInsertIndex = i + 1;
|
|
99
|
+
} else {
|
|
100
|
+
break;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
lines.splice(finalInsertIndex, 0, `\t${importStatement.trim()}`);
|
|
105
|
+
const newContent = lines.join('\n');
|
|
106
|
+
|
|
107
|
+
await fs.writeFile(referenceFile, newContent);
|
|
108
|
+
terminal('info', `Import has been added to ${referenceFile}`);
|
|
109
|
+
} catch (error) {
|
|
110
|
+
terminal('error', `Error adding import: ${error.message}`);
|
|
111
|
+
throw error;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
async function findViteConfigFile(projectPath, typescript) {
|
|
116
|
+
const ext = typescript ? 'ts' : 'js';
|
|
117
|
+
const viteConfigFile = path.join(projectPath, `vite.config.${ext}`);
|
|
118
|
+
|
|
119
|
+
try {
|
|
120
|
+
await fs.access(viteConfigFile);
|
|
121
|
+
return viteConfigFile;
|
|
122
|
+
} catch {
|
|
123
|
+
// Try the other extension if the preferred one doesn't exist
|
|
124
|
+
const alternativeExt = typescript ? 'js' : 'ts';
|
|
125
|
+
const alternativeFile = path.join(projectPath, `vite.config.${alternativeExt}`);
|
|
126
|
+
|
|
127
|
+
try {
|
|
128
|
+
await fs.access(alternativeFile);
|
|
129
|
+
return alternativeFile;
|
|
130
|
+
} catch {
|
|
131
|
+
throw new Error(`No vite.config.js or vite.config.ts file found in ${projectPath}`);
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
async function addLapikitToViteConfig(viteConfigFile, pathConfig, typescript) {
|
|
137
|
+
try {
|
|
138
|
+
const content = await fs.readFile(viteConfigFile, 'utf-8');
|
|
139
|
+
const lapikitImport = `import { lapikit } from 'lapikit/vite';`;
|
|
140
|
+
const configPath = `${pathConfig}/lapikit.${typescript ? 'ts' : 'js'}`;
|
|
141
|
+
const lapikitPlugin = `lapikit({ config: '${configPath}' })`;
|
|
142
|
+
|
|
143
|
+
// Check if lapikit import already exists
|
|
144
|
+
if (content.includes(lapikitImport) || content.includes(`from 'lapikit/vite'`)) {
|
|
145
|
+
terminal('info', `Lapikit import already exists in ${viteConfigFile}`);
|
|
146
|
+
return;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
const lines = content.split('\n');
|
|
150
|
+
let importInsertIndex = -1;
|
|
151
|
+
let pluginAdded = false;
|
|
152
|
+
|
|
153
|
+
// Find where to insert the import (after other imports)
|
|
154
|
+
for (let i = 0; i < lines.length; i++) {
|
|
155
|
+
const line = lines[i].trim();
|
|
156
|
+
|
|
157
|
+
if (line.startsWith('import ') && !line.includes('type ')) {
|
|
158
|
+
importInsertIndex = i + 1;
|
|
159
|
+
} else if (
|
|
160
|
+
line === '' &&
|
|
161
|
+
importInsertIndex !== -1 &&
|
|
162
|
+
lines[i + 1] &&
|
|
163
|
+
!lines[i + 1].trim().startsWith('import ')
|
|
164
|
+
) {
|
|
165
|
+
importInsertIndex = i;
|
|
166
|
+
break;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
// If no imports found, insert at the beginning
|
|
171
|
+
if (importInsertIndex === -1) {
|
|
172
|
+
importInsertIndex = 0;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
// Insert the lapikit import
|
|
176
|
+
lines.splice(importInsertIndex, 0, lapikitImport);
|
|
177
|
+
|
|
178
|
+
// Find and update the plugins array
|
|
179
|
+
for (let i = 0; i < lines.length; i++) {
|
|
180
|
+
const line = lines[i].trim();
|
|
181
|
+
|
|
182
|
+
if (line.includes('plugins:') && line.includes('[') && line.includes(']')) {
|
|
183
|
+
// Single line plugins array
|
|
184
|
+
if (line.includes('sveltekit()')) {
|
|
185
|
+
const pluginMatch = line.match(/plugins:\s*\[(.*)\]/);
|
|
186
|
+
if (pluginMatch) {
|
|
187
|
+
const pluginsContent = pluginMatch[1];
|
|
188
|
+
if (!pluginsContent.includes('lapikit')) {
|
|
189
|
+
const newPluginsContent = pluginsContent.replace(
|
|
190
|
+
/sveltekit\(\)/,
|
|
191
|
+
`sveltekit(), ${lapikitPlugin}`
|
|
192
|
+
);
|
|
193
|
+
lines[i] = line.replace(pluginsContent, newPluginsContent);
|
|
194
|
+
pluginAdded = true;
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
break;
|
|
199
|
+
} else if (line.includes('plugins:') && line.includes('[') && !line.includes(']')) {
|
|
200
|
+
// Multi-line plugins array start
|
|
201
|
+
for (let j = i; j < lines.length; j++) {
|
|
202
|
+
const pluginLine = lines[j].trim();
|
|
203
|
+
|
|
204
|
+
if (pluginLine.includes('sveltekit()') && !pluginAdded) {
|
|
205
|
+
// Check if lapikit is not already present
|
|
206
|
+
let hasLapikit = false;
|
|
207
|
+
for (let k = i; k < lines.length && !lines[k].includes(']'); k++) {
|
|
208
|
+
if (lines[k].includes('lapikit')) {
|
|
209
|
+
hasLapikit = true;
|
|
210
|
+
break;
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
if (!hasLapikit) {
|
|
215
|
+
// Add lapikit after sveltekit()
|
|
216
|
+
if (pluginLine.includes(',')) {
|
|
217
|
+
lines[j] = lines[j].replace('sveltekit()', `sveltekit(), ${lapikitPlugin}`);
|
|
218
|
+
} else {
|
|
219
|
+
lines[j] = lines[j].replace('sveltekit()', 'sveltekit(),');
|
|
220
|
+
// Insert lapikit on the next line with proper indentation
|
|
221
|
+
const indentation = lines[j].match(/^\s*/)[0];
|
|
222
|
+
lines.splice(j + 1, 0, `${indentation}${lapikitPlugin}`);
|
|
223
|
+
}
|
|
224
|
+
pluginAdded = true;
|
|
225
|
+
}
|
|
226
|
+
break;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
if (pluginLine.includes(']')) {
|
|
230
|
+
break;
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
break;
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
if (!pluginAdded) {
|
|
238
|
+
terminal('warn', `Could not find sveltekit() in plugins array to add lapikit() after it`);
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
const newContent = lines.join('\n');
|
|
242
|
+
await fs.writeFile(viteConfigFile, newContent);
|
|
243
|
+
terminal('info', `Lapikit import and plugin added to ${viteConfigFile}`);
|
|
244
|
+
} catch (error) {
|
|
245
|
+
terminal('error', `Error adding lapikit to vite config: ${error.message}`);
|
|
246
|
+
throw error;
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
export async function initConfiguration(options) {
|
|
251
|
+
const { typescript, pathConfig, formatCSS, pathCSS } = options;
|
|
252
|
+
const ext = typescript ? 'ts' : 'js';
|
|
253
|
+
const targetDir = path.resolve(process.cwd(), pathConfig);
|
|
254
|
+
const targetFile = path.join(targetDir, `lapikit.${ext}`);
|
|
255
|
+
|
|
256
|
+
await fs.mkdir(targetDir, { recursive: true });
|
|
257
|
+
|
|
258
|
+
let fileCreated = false;
|
|
259
|
+
|
|
260
|
+
// Create Lapikit config
|
|
261
|
+
try {
|
|
262
|
+
await fs.access(targetFile);
|
|
263
|
+
terminal('info', `File ${targetFile} already exists.`);
|
|
264
|
+
} catch {
|
|
265
|
+
terminal('info', `Creating file: ${targetFile}`);
|
|
266
|
+
const content = presets({
|
|
267
|
+
adapterCSS: formatCSS
|
|
268
|
+
});
|
|
269
|
+
await fs.writeFile(targetFile, content);
|
|
270
|
+
terminal('info', `File created: ${targetFile}`);
|
|
271
|
+
fileCreated = true;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
// Add Import Lapikit plugin
|
|
275
|
+
try {
|
|
276
|
+
const referenceFile = await findReferenceFile(process.cwd());
|
|
277
|
+
await addImportToReferenceFile(targetFile, referenceFile);
|
|
278
|
+
} catch (error) {
|
|
279
|
+
terminal('error', `Error adding import: ${error.message}`);
|
|
280
|
+
|
|
281
|
+
if (fileCreated) {
|
|
282
|
+
try {
|
|
283
|
+
await fs.unlink(targetFile);
|
|
284
|
+
terminal('info', `File ${targetFile} deleted due to error.`);
|
|
285
|
+
} catch {
|
|
286
|
+
// Ignore deletion error
|
|
287
|
+
}
|
|
288
|
+
}
|
|
289
|
+
throw error;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
// Add Import Lapikit css
|
|
293
|
+
if (formatCSS !== 'css') {
|
|
294
|
+
console.log('need custom import (Preview)', pathCSS);
|
|
295
|
+
}
|
|
296
|
+
// Add lapikit to vite.config file
|
|
297
|
+
try {
|
|
298
|
+
const viteConfigFile = await findViteConfigFile(process.cwd(), typescript);
|
|
299
|
+
await addLapikitToViteConfig(viteConfigFile, pathConfig, typescript);
|
|
300
|
+
} catch (error) {
|
|
301
|
+
terminal('warn', `Warning: Could not update vite.config file: ${error.message}`);
|
|
302
|
+
terminal('error', `Error adding lapikit to vite config: ${error.message}`);
|
|
303
|
+
}
|
|
304
|
+
}
|
package/bin/helper.js
CHANGED
|
@@ -1,43 +1,54 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { promises as fs } from 'fs';
|
|
2
|
+
import path from 'path';
|
|
3
|
+
|
|
4
|
+
const color = {
|
|
5
|
+
red: (text) => `\x1b[31m${text}\x1b[0m`,
|
|
6
|
+
green: (text) => `\x1b[32m${text}\x1b[0m`,
|
|
7
|
+
yellow: (text) => `\x1b[33m${text}\x1b[0m`,
|
|
8
|
+
blue: (text) => `\x1b[34m${text}\x1b[0m`,
|
|
9
|
+
purple: (text) => `\x1b[35m${text}\x1b[0m`,
|
|
10
|
+
cyan: (text) => `\x1b[36m${text}\x1b[0m`
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
const variant = {
|
|
14
|
+
bold: (text) => `\x1b[1m${text}\x1b[0m`,
|
|
15
|
+
underline: (text) => `\x1b[4m${text}\x1b[0m`,
|
|
16
|
+
inverse: (text) => `\x1b[7m${text}\x1b[0m`
|
|
8
17
|
};
|
|
9
18
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
19
|
+
const bold = {
|
|
20
|
+
red: (text) => `\x1b[1m\x1b[31m${text}\x1b[0m`,
|
|
21
|
+
green: (text) => `\x1b[1m\x1b[32m${text}\x1b[0m`,
|
|
22
|
+
yellow: (text) => `\x1b[1m\x1b[33m${text}\x1b[0m`,
|
|
23
|
+
blue: (text) => `\x1b[1m\x1b[34m${text}\x1b[0m`,
|
|
24
|
+
purple: (text) => `\x1b[1m\x1b[35m${text}\x1b[0m`,
|
|
25
|
+
cyan: (text) => `\x1b[1m\x1b[36m${text}\x1b[0m`
|
|
14
26
|
};
|
|
15
27
|
|
|
16
|
-
|
|
17
|
-
red: `\x1b[
|
|
18
|
-
green: `\x1b[
|
|
19
|
-
yellow: `\x1b[
|
|
20
|
-
blue: `\x1b[
|
|
21
|
-
purple: `\x1b[
|
|
22
|
-
cyan: `\x1b[
|
|
28
|
+
const inverse = {
|
|
29
|
+
red: (text) => `\x1b[7m\x1b[31m${text}\x1b[0m`,
|
|
30
|
+
green: (text) => `\x1b[7m\x1b[32m${text}\x1b[0m`,
|
|
31
|
+
yellow: (text) => `\x1b[7m\x1b[33m${text}\x1b[0m`,
|
|
32
|
+
blue: (text) => `\x1b[7m\x1b[34m${text}\x1b[0m`,
|
|
33
|
+
purple: (text) => `\x1b[7m\x1b[35m${text}\x1b[0m`,
|
|
34
|
+
cyan: (text) => `\x1b[7m\x1b[36m${text}\x1b[0m`
|
|
23
35
|
};
|
|
24
36
|
|
|
25
|
-
|
|
26
|
-
red: `\x1b[
|
|
27
|
-
green: `\x1b[
|
|
28
|
-
yellow: `\x1b[
|
|
29
|
-
blue: `\x1b[
|
|
30
|
-
purple: `\x1b[
|
|
31
|
-
cyan: `\x1b[
|
|
37
|
+
const underline = {
|
|
38
|
+
red: (text) => `\x1b[4m\x1b[31m${text}\x1b[0m`,
|
|
39
|
+
green: (text) => `\x1b[4m\x1b[32m${text}\x1b[0m`,
|
|
40
|
+
yellow: (text) => `\x1b[4m\x1b[33m${text}\x1b[0m`,
|
|
41
|
+
blue: (text) => `\x1b[4m\x1b[34m${text}\x1b[0m`,
|
|
42
|
+
purple: (text) => `\x1b[4m\x1b[35m${text}\x1b[0m`,
|
|
43
|
+
cyan: (text) => `\x1b[4m\x1b[36m${text}\x1b[0m`
|
|
32
44
|
};
|
|
33
45
|
|
|
34
|
-
export const
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
cyan: `\x1b[4m\x1b[36m${text}\x1b[0m`
|
|
46
|
+
export const ansi = {
|
|
47
|
+
color,
|
|
48
|
+
variant,
|
|
49
|
+
bold,
|
|
50
|
+
inverse,
|
|
51
|
+
underline
|
|
41
52
|
};
|
|
42
53
|
|
|
43
54
|
export const terminal = (type = 'info', msg) => {
|
|
@@ -46,6 +57,7 @@ export const terminal = (type = 'info', msg) => {
|
|
|
46
57
|
if (type === 'error') console.error(name, ansi.bold.red('[error]'), msg);
|
|
47
58
|
else if (type === 'warn') console.warn(name, ansi.bold.yellow('[warn]'), msg);
|
|
48
59
|
else if (type === 'success') console.warn(name, ansi.bold.green('[success]'), msg);
|
|
60
|
+
else if (type === 'none') console.log(msg);
|
|
49
61
|
else console.log(name, ansi.bold.blue('[info]'), msg);
|
|
50
62
|
};
|
|
51
63
|
|
|
@@ -54,6 +66,26 @@ export function getCssPathFromArgs() {
|
|
|
54
66
|
return args[1] || 'src/app.css';
|
|
55
67
|
}
|
|
56
68
|
|
|
69
|
+
export function getLapikitPathFromArgs() {
|
|
70
|
+
const args = process.argv.slice(2);
|
|
71
|
+
// Search argument after --plugin-path or -p
|
|
72
|
+
const pluginPathIndex = args.findIndex((arg) => arg === '--plugin-path' || arg === '-p');
|
|
73
|
+
if (pluginPathIndex !== -1 && args[pluginPathIndex + 1]) {
|
|
74
|
+
return args[pluginPathIndex + 1];
|
|
75
|
+
}
|
|
76
|
+
return 'src/plugin';
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
export function validatePluginPath(pluginPath) {
|
|
80
|
+
if (!pluginPath.startsWith('src/')) {
|
|
81
|
+
return {
|
|
82
|
+
valid: false,
|
|
83
|
+
error: 'The path must start with "src/"'
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
return { valid: true };
|
|
87
|
+
}
|
|
88
|
+
|
|
57
89
|
export async function envTypescript() {
|
|
58
90
|
const directory = process.cwd();
|
|
59
91
|
try {
|
package/bin/index.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
import { initConfiguration } from './configuration.js';
|
|
3
|
+
import { ansi, terminal } from './helper.js';
|
|
4
|
+
import { legacyConfiguration } from './legacy.js';
|
|
5
|
+
import { initPrompts } from './prompts.js';
|
|
6
|
+
|
|
7
|
+
async function run() {
|
|
8
|
+
console.log(' _ _ _ _ _ ');
|
|
9
|
+
console.log(' | | (_) | (_) | ');
|
|
10
|
+
console.log(' | | __ _ _ __ _| | ___| |_ ');
|
|
11
|
+
console.log(" | | / _` | '_ \\| | |/ / | __|");
|
|
12
|
+
console.log(' | |___| (_| | |_) | | <| | |_ ');
|
|
13
|
+
console.log(' |______\\__,_| .__/|_|_|\\_\\_|\\__|');
|
|
14
|
+
console.log(' | | ');
|
|
15
|
+
console.log(' |_| \n');
|
|
16
|
+
|
|
17
|
+
terminal('none', `${ansi.bold.blue('Lapikit')} - Component Library for Svelte\n\n`);
|
|
18
|
+
|
|
19
|
+
const promptsConfig = await initPrompts();
|
|
20
|
+
|
|
21
|
+
if (promptsConfig.env === 'current') {
|
|
22
|
+
await legacyConfiguration(promptsConfig);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
if (promptsConfig.env === 'experimental') {
|
|
26
|
+
terminal('warn', `Experimental mode is not yet implemented.`);
|
|
27
|
+
await initConfiguration(promptsConfig);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
run()
|
|
32
|
+
.then(() => {
|
|
33
|
+
terminal('none', `\n\n\n\nWebsite: https://lapikit.dev`);
|
|
34
|
+
terminal('none', `Github: https://github.com/nycolaide/lapikit`);
|
|
35
|
+
terminal('none', `Support the developement: https://buymeacoffee.com/nycolaide`);
|
|
36
|
+
process.exit(0);
|
|
37
|
+
})
|
|
38
|
+
.catch((error) => {
|
|
39
|
+
terminal('error', `Error: ${error}`);
|
|
40
|
+
process.exit(1);
|
|
41
|
+
});
|
package/bin/lapikit.js
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
2
|
import { promises as fs } from 'fs';
|
|
3
3
|
import path from 'path';
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
import {
|
|
5
|
+
ansi,
|
|
6
|
+
terminal,
|
|
7
|
+
envTypescript,
|
|
8
|
+
getLapikitPathFromArgs,
|
|
9
|
+
validatePluginPath
|
|
10
|
+
} from './helper.js';
|
|
11
|
+
import { preset } from './modules/preset.js';
|
|
12
|
+
import { adapterCSSConfig, adapterViteConfig } from './modules/adapter.js';
|
|
13
|
+
import { createPluginStructure, setupSvelteKitIntegration } from './modules/plugin.js';
|
|
7
14
|
|
|
8
15
|
const [, , command] = process.argv;
|
|
9
16
|
const typescriptEnabled = envTypescript();
|
|
@@ -11,8 +18,9 @@ const typescriptEnabled = envTypescript();
|
|
|
11
18
|
if (process.argv.includes('--help') || process.argv.includes('-h')) {
|
|
12
19
|
terminal(
|
|
13
20
|
'info',
|
|
14
|
-
`usage: ${color.yellow('npx lapikit init {cssPath}')}\n\n ${variant.bold('options:')}\n
|
|
15
|
-
- {cssPath}: (${color.cyan('src/app.css')}) customize path on your origin css file
|
|
21
|
+
`usage: ${ansi.color.yellow('npx lapikit init {cssPath} [--plugin-path {pluginPath}]')}\n\n ${ansi.variant.bold('options:')}\n
|
|
22
|
+
- {cssPath}: (${ansi.color.cyan('src/app.css')}) customize path on your origin css file.
|
|
23
|
+
- --plugin-path, -p: (${ansi.color.cyan('src/plugin')}) customize path for the plugin directory.\n\n`
|
|
16
24
|
);
|
|
17
25
|
process.exit(0);
|
|
18
26
|
} else if (command === 'init') {
|
|
@@ -23,9 +31,18 @@ if (process.argv.includes('--help') || process.argv.includes('-h')) {
|
|
|
23
31
|
console.log(' | |___| (_| | |_) | | <| | |_ ');
|
|
24
32
|
console.log(' |______\\__,_| .__/|_|_|\\_\\_|\\__|');
|
|
25
33
|
console.log(' | | ');
|
|
26
|
-
console.log(' |_| ');
|
|
34
|
+
console.log(' |_| \n');
|
|
27
35
|
|
|
28
|
-
terminal('
|
|
36
|
+
terminal('none', `${ansi.bold.blue('LAPIKIT')} - Component Library for Svelte\n\n`);
|
|
37
|
+
|
|
38
|
+
// Get Path
|
|
39
|
+
const pluginPath = getLapikitPathFromArgs();
|
|
40
|
+
const pathValidation = validatePluginPath(pluginPath);
|
|
41
|
+
|
|
42
|
+
if (!pathValidation.valid) {
|
|
43
|
+
terminal('error', `Invalid path: ${pathValidation.error}`);
|
|
44
|
+
process.exit(1);
|
|
45
|
+
}
|
|
29
46
|
|
|
30
47
|
const configPath = path.resolve(process.cwd(), 'lapikit.config.js');
|
|
31
48
|
try {
|
|
@@ -35,20 +52,35 @@ if (process.argv.includes('--help') || process.argv.includes('-h')) {
|
|
|
35
52
|
terminal('error', `failed to create configuration file:\n\n ${error}`);
|
|
36
53
|
terminal(
|
|
37
54
|
'warn',
|
|
38
|
-
`you can create lapikit.config.js manually, please visite https://
|
|
55
|
+
`you can create lapikit.config.js manually, please visite https://lapikit.dev/docs/getting-started for more information`
|
|
39
56
|
);
|
|
40
57
|
}
|
|
41
58
|
|
|
59
|
+
// Create plugin structure
|
|
60
|
+
try {
|
|
61
|
+
await createPluginStructure(pluginPath, typescriptEnabled);
|
|
62
|
+
} catch (error) {
|
|
63
|
+
terminal('error', `Create plugin structure not working : ${error.message}`);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
// Setup SvelteKit integration
|
|
67
|
+
try {
|
|
68
|
+
await setupSvelteKitIntegration(pluginPath, typescriptEnabled);
|
|
69
|
+
} catch (error) {
|
|
70
|
+
terminal('error', `SvelteKit integration setup failed: ${error.message}`);
|
|
71
|
+
}
|
|
72
|
+
|
|
42
73
|
await adapterViteConfig(typescriptEnabled);
|
|
43
74
|
await adapterCSSConfig();
|
|
44
75
|
|
|
45
76
|
terminal(
|
|
46
77
|
'info',
|
|
47
|
-
`${bold.blue('Thank to use lapikit, discover all posibility with lapikit on https://
|
|
78
|
+
`${ansi.bold.blue('Thank to use lapikit, discover all posibility with lapikit on https://lapikit.dev')}\n\n`
|
|
48
79
|
);
|
|
49
80
|
|
|
81
|
+
console.log('Website: https://lapikit.dev');
|
|
50
82
|
console.log('Github: https://github.com/nycolaide/lapikit');
|
|
51
83
|
console.log('Support the developement: https://buymeacoffee.com/nycolaide');
|
|
52
84
|
} else {
|
|
53
|
-
terminal('error', `Command not recognized. Try 'npx lapikit
|
|
85
|
+
terminal('error', `Command not recognized. Try 'npx lapikit -h'`);
|
|
54
86
|
}
|
package/bin/legacy.js
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
import { promises as fs } from 'fs';
|
|
3
|
+
import path from 'path';
|
|
4
|
+
import { preset } from './modules/preset.js';
|
|
5
|
+
import { ansi, terminal, envTypescript } from './helper.js';
|
|
6
|
+
import { adapterCSSConfig, adapterViteConfig } from './modules/adapter.js';
|
|
7
|
+
|
|
8
|
+
export async function legacyConfiguration(options) {
|
|
9
|
+
const typescriptEnabled = envTypescript();
|
|
10
|
+
const configPath = path.resolve(process.cwd(), 'lapikit.config.js');
|
|
11
|
+
|
|
12
|
+
try {
|
|
13
|
+
await fs.writeFile(configPath, preset.trim() + '\n', 'utf8');
|
|
14
|
+
terminal('success', `has create lapikit.config.js on your project.`);
|
|
15
|
+
} catch (error) {
|
|
16
|
+
terminal('error', `failed to create configuration file:\n\n ${error}`);
|
|
17
|
+
terminal(
|
|
18
|
+
'warn',
|
|
19
|
+
`you can create lapikit.config.js manually, please visite https://lapikit.dev/docs/getting-started for more information`
|
|
20
|
+
);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
await adapterViteConfig(typescriptEnabled);
|
|
24
|
+
await adapterCSSConfig(options);
|
|
25
|
+
|
|
26
|
+
terminal(
|
|
27
|
+
'info',
|
|
28
|
+
`${ansi.bold.blue('Thank to use lapikit, discover all posibility with lapikit on https://lapikit.dev')}\n\n`
|
|
29
|
+
);
|
|
30
|
+
|
|
31
|
+
console.log('Website: https://lapikit.dev');
|
|
32
|
+
console.log('Github: https://github.com/nycolaide/lapikit');
|
|
33
|
+
console.log('Support the developement: https://buymeacoffee.com/nycolaide');
|
|
34
|
+
}
|
package/bin/modules/adapter.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { promises as fs } from 'fs';
|
|
2
2
|
import path from 'path';
|
|
3
|
-
import {
|
|
3
|
+
import { terminal } from '../helper.js';
|
|
4
4
|
|
|
5
5
|
const importLapikitVite = `import { lapikit } from 'lapikit/vite';`;
|
|
6
6
|
const importLapikitCss = `@import 'lapikit/css';`;
|
|
@@ -28,13 +28,13 @@ export async function adapterViteConfig(typescript) {
|
|
|
28
28
|
} catch (error) {
|
|
29
29
|
terminal(
|
|
30
30
|
'error',
|
|
31
|
-
`lapikit encountered a problem while editing vite.config.(js|ts)
|
|
31
|
+
`lapikit() encountered a problem while editing vite.config.(js|ts):\n ${error}.\n\n`
|
|
32
32
|
);
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
export async function adapterCSSConfig() {
|
|
37
|
-
const cssPath =
|
|
36
|
+
export async function adapterCSSConfig(options) {
|
|
37
|
+
const cssPath = options?.pathCSS || 'src/app.css';
|
|
38
38
|
const resolvedPath = path.resolve(process.cwd(), cssPath);
|
|
39
39
|
try {
|
|
40
40
|
await fs.access(resolvedPath);
|
|
@@ -46,7 +46,7 @@ export async function adapterCSSConfig() {
|
|
|
46
46
|
} catch (error) {
|
|
47
47
|
terminal(
|
|
48
48
|
'error',
|
|
49
|
-
`lapikit encountered a problem while editing ${cssPath}:\n
|
|
49
|
+
`lapikit/css encountered a problem while editing ${cssPath}:\n ${error.message}.\n\n`
|
|
50
50
|
);
|
|
51
51
|
}
|
|
52
52
|
}
|