tera-system-ui 0.0.24 → 0.0.25

package/scripts/add-component-template.js

@@ -1,121 +1,121 @@
 #!/usr/bin/env node
-
-import fs from "fs";
-
-import path from "path";
-// Get the component name from the command line arguments
-const componentName = process.argv[3];
-const command = process.argv[2];
-
-if (!componentName) {
-    console.error("Please provide a component name: `npx tera-ui add component-name`");
-    process.exit(1);
-}
-
-if (command !== 'add') {
-    console.error(`Please provide a correct command: current command ${command}`);
-    process.exit(1);
-}
-
-
-const PASCAL_CASE = 'PASCAL_CASE';
-const KEBAB_CASE = 'KEBAB_CASE';
-
-
-function convertCase(text, convertTo) {
-    const isPascalCase = /^[A-Z][a-z0-9]+([A-Z][a-z0-9]*)*$/.test(text);
-    const isKebabCase = /^[a-z]+(-[a-z0-9]+)*$/.test(text);
-
-    if ((convertTo === PASCAL_CASE && isPascalCase) ||
-        (convertTo === KEBAB_CASE && isKebabCase)) {
-        return text;
-    }
-
-    if (convertTo === PASCAL_CASE) {
-        return text
-            .toLowerCase()
-            .replace(/(?:^|[-_])(.)/g, (_, char) => char.toUpperCase());
-    } else if (convertTo === KEBAB_CASE) {
-        return text
-            .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
-            .toLowerCase();
-    } else {
-        throw new Error("Invalid 'convertTo' parameter. Use 'PASCAL_CASE' or 'KEBAB_CASE'.");
-    }
-}
-
-
-function readFileContent(path) {
-    try {
-        const data = fs.readFileSync(path, 'utf8');
-        return data;
-    } catch (error) {
-        console.error("Error reading file:", error.message);
-        return null;
-    }
-}
-
-
-const componentTemplateFolder = path.join(process.cwd(), 'scripts/file-template/component');
-
-function getComponentSvelte(componentName) {
-    let template = readFileContent(componentTemplateFolder + '/Component.svelte')
-    let componentNameCase = convertCase(componentName, PASCAL_CASE);
-    return template.replaceAll('ComponentProps', componentNameCase + 'Props')
-        .replaceAll('"./Component"', `"./${componentNameCase}"`);
-}
-
-function getComponentTS(componentName) {
-    let template = readFileContent(componentTemplateFolder + '/Component.ts')
-    let componentNameCase = convertCase(componentName, PASCAL_CASE);
-    return template.replaceAll('Component', componentNameCase);
-}
-
-function getIndexTS(componentName) {
-    let template = readFileContent(componentTemplateFolder + '/index.ts')
-    let componentNameCase = convertCase(componentName, PASCAL_CASE);
-    return template.replaceAll('Component', componentNameCase);
-}
-
-
-function getComponentStoriesSvelte(componentName) {
-    let template = readFileContent(componentTemplateFolder + '/Component.stories.svelte')
-    let componentNameCase = convertCase(componentName, PASCAL_CASE);
-    return template.replaceAll('ComponentName', componentNameCase)
-        .replaceAll('component-path', convertCase(componentName, KEBAB_CASE));
-}
-
-
-// Define the component folder and files
-const componentDir = path.join(process.cwd(), 'src', 'lib', 'components', convertCase(componentName, KEBAB_CASE));
-const componentStoriesDir = path.join(process.cwd(), 'src', 'stories', convertCase(componentName, KEBAB_CASE));
-
-
-const files = {
-    [`${convertCase(componentName, PASCAL_CASE)}.svelte`]: getComponentSvelte(componentName),
-    [`${convertCase(componentName, PASCAL_CASE)}.ts`]: getComponentTS(componentName),
-    [`index.ts`]: getIndexTS(componentName),
-    [`${convertCase(componentName, PASCAL_CASE)}.stories.svelte`]: getComponentStoriesSvelte(componentName),
-};
-
-
-// Create the folder and files with template content
-if (!fs.existsSync(componentDir)) {
-    fs.mkdirSync(componentDir);
-}
-
-if (!fs.existsSync(componentStoriesDir)) {
-    fs.mkdirSync(componentStoriesDir);
-}
-
-
-for (const [filename, content] of Object.entries(files)) {
-    const filePath = filename.includes('.stories.')
-        ? path.join(componentStoriesDir, filename)
-        : path.join(componentDir, filename);
-
-
-    fs.writeFileSync(filePath, content, 'utf8');
-}
-
-console.log(`Component ${componentName} created successfully with 3 template files!`);
+
+import fs from "fs";
+
+import path from "path";
+// Get the component name from the command line arguments
+const componentName = process.argv[3];
+const command = process.argv[2];
+
+if (!componentName) {
+    console.error("Please provide a component name: `npx tera-ui add component-name`");
+    process.exit(1);
+}
+
+if (command !== 'add') {
+    console.error(`Please provide a correct command: current command ${command}`);
+    process.exit(1);
+}
+
+
+const PASCAL_CASE = 'PASCAL_CASE';
+const KEBAB_CASE = 'KEBAB_CASE';
+
+
+function convertCase(text, convertTo) {
+    const isPascalCase = /^[A-Z][a-z0-9]+([A-Z][a-z0-9]*)*$/.test(text);
+    const isKebabCase = /^[a-z]+(-[a-z0-9]+)*$/.test(text);
+
+    if ((convertTo === PASCAL_CASE && isPascalCase) ||
+        (convertTo === KEBAB_CASE && isKebabCase)) {
+        return text;
+    }
+
+    if (convertTo === PASCAL_CASE) {
+        return text
+            .toLowerCase()
+            .replace(/(?:^|[-_])(.)/g, (_, char) => char.toUpperCase());
+    } else if (convertTo === KEBAB_CASE) {
+        return text
+            .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+            .toLowerCase();
+    } else {
+        throw new Error("Invalid 'convertTo' parameter. Use 'PASCAL_CASE' or 'KEBAB_CASE'.");
+    }
+}
+
+
+function readFileContent(path) {
+    try {
+        const data = fs.readFileSync(path, 'utf8');
+        return data;
+    } catch (error) {
+        console.error("Error reading file:", error.message);
+        return null;
+    }
+}
+
+
+const componentTemplateFolder = path.join(process.cwd(), 'scripts/file-template/component');
+
+function getComponentSvelte(componentName) {
+    let template = readFileContent(componentTemplateFolder + '/Component.svelte')
+    let componentNameCase = convertCase(componentName, PASCAL_CASE);
+    return template.replaceAll('ComponentProps', componentNameCase + 'Props')
+        .replaceAll('"./Component"', `"./${componentNameCase}"`);
+}
+
+function getComponentTS(componentName) {
+    let template = readFileContent(componentTemplateFolder + '/Component.ts')
+    let componentNameCase = convertCase(componentName, PASCAL_CASE);
+    return template.replaceAll('Component', componentNameCase);
+}
+
+function getIndexTS(componentName) {
+    let template = readFileContent(componentTemplateFolder + '/index.ts')
+    let componentNameCase = convertCase(componentName, PASCAL_CASE);
+    return template.replaceAll('Component', componentNameCase);
+}
+
+
+function getComponentStoriesSvelte(componentName) {
+    let template = readFileContent(componentTemplateFolder + '/Component.stories.svelte')
+    let componentNameCase = convertCase(componentName, PASCAL_CASE);
+    return template.replaceAll('ComponentName', componentNameCase)
+        .replaceAll('component-path', convertCase(componentName, KEBAB_CASE));
+}
+
+
+// Define the component folder and files
+const componentDir = path.join(process.cwd(), 'src', 'lib', 'components', convertCase(componentName, KEBAB_CASE));
+const componentStoriesDir = path.join(process.cwd(), 'src', 'stories', convertCase(componentName, KEBAB_CASE));
+
+
+const files = {
+    [`${convertCase(componentName, PASCAL_CASE)}.svelte`]: getComponentSvelte(componentName),
+    [`${convertCase(componentName, PASCAL_CASE)}.ts`]: getComponentTS(componentName),
+    [`index.ts`]: getIndexTS(componentName),
+    [`${convertCase(componentName, PASCAL_CASE)}.stories.svelte`]: getComponentStoriesSvelte(componentName),
+};
+
+
+// Create the folder and files with template content
+if (!fs.existsSync(componentDir)) {
+    fs.mkdirSync(componentDir);
+}
+
+if (!fs.existsSync(componentStoriesDir)) {
+    fs.mkdirSync(componentStoriesDir);
+}
+
+
+for (const [filename, content] of Object.entries(files)) {
+    const filePath = filename.includes('.stories.')
+        ? path.join(componentStoriesDir, filename)
+        : path.join(componentDir, filename);
+
+
+    fs.writeFileSync(filePath, content, 'utf8');
+}
+
+console.log(`Component ${componentName} created successfully with 3 template files!`);

package/scripts/generate-ts-index.js

@@ -1,139 +1,139 @@
-import fs from "fs";
-
-import path from "path";
-
-
-/**
- * Recursively finds all "index.ts" files in the given folder path.
- * @param {string} folderPath - The root directory to start the search.
- * @returns {Array} - List of objects containing `filePath` and `content` of each "index.ts" file.
- */
-function findIndexFiles(folderPath) {
-    const result = [];
-
-    function searchFolder(currentPath) {
-        const filesAndDirs = fs.readdirSync(currentPath);
-
-        for (const item of filesAndDirs) {
-            const itemPath = path.join(currentPath, item);
-            const stats = fs.statSync(itemPath);
-
-            if (stats.isDirectory()) {
-                // Recursively search in subdirectories
-                searchFolder(itemPath);
-            } else if (item === "index.ts") {
-                // Read file content if the file is "index.ts"
-                const content = fs.readFileSync(itemPath, "utf-8");
-                result.push({filePath: itemPath, content});
-            }
-        }
-    }
-
-    searchFolder(folderPath);
-    return result;
-}
-
-
-/**
- * Extracts export names from a given JavaScript file content.
- * @param {string} filePath - The path to the JavaScript file.
- * @returns {Array} - An array of export names.
- */
-function extractExportNames(filePath) {
-    const fileContent = fs.readFileSync(filePath, "utf-8");
-    const exportNames = [];
-
-    // Regular expressions to match the export names
-    const defaultExportRegex = /^(?!\s*\/\/)\s*export\s*{\s*default\s+as\s+(\w+)/gm;
-    const namedExportRegex = /^(?!\s*\/\/)\s*export\s*{(\w+)\s*}/gm;
-
-    let match;
-
-    // Find all matches for `export { default as ... }`
-    while ((match = defaultExportRegex.exec(fileContent)) !== null) {
-        exportNames.push(match[1]);
-    }
-
-    // Find all matches for `export { namedExport }`
-    while ((match = namedExportRegex.exec(fileContent)) !== null) {
-        exportNames.push(match[1]);
-    }
-
-    return exportNames;
-}
-
-
-/**
- * Recursively finds all files in a given folder path that match the name pattern.
- * @param {string} folderPath - The root directory to start the search.
- * @param {RegExp} namePattern - The regular expression pattern to match file names.
- * @returns {Array} - List of file names that match the pattern.
- */
-function findFilesByPattern(folderPath, namePattern) {
-    const result = [];
-
-    console.log(folderPath)
-    function searchFolder(currentPath) {
-        const filesAndDirs = fs.readdirSync(currentPath);
-
-        for (const item of filesAndDirs) {
-            const itemPath = path.join(currentPath, item);
-            const stats = fs.statSync(itemPath);
-
-            if (stats.isDirectory()) {
-                // Recursively search in subdirectories
-                searchFolder(itemPath);
-            } else if (namePattern.test(item)) {
-                // If the file name matches the pattern, add to result
-                result.push(item);
-            }
-        }
-    }
-
-    searchFolder(folderPath);
-    return result;
-}
-
-const baseLib = './src/lib'
-const GLOBAL_INDEX_PATH = baseLib + "/index.ts"
-const COMPONENTS_PATH = baseLib + "/components"
-const ICON_COMPONENTS_PATH = baseLib + "/components/icons"
-
-const iconComponentsFileList = findFilesByPattern(ICON_COMPONENTS_PATH, /^Icon\w*\.svelte$/);
-
-// generate icon index
-const importSvelteComponentTemplate = `export {default as Component} from './Component.svelte'`;
-const importComponentTemplate = `export {Component} from 'path'`;
-
-
-(() => {
-    let content = ''
-    iconComponentsFileList.forEach(file => {
-        let componentName = file.replace('.svelte', '')
-        content += importSvelteComponentTemplate.replaceAll('Component', componentName);
-        content += `\n`
-    })
-
-    fs.writeFileSync(ICON_COMPONENTS_PATH + '/index.ts', content, 'utf8');
-})();
-
-
-(() => {
-    const indexFileList = findIndexFiles(COMPONENTS_PATH);
-    let content = ''
-
-    indexFileList.forEach(file => {
-        let components = extractExportNames(file.filePath)
-        if (components.length === 0) return
-
-        let importFromPath = './components/' + file.filePath.split(path.sep + `components` + path.sep)[1].replace(path.sep + 'index.ts', '');
-
-        content += importComponentTemplate.replace('path', importFromPath)
-            .replace('Component', components.join(', '));
-        content += '\n';
-    });
-
-    console.log(content)
-    fs.writeFileSync(GLOBAL_INDEX_PATH, content, 'utf8');
-
+import fs from "fs";
+
+import path from "path";
+
+
+/**
+ * Recursively finds all "index.ts" files in the given folder path.
+ * @param {string} folderPath - The root directory to start the search.
+ * @returns {Array} - List of objects containing `filePath` and `content` of each "index.ts" file.
+ */
+function findIndexFiles(folderPath) {
+    const result = [];
+
+    function searchFolder(currentPath) {
+        const filesAndDirs = fs.readdirSync(currentPath);
+
+        for (const item of filesAndDirs) {
+            const itemPath = path.join(currentPath, item);
+            const stats = fs.statSync(itemPath);
+
+            if (stats.isDirectory()) {
+                // Recursively search in subdirectories
+                searchFolder(itemPath);
+            } else if (item === "index.ts") {
+                // Read file content if the file is "index.ts"
+                const content = fs.readFileSync(itemPath, "utf-8");
+                result.push({filePath: itemPath, content});
+            }
+        }
+    }
+
+    searchFolder(folderPath);
+    return result;
+}
+
+
+/**
+ * Extracts export names from a given JavaScript file content.
+ * @param {string} filePath - The path to the JavaScript file.
+ * @returns {Array} - An array of export names.
+ */
+function extractExportNames(filePath) {
+    const fileContent = fs.readFileSync(filePath, "utf-8");
+    const exportNames = [];
+
+    // Regular expressions to match the export names
+    const defaultExportRegex = /^(?!\s*\/\/)\s*export\s*{\s*default\s+as\s+(\w+)/gm;
+    const namedExportRegex = /^(?!\s*\/\/)\s*export\s*{(\w+)\s*}/gm;
+
+    let match;
+
+    // Find all matches for `export { default as ... }`
+    while ((match = defaultExportRegex.exec(fileContent)) !== null) {
+        exportNames.push(match[1]);
+    }
+
+    // Find all matches for `export { namedExport }`
+    while ((match = namedExportRegex.exec(fileContent)) !== null) {
+        exportNames.push(match[1]);
+    }
+
+    return exportNames;
+}
+
+
+/**
+ * Recursively finds all files in a given folder path that match the name pattern.
+ * @param {string} folderPath - The root directory to start the search.
+ * @param {RegExp} namePattern - The regular expression pattern to match file names.
+ * @returns {Array} - List of file names that match the pattern.
+ */
+function findFilesByPattern(folderPath, namePattern) {
+    const result = [];
+
+    console.log(folderPath)
+    function searchFolder(currentPath) {
+        const filesAndDirs = fs.readdirSync(currentPath);
+
+        for (const item of filesAndDirs) {
+            const itemPath = path.join(currentPath, item);
+            const stats = fs.statSync(itemPath);
+
+            if (stats.isDirectory()) {
+                // Recursively search in subdirectories
+                searchFolder(itemPath);
+            } else if (namePattern.test(item)) {
+                // If the file name matches the pattern, add to result
+                result.push(item);
+            }
+        }
+    }
+
+    searchFolder(folderPath);
+    return result;
+}
+
+const baseLib = './src/lib'
+const GLOBAL_INDEX_PATH = baseLib + "/index.ts"
+const COMPONENTS_PATH = baseLib + "/components"
+const ICON_COMPONENTS_PATH = baseLib + "/components/icons"
+
+const iconComponentsFileList = findFilesByPattern(ICON_COMPONENTS_PATH, /^Icon\w*\.svelte$/);
+
+// generate icon index
+const importSvelteComponentTemplate = `export {default as Component} from './Component.svelte'`;
+const importComponentTemplate = `export {Component} from 'path'`;
+
+
+(() => {
+    let content = ''
+    iconComponentsFileList.forEach(file => {
+        let componentName = file.replace('.svelte', '')
+        content += importSvelteComponentTemplate.replaceAll('Component', componentName);
+        content += `\n`
+    })
+
+    fs.writeFileSync(ICON_COMPONENTS_PATH + '/index.ts', content, 'utf8');
+})();
+
+
+(() => {
+    const indexFileList = findIndexFiles(COMPONENTS_PATH);
+    let content = ''
+
+    indexFileList.forEach(file => {
+        let components = extractExportNames(file.filePath)
+        if (components.length === 0) return
+
+        let importFromPath = './components/' + file.filePath.split(path.sep + `components` + path.sep)[1].replace(path.sep + 'index.ts', '');
+
+        content += importComponentTemplate.replace('path', importFromPath)
+            .replace('Component', components.join(', '));
+        content += '\n';
+    });
+
+    console.log(content)
+    fs.writeFileSync(GLOBAL_INDEX_PATH, content, 'utf8');
+
 })()