tera-system-ui 0.1.20 → 0.1.32

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!`);
+#!/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!`);

package/scripts/generate-ts-index.js

@@ -1,139 +1,140 @@
-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');
-
+#!/usr/bin/env node
+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', '/index.js');
+
+        content += importComponentTemplate.replace('path', importFromPath)
+            .replace('Component', components.join(', '));
+        content += '\n';
+    });
+
+    console.log(content)
+    fs.writeFileSync(GLOBAL_INDEX_PATH, content, 'utf8');
+
 })()

package/dist/astro/index.d.ts

@@ -1,3 +0,0 @@
-export { default as DialogAstro } from '../components/dialog/Dialog.astro';
-export { default as TeraFontSansSerif } from '../components/fonts/TeraFontSansSerif.astro';
-export { default as TeraFontMono } from '../components/fonts/TeraFontMono.astro';

package/dist/astro/index.js

@@ -1,3 +0,0 @@
-export { default as DialogAstro } from '../components/dialog/Dialog.astro';
-export { default as TeraFontSansSerif } from '../components/fonts/TeraFontSansSerif.astro';
-export { default as TeraFontMono } from '../components/fonts/TeraFontMono.astro';

package/dist/components/dialog/Dialog.astro

@@ -1,64 +0,0 @@
----
-import {type DialogPropsAstro, styles} from "./Dialog";
-import IconX from "../icons/IconX.svelte";
-import {Button} from "../button";
-import './dialog.scss'
-
-const {
-    closeOnClickOutside = true,
-    closeButton = true,
-    size = 'sm',
-    class: className,
-    position = 'center',
-    padding,
-    containerClass,
-    focusTriggerAfterClose,
-    ...props
-}: DialogPropsAstro = Astro.props
-
-const {base, dialog: dialogStyle, dialogContainer, header: headerStyle, body, footer: footerStyle} = styles({
-    size,
-    padding
-})
-
-const hasHeaderSlot = !!Astro.slots["header"];
-const hasFooterSlot = !!Astro.slots["footer"];
----
-
-<dialog class={dialogStyle() + ` ${className}`}
-        data-position={position}
-        onmousedown={closeOnClickOutside ? 'event.target==this && this.close()' : ''}
-        size={size}
-        {...props}
->
-    <button class=""></button>
-
-    {closeButton &&
-            <form method="dialog">
-                <Button class="absolute right-1 top-1 [&>svg]:opacity-45 [&>svg]:hover:opacity-90 z-10"
-                        icon={true}
-                        client:idle
-                        variant="ghost"
-                        size="md">
-                    <IconX/>
-                </Button>
-            </form>
-    }
-
-    <div class={"dialog-box " + dialogContainer({className: containerClass})}>
-        {hasHeaderSlot &&
-                <header class={headerStyle()}>
-                    <slot name="header"/>
-                </header>
-        }
-
-        <main class={body()}>
-            <slot/>
-        </main>
-        {hasFooterSlot &&
-                <footer class={footerStyle()}>
-                    <slot name="footer"/>
-                </footer>
-        }
-    </div>
-</dialog>

package/dist/components/fonts/TeraFontMono.astro

@@ -1,4 +0,0 @@
----
-// Supports weights 100-700
-import '@fontsource-variable/roboto-mono';
----

package/dist/components/fonts/TeraFontSansSerif.astro

@@ -1,4 +0,0 @@
----
-// Supports weights 300-800
-import '@fontsource-variable/open-sans';
----

package/dist/components/tabs/tabs.svelte.d.ts

@@ -1,3 +0,0 @@
-export declare function createTabs(initTab?: string): {
-    currentTab: string | undefined;
-};

package/dist/components/tabs/tabs.svelte.js

@@ -1,11 +0,0 @@
-export function createTabs(initTab) {
-    let currentTab = $state(initTab);
-    return {
-        get currentTab() {
-            return currentTab;
-        },
-        set currentTab(v) {
-            currentTab = v;
-        }
-    };
-}

package/dist/i18n.d.ts

@@ -1 +0,0 @@
-export declare const i18n: any;

package/dist/i18n.js

@@ -1,4 +0,0 @@
-// file initialized by the Paraglide-SvelteKit CLI - Feel free to edit it
-import { createI18n } from "@inlang/paraglide-sveltekit";
-import * as runtime from "./paraglide/runtime.js";
-export const i18n = createI18n(runtime);

package/dist/paraglide/messages/ar.d.ts

@@ -1,7 +0,0 @@
-export function text_select_language(): string;
-export function text_unit_converter(): string;
-export function text_calces_scientific_calculator(): string;
-export function text_calces_documentation(): string;
-export function text_account_settings(): string;
-export function text_logout(): string;
-export function text_currency_converter(): string;