lapikit 0.0.0-insiders.e94247e → 0.0.0-insiders.eb9b51b

package/dist/internal/unit.js

@@ -1,11 +0,0 @@
-export const setUnit = (value) => {
-    if (typeof value === 'number')
-        return `${value}px`;
-    if (typeof value === 'string') {
-        const cleaned = value.trim();
-        const isOnlyNumericLike = /^[\d.,]+$/.test(cleaned);
-        if (isOnlyNumericLike)
-            return `${value}px`;
-    }
-    return value;
-};

package/dist/labs/index.d.ts

@@ -1,4 +0,0 @@
-export { default as CompoGlobal } from './my-component-style-global.svelte';
-export { default as CompoMixed } from './my-component-style-mixed.svelte';
-export { default as CompoLocal } from './my-component.svelte';
-export { default as CompoImport } from './my-component-style-import.svelte';

package/dist/labs/index.js

@@ -1,5 +0,0 @@
-// components
-export { default as CompoGlobal } from './my-component-style-global.svelte';
-export { default as CompoMixed } from './my-component-style-mixed.svelte';
-export { default as CompoLocal } from './my-component.svelte';
-export { default as CompoImport } from './my-component-style-import.svelte';

package/dist/labs/my-component-style-global.svelte

@@ -1,6 +0,0 @@
-<script lang="ts">
-</script>
-
-<div class="my-compo-style-global">
-	<h1>Hello World Lapikit Global</h1>
-</div>

package/dist/labs/my-component-style-global.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MyComponentStyleGlobal: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type MyComponentStyleGlobal = InstanceType<typeof MyComponentStyleGlobal>;
-export default MyComponentStyleGlobal;

package/dist/labs/my-component-style-import.svelte

@@ -1,15 +0,0 @@
-<script lang="ts">
-</script>
-
-<div class="my-compo-style-import">
-	<h1>Hello World Lapikit (import styles)</h1>
-</div>
-
-<style>.my-compo-style-import {
-	padding: 2.5rem;
-}
-
-.my-compo-style-import h1 {
-	color: orangered;
-}
-</style>

package/dist/labs/my-component-style-import.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MyComponentStyleImport: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type MyComponentStyleImport = InstanceType<typeof MyComponentStyleImport>;
-export default MyComponentStyleImport;

package/dist/labs/my-component-style-mixed.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-</script>
-
-<div class="my-compo-style-mixed">
-	<h1>Hello World Lapikit Mixed</h1>
-</div>
-
-<style>.my-compo-style-mixed {
-	padding: 5.5rem;
-}
-
-.my-compo-style-mixed h1 {
-	color: rgb(101, 52, 218);
-}
-
-div {
-		padding: 2rem;
-	}
-
-h1 {
-		color: rgb(101, 52, 218);
-	}
-</style>

package/dist/labs/my-component-style-mixed.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MyComponentStyleMixed: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type MyComponentStyleMixed = InstanceType<typeof MyComponentStyleMixed>;
-export default MyComponentStyleMixed;

package/dist/labs/my-component.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-</script>
-
-<div class="my-compo-style-local">
-	<h1>Hello World Lapikit</h1>
-</div>
-
-<style>
-	div {
-		padding: 2rem;
-	}
-
-	h1 {
-		color: purple;
-	}
-</style>

package/dist/labs/my-component.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MyComponent: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type MyComponent = InstanceType<typeof MyComponent>;
-export default MyComponent;

package/dist/labs/style-mixed.css

@@ -1,7 +0,0 @@
-.my-compo-style-mixed {
-	padding: 5.5rem;
-}
-
-.my-compo-style-mixed h1 {
-	color: rgb(101, 52, 218);
-}

package/dist/labs/style.css

@@ -1,7 +0,0 @@
-.my-compo-style-import {
-	padding: 2.5rem;
-}
-
-.my-compo-style-import h1 {
-	color: orangered;
-}

package/dist/labs.css

@@ -1,25 +0,0 @@
-/* The future of css lapikit */
-
-.my-compo-style-global {
-	padding: 1.5rem;
-}
-
-.my-compo-style-global h1 {
-	color: greenyellow;
-}
-
-@media (max-width: 480px) {
-	:root {
-		--active-bp: sm;
-	}
-}
-@media (max-width: 768px) {
-	:root {
-		--active-bp: md;
-	}
-}
-@media (max-width: 1024px) {
-	:root {
-		--active-bp: lg;
-	}
-}

package/dist/plugin/css.d.ts

@@ -1 +0,0 @@
-export declare function css(configuration: any): Promise<void>;

package/dist/plugin/css.js

@@ -1,73 +0,0 @@
-import { deepMerge } from '../internal/deepMerge.js';
-import { preset } from './preset-v2.js';
-import { fileURLToPath } from 'url';
-import { dirname } from 'path';
-import fsPromises from 'fs/promises';
-import path from 'path';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export async function css(configuration) {
-    console.log('VALUE configuration', configuration);
-    console.log('configuration?.theme?.themes', configuration?.theme?.themes);
-    // states
-    const defaultTheme = configuration?.theme?.defaultTheme || preset.theme.defaultTheme;
-    const themesMerged = deepMerge(preset.theme.themes, configuration?.theme?.themes || {});
-    let response = '';
-    console.log('VALUE themesMerged', themesMerged);
-    for (const [name, values] of Object.entries(themesMerged)) {
-        let css = defaultTheme === name ? `:root,\n.${name} {\n` : `.${name} {\n`;
-        // ref
-        const ref = values?.dark ? preset.theme.themes.dark : preset.theme.themes.light;
-        // colors
-        css += `  color-scheme: ${values?.dark ? 'dark' : 'light'};\n`;
-        for (const [varName, varValue] of Object.entries(deepMerge(ref.colors, values?.colors) || {})) {
-            css += `  --system-${varName}: ${varValue};\n`;
-        }
-        // console.log('VALUE', values, deepMerge(values?.variables, ref.variables));
-        // variables
-        for (const [name, varValue] of Object.entries(deepMerge(ref.variables, values?.variables) || {})) {
-            css += `  --kit-${name}: ${varValue};\n`;
-        }
-        css += '}\n';
-        // console.log(`Themes colors (${name}):`, css);
-        response += css;
-    }
-    // console.log('All themes CSS:', response);
-    //typography
-    // states
-    const defaultTypography = configuration?.typography?.defaultTypography || preset.typography.defaultTypography;
-    for (const [name, values] of Object.entries(deepMerge(preset.typography.fonts, configuration?.typography?.fonts || {}))) {
-        let css = '';
-        css += defaultTypography === name ? `:root {\n` : `.${name} {\n`;
-        // fonts
-        for (const [fontName, fontValue] of Object.entries(values || {})) {
-            css += `  --kit-font-${fontName}: ${parser(fontValue)};\n`;
-        }
-        css += '}\n';
-        response += css;
-    }
-    //styles
-    response += `:root {\n`;
-    for (const [name, values] of Object.entries(deepMerge(preset.styles, configuration?.styles || {}))) {
-        let css = '';
-        if (values && typeof values === 'object') {
-            for (const [styleName, styleValue] of Object.entries(values || {})) {
-                css += `  --prism-${name}-${styleName}: ${parser(styleValue)};\n`;
-            }
-        }
-        else {
-            css += `  --prism-${name}: ${parser(values)};\n`;
-        }
-        response += css;
-    }
-    response += '}\n';
-    fsPromises.writeFile(path.resolve(__dirname, '../colors.css'), response);
-}
-const parser = (value) => {
-    if (typeof value === 'number')
-        return `${value}px`;
-    if (Array.isArray(value))
-        return value.join(', ');
-    return value;
-};

package/dist/plugin/modules/config.d.ts

@@ -1,2 +0,0 @@
-import type { LapikitConfig } from '../../internal/types.js';
-export declare const parseConfig: (props?: LapikitConfig) => import("../../internal/types.js").Lapikit;

package/dist/plugin/modules/config.js

@@ -1,54 +0,0 @@
-import { config } from '../../preset.js';
-export const parseConfig = (props) => {
-    if (!props)
-        return config;
-    const newConfig = { ...config };
-    if (props?.options) {
-        if (props.options.normalize !== undefined)
-            newConfig.options.normalize = props.options.normalize;
-        if (props.options.minify !== undefined)
-            newConfig.options.minify = props.options.minify;
-    }
-    if (props?.theme) {
-        if (props.theme.colorScheme !== undefined)
-            newConfig.theme.colorScheme = props.theme.colorScheme;
-        if (props.theme.colors) {
-            newConfig.theme.colors = {
-                ...newConfig.theme.colors,
-                ...props.theme.colors
-            };
-        }
-    }
-    if (props?.breakpoints) {
-        if (props.breakpoints.mobileBreakpoint !== undefined)
-            newConfig.breakpoints.mobileBreakpoint = props.breakpoints.mobileBreakpoint;
-        if (props.breakpoints.tabletBreakpoint !== undefined)
-            newConfig.breakpoints.tabletBreakpoint = props.breakpoints.tabletBreakpoint;
-        if (props.breakpoints.laptopBreakpoint !== undefined)
-            newConfig.breakpoints.laptopBreakpoint = props.breakpoints.laptopBreakpoint;
-        if (props.breakpoints.thresholds)
-            newConfig.breakpoints.thresholds = {
-                ...newConfig.breakpoints.thresholds,
-                ...props.breakpoints.thresholds
-            };
-    }
-    if (props?.styles) {
-        if (props.styles.spacing !== undefined)
-            newConfig.styles.spacing = props.styles.spacing;
-        if (props.styles.corner !== undefined) {
-            if (props.styles.corner.active !== undefined)
-                newConfig.styles.corner.active = props.styles.corner.active;
-            if (props.styles.corner.radius)
-                newConfig.styles.corner.radius = {
-                    ...newConfig.styles.corner.radius,
-                    ...props.styles.corner.radius
-                };
-        }
-        if (props.styles.font)
-            newConfig.styles.font = {
-                ...newConfig.styles.font,
-                ...props.styles.font
-            };
-    }
-    return newConfig;
-};

package/dist/plugin/modules/importer.d.ts

@@ -1 +0,0 @@
-export declare const importer: () => Promise<any>;

package/dist/plugin/modules/importer.js

@@ -1,15 +0,0 @@
-import path from 'path';
-import fs from 'fs';
-import { terminal, ansi } from '../../internal/index.js';
-const app = process.cwd();
-const pathConfig = path.resolve(app, 'lapikit.config.js');
-export const importer = async () => {
-    if (!fs.existsSync(pathConfig)) {
-        terminal('error', `config file not found\n ${ansi.color.yellow('Could not find lapikit.config.js. See https://localhost/docs/kit/vite to learn more about the configuration file.')}\n\n${ansi.color.blue('for initializing a new lapikit config, run:')}\n        ${ansi.variant.bold('npx lapikit init')}    ${ansi.bold.yellow('(preview)')}\n\n`);
-        process.exit(1);
-    }
-    const timestamp = Date.now();
-    const fileUrl = `file://${pathConfig}?t=${timestamp}`;
-    const content = await import(fileUrl);
-    return content.default;
-};

package/dist/plugin/preset-v2.d.ts

@@ -1,108 +0,0 @@
-export declare const preset: {
-    breakpoints: {
-        devices: {
-            desktop: number;
-            tablet: number;
-            mobile: number;
-        };
-        thresholds: {
-            base: number;
-            xs: number;
-            sm: number;
-            md: number;
-            lg: number;
-            xl: number;
-            '2xl': number;
-            '3xl': number;
-        };
-    };
-    theme: {
-        defaultTheme: string;
-        themes: {
-            light: {
-                dark: boolean;
-                colors: {
-                    blue: string;
-                    green: string;
-                    red: string;
-                    yellow: string;
-                    orange: string;
-                    purple: string;
-                    pink: string;
-                    indigo: string;
-                    cyan: string;
-                    gray: string;
-                    'gray-2': string;
-                    'gray-3': string;
-                    'gray-4': string;
-                    'gray-5': string;
-                    'gray-6': string;
-                    background: string;
-                    'secondary-background': string;
-                    'tertiary-background': string;
-                    label: string;
-                    'secondary-label': string;
-                };
-                variables: {
-                    info: string;
-                    success: string;
-                    error: string;
-                    warning: string;
-                };
-            };
-            dark: {
-                dark: boolean;
-                colors: {
-                    blue: string;
-                    green: string;
-                    red: string;
-                    yellow: string;
-                    orange: string;
-                    purple: string;
-                    pink: string;
-                    indigo: string;
-                    cyan: string;
-                    gray: string;
-                    'gray-2': string;
-                    'gray-3': string;
-                    'gray-4': string;
-                    'gray-5': string;
-                    'gray-6': string;
-                    background: string;
-                    'secondary-background': string;
-                    'tertiary-background': string;
-                    label: string;
-                    'secondary-label': string;
-                };
-                variables: {
-                    info: string;
-                    success: string;
-                    error: string;
-                    warning: string;
-                };
-            };
-        };
-    };
-    typography: {
-        defaultTypography: string;
-        fonts: {
-            default: {
-                sans: string[];
-                mono: string[];
-                serif: string[];
-            };
-        };
-    };
-    styles: {
-        spacing: string;
-        shape: {
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-            '3xl': string;
-            full: string;
-        };
-    };
-};

package/dist/plugin/preset-v2.js

@@ -1,126 +0,0 @@
-const variables = {
-    info: 'var(--system-blue)',
-    success: 'var(--system-green)',
-    error: 'var(--system-red)',
-    warning: 'var(--system-yellow)'
-};
-export const preset = {
-    breakpoints: {
-        devices: {
-            desktop: 1024, //64rem (lg)
-            tablet: 768, //48rem (md)
-            mobile: 375 //28rem (sm)
-        },
-        thresholds: {
-            base: 0, // 0px
-            xs: 448, //28rem
-            sm: 640, //40rem
-            md: 768, //48rem
-            lg: 1024, //64rem
-            xl: 1280, //80rem
-            '2xl': 1536, //96rem
-            '3xl': 1792 //112rem
-        }
-    },
-    theme: {
-        defaultTheme: 'light',
-        themes: {
-            light: {
-                dark: false,
-                colors: {
-                    blue: '#007AFF',
-                    green: '#34C759',
-                    red: '#FF3B30',
-                    yellow: '#FFCC00',
-                    orange: '#FF9500',
-                    purple: '#AF52DE',
-                    pink: '#FF2D55',
-                    indigo: '#5856D6',
-                    cyan: '#5AC8FA',
-                    gray: '#8E8E93',
-                    'gray-2': '#AEAEB2',
-                    'gray-3': '#C7C7CC',
-                    'gray-4': '#D1D1D6',
-                    'gray-5': '#E5E5EA',
-                    'gray-6': '#F2F2F7',
-                    background: '#FFFFFF',
-                    'secondary-background': '#F2F2F7',
-                    'tertiary-background': '#EFEFF4',
-                    label: '#000000',
-                    'secondary-label': 'rgba(60,60,67,0.6)'
-                },
-                variables: variables
-            },
-            dark: {
-                dark: true,
-                colors: {
-                    blue: '#0A84FF',
-                    green: '#30D158',
-                    red: '#FF453A',
-                    yellow: '#FFD60A',
-                    orange: '#FF9F0A',
-                    purple: '#BF5AF2',
-                    pink: '#FF375F',
-                    indigo: '#5E5CE6',
-                    cyan: '#64D2FF',
-                    gray: '#8E8E93',
-                    'gray-2': '#636366',
-                    'gray-3': '#48484A',
-                    'gray-4': '#3A3A3C',
-                    'gray-5': '#2C2C2E',
-                    'gray-6': '#1C1C1E',
-                    background: '#000000',
-                    'secondary-background': '#1C1C1E',
-                    'tertiary-background': '#2C2C2E',
-                    label: '#FFFFFF',
-                    'secondary-label': 'rgba(235,235,245,0.6)'
-                },
-                variables: variables
-            }
-        }
-    },
-    typography: {
-        defaultTypography: 'default',
-        fonts: {
-            default: {
-                sans: [
-                    'system-ui',
-                    '-apple-system',
-                    'BlinkMacSystemFont',
-                    'Segoe UI',
-                    'Roboto',
-                    'Helvetica Neue',
-                    'Arial',
-                    'sans-serif',
-                    'Apple Color Emoji',
-                    'Segoe UI Emoji',
-                    'Segoe UI Symbol'
-                ],
-                mono: [
-                    'SFMono-Regular',
-                    'ui-monospace',
-                    'SF Mono',
-                    'Menlo',
-                    'Monaco',
-                    'Consolas',
-                    'Liberation Mono',
-                    'Courier New',
-                    'monospace'
-                ],
-                serif: ['Merriweather', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif']
-            }
-        }
-    },
-    styles: {
-        spacing: '0.125rem', // 2px
-        shape: {
-            sm: '0.125rem', // 2px
-            md: '0.25rem', // 4px
-            lg: '0.5rem', // 8px
-            xl: '0.75rem', // 12px
-            '2xl': '1rem', // 16px
-            '3xl': '1.5rem', // 24px
-            full: '9999px' // 9999px
-        }
-    }
-};

package/dist/plugin/vitejs.d.ts

@@ -1,10 +0,0 @@
-import type { ViteDevServer } from 'vite';
-type Lapikit = {
-    config?: string;
-};
-export declare function lapikit({ config }?: Lapikit): Promise<{
-    name: string;
-    configResolved(): Promise<void>;
-    configureServer(server: ViteDevServer): Promise<void>;
-}>;
-export {};

package/dist/plugin/vitejs.js

@@ -1,55 +0,0 @@
-import { importer } from './modules/importer.js';
-import { processCSS } from '../style/css.js';
-import { parseConfig } from './modules/config.js';
-import { terminal } from '../internal/terminal.js';
-import path from 'path';
-import fs from 'fs';
-import { css } from './css.js';
-const app = process.cwd();
-async function getLapikitConfig(filePath) {
-    const pathConfig = path.resolve(app, filePath);
-    if (!fs.existsSync(pathConfig))
-        process.exit(1);
-    const code = fs.readFileSync(pathConfig, 'utf-8');
-    const match = code.match(/createLapikit\s*\(\s*({[\s\S]*?})\s*\)/);
-    let options = {};
-    if (match && match[1]) {
-        try {
-            options = new Function('return ' + match[1])();
-        }
-        catch (e) {
-            console.error('Error parsing lapikit config:', e);
-        }
-    }
-    else {
-        console.error('Lapikit not found');
-    }
-    return options;
-}
-export async function lapikit({ config } = {}) {
-    if (config) {
-        const value = await getLapikitConfig(config);
-        // console.log(value);
-        await css(value);
-    }
-    return {
-        name: 'lapikit/vite.js',
-        async configResolved() {
-            const importedConfig = await importer();
-            const result = await parseConfig(importedConfig);
-            await processCSS(result);
-            terminal('info', 'lapikit is up!');
-        },
-        async configureServer(server) {
-            server.watcher.add('./lapikit.config.js');
-            server.watcher.on('change', async (filePath) => {
-                if (String(filePath).includes('lapikit.config.js')) {
-                    const config = await importer();
-                    const result = await parseConfig(config);
-                    await processCSS(result);
-                    terminal('info', 'lapikit config reloaded');
-                }
-            });
-        }
-    };
-}

package/dist/preset.d.ts

@@ -1,2 +0,0 @@
-import type { Lapikit } from './internal/types.js';
-export declare const config: Lapikit;