lapikit 0.0.0-insiders.da3209a → 0.0.0-insiders.db064a9

package/bin/modules/plugin.js

@@ -1,223 +0,0 @@
-import { promises as fs } from 'fs';
-import path from 'path';
-import { terminal } from '../helper.js';
-
-const lapikitTsTemplate = `import type { Config } from 'lapikit';
-
-/**
- * Custom configuration for Lapikit
- * @see https://lapikit.dev/docs/customize
- */
-const config: Config = {
-	theme: {
-		colorScheme: 'light',
-		colors: {
-			primary: '#3b82f6',
-			secondary: '#6b7280'
-		}
-	}
-};
-
-export default config;
-`;
-
-const lapikitJsTemplate = `/**
- * Custom configuration for Lapikit
- * @see https://lapikit.dev/docs/customize
- * @type {import('lapikit').Config}
- */
-const config = {
-	theme: {
-		colorScheme: 'light',
-		colors: {
-			primary: '#3b82f6',
-			secondary: '#6b7280'
-		}
-	}
-};
-
-export default config;
-`;
-
-export async function createPluginStructure(pluginPath, isTypescript) {
-	const resolvedPluginPath = path.resolve(process.cwd(), pluginPath);
-	const lapikitFileName = isTypescript ? 'lapikit.ts' : 'lapikit.js';
-	const lapikitFilePath = path.join(resolvedPluginPath, lapikitFileName);
-
-	try {
-		// Verify plugin directory
-		try {
-			await fs.access(resolvedPluginPath);
-			terminal('info', `The folder ${pluginPath} already exists.`);
-		} catch {
-			await fs.mkdir(resolvedPluginPath, { recursive: true });
-			terminal('success', `Folder ${pluginPath} created successfully.`);
-		}
-
-		// Create lapikit.ts or lapikit.js
-		const template = isTypescript ? lapikitTsTemplate : lapikitJsTemplate;
-		await fs.writeFile(lapikitFilePath, template.trim() + '\n', 'utf8');
-
-		terminal('success', `File ${lapikitFileName} created in ${pluginPath}.`);
-	} catch (error) {
-		terminal('error', `Error creating plugin structure: ${error.message}`);
-		throw error;
-	}
-}
-
-export async function setupSvelteKitIntegration(pluginPath, isTypescript) {
-	const srcRoutesPath = path.resolve(process.cwd(), 'src/routes');
-
-	try {
-		// Check if the src/routes directory exists
-		await fs.access(srcRoutesPath);
-		terminal('info', 'Folder src/routes found, configuring SvelteKit...');
-	} catch {
-		terminal('info', 'Folder src/routes not found, no SvelteKit configuration needed.');
-		return;
-	}
-
-	const layoutPath = path.join(srcRoutesPath, '+layout.svelte');
-	const pagePath = path.join(srcRoutesPath, '+page.svelte');
-
-	let targetFile = null;
-	let targetFileName = '';
-
-	try {
-		await fs.access(layoutPath);
-		targetFile = layoutPath;
-		targetFileName = '+layout.svelte';
-	} catch {
-		try {
-			await fs.access(pagePath);
-			targetFile = pagePath;
-			targetFileName = '+page.svelte';
-		} catch {
-			terminal('warn', 'No +layout.svelte or +page.svelte file found in src/routes.');
-			return;
-		}
-	}
-
-	// Read content
-	let fileContent = await fs.readFile(targetFile, 'utf8');
-
-	// Get Path
-	const relativePath = path.relative(
-		path.dirname(targetFile),
-		path.resolve(process.cwd(), pluginPath)
-	);
-	const lapikitFileName = isTypescript ? 'lapikit' : 'lapikit.js';
-	const configImportPath = `${relativePath}/${lapikitFileName}`.replace(/\\/g, '/');
-
-	// Imports
-	const createLapikitImport = `\n\timport { createLapikit } from 'lapikit';`;
-	const configImport = `\timport config from '${configImportPath}';`;
-
-	const scriptLang = isTypescript ? ' lang="ts"' : '';
-	const effectCode = `\n\t$effect.pre(() => {\n\t\tcreateLapikit(config);\n\t});`;
-
-	// search balise
-	const scriptRegex = /<script(\s+lang="ts")?>([\s\S]*?)<\/script>/;
-	const scriptMatch = fileContent.match(scriptRegex);
-
-	if (scriptMatch) {
-		// If have script balise , add import
-		let scriptContent = scriptMatch[2];
-
-		// Add imports if they don't already exist
-		if (!scriptContent.includes('createLapikit')) {
-			scriptContent = `${createLapikitImport}\n${configImport}\n${scriptContent}`;
-		}
-
-		// Add effect
-		if (!scriptContent.includes('createLapikit(config)')) {
-			scriptContent += effectCode;
-		}
-
-		// Replace script balise
-		const newScript = `<script${scriptMatch[1] || scriptLang}>${scriptContent}\n</script>`;
-		fileContent = fileContent.replace(scriptRegex, newScript);
-	} else {
-		// If no script tag exists, create one
-		const newScript = `<script${scriptLang}>\n${createLapikitImport}\n${configImport}${effectCode}\n</script>\n\n`;
-		fileContent = newScript + fileContent;
-	}
-
-	// Write the modified file
-	await fs.writeFile(targetFile, fileContent, 'utf8');
-	terminal('success', `Config added ${targetFileName}.`);
-}
-
-const [, , command] = process.argv;
-const typescriptEnabled = envTypescript();
-const args = process.argv.slice(2);
-const previewMode = args.includes('--preview');
-
-if (process.argv.includes('--help') || process.argv.includes('-h')) {
-	terminal(
-		'info',
-		`usage: ${ansi.color.yellow('npx lapikit init {cssPath} [--plugin-path {pluginPath}] [--preview]')}\n\n ${ansi.variant.bold('options:')}\n
-        - {cssPath}: (${ansi.color.cyan('src/app.css')}) customize path on your origin css file.
-        - --plugin-path, -p: (${ansi.color.cyan('src/plugin')}) customize path for the plugin directory.
-        - --preview: active preview mode (plugin + SvelteKit integration)\n\n`
-	);
-	process.exit(0);
-} else if (command === 'init') {
-	console.log('  _                 _ _    _ _   ');
-	console.log(' | |               (_) |  (_) |  ');
-	console.log(' | |     __ _ _ __  _| | ___| |_ ');
-	console.log(" | |    / _` | '_ \\| | |/ / | __|");
-	console.log(' | |___| (_| | |_) | |   <| | |_ ');
-	console.log(' |______\\__,_| .__/|_|_|\\_\\_|\\__|');
-	console.log('             | |                 ');
-	console.log('             |_|                 \n');
-
-	terminal('none', `${ansi.bold.blue('LAPIKIT')} - Component Library for Svelte\n\n`);
-
-	if (previewMode) {
-		// Mode preview
-		const pluginPath = getLapikitPathFromArgs();
-		const pathValidation = validatePluginPath(pluginPath);
-		if (!pathValidation.valid) {
-			terminal('error', `Invalid path: ${pathValidation.error}`);
-			process.exit(1);
-		}
-		try {
-			await createPluginStructure(pluginPath, typescriptEnabled);
-		} catch (error) {
-			terminal('error', `Create plugin structure not working : ${error.message}`);
-		}
-		try {
-			await setupSvelteKitIntegration(pluginPath, typescriptEnabled);
-		} catch (error) {
-			terminal('error', `SvelteKit integration setup failed: ${error.message}`);
-		}
-	} else {
-		// Mode classic
-		const configPath = path.resolve(process.cwd(), 'lapikit.config.js');
-		try {
-			await fs.writeFile(configPath, preset.trim() + '\n', 'utf8');
-			terminal('success', `has create lapikit.config.js on your project.`);
-		} catch (error) {
-			terminal('error', `failed to create configuration file:\n\n ${error}`);
-			terminal(
-				'warn',
-				`you can create lapikit.config.js manually, please visite https://lapikit.dev/docs/getting-started for more information`
-			);
-		}
-		await adapterCSSConfig();
-	}
-
-	await adapterViteConfig(typescriptEnabled);
-
-	terminal(
-		'info',
-		`${ansi.bold.blue('Thank to use lapikit, discover all posibility with lapikit on https://lapikit.dev')}\n\n`
-	);
-
-	console.log('Website: https://lapikit.dev');
-	console.log('Github: https://github.com/nycolaide/lapikit');
-	console.log('Support the developement: https://buymeacoffee.com/nycolaide');
-} else {
-	terminal('error', `Command not recognized. Try 'npx lapikit -h'`);
-}

package/bin/modules/preset.js

@@ -1,11 +0,0 @@
-export const preset = `
-/** @type {import('lapikit').Config} */
-export default {
-	theme: {
-		colorScheme: 'light',
-		colors: {
-			svelte: '#ff3e00'
-		}
-	}
-};
-`;

package/dist/app.d.ts

@@ -1,13 +0,0 @@
-// See https://svelte.dev/docs/kit/types#app.d.ts
-// for information about these interfaces
-declare global {
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface PageState {}
-		// interface Platform {}
-	}
-}
-
-export {};

package/dist/app.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div>%sveltekit.body%</div>
-	</body>
-</html>

package/dist/internal/colors.d.ts

@@ -1 +0,0 @@
-export declare const parseColor: (input: string) => string;

package/dist/internal/index.d.ts

@@ -1,4 +0,0 @@
-export * from './terminal.js';
-export * from './ansi.js';
-export * from './assets.svelte.js';
-export * from './scroll.js';

package/dist/internal/index.js

@@ -1,4 +0,0 @@
-export * from './terminal.js';
-export * from './ansi.js';
-export * from './assets.svelte.js';
-export * from './scroll.js';

package/dist/internal/types.d.ts

@@ -1,57 +0,0 @@
-import type { Snippet } from 'svelte';
-type IdElementType = string | undefined;
-type ClassNameType = string | string[] | undefined;
-type StylePropertiesType = string | undefined;
-export interface Base {
-    id?: IdElementType;
-    class?: ClassNameType;
-    style?: StylePropertiesType;
-    [key: string]: any;
-}
-export interface Component extends Base {
-    children?: Snippet;
-}
-export type FontFamily = {
-    [key: string]: string | string[];
-};
-export type Colors = {
-    [key: string]: {
-        light: string;
-        dark: string;
-    } | string;
-};
-export type Thresholds = {
-    [key: string]: number | string;
-};
-export type Radius = {
-    [key: string]: number | string;
-};
-export interface Lapikit {
-    options: {
-        normalize: boolean;
-        minify: boolean;
-    };
-    theme: {
-        colorScheme: string;
-        colors: Colors;
-    };
-    breakpoints: {
-        mobileBreakpoint: string;
-        tabletBreakpoint: string;
-        laptopBreakpoint: string;
-        thresholds: Thresholds;
-    };
-    styles: {
-        spacing: string;
-        corner: {
-            active: boolean;
-            radius: Radius;
-        };
-        font: FontFamily;
-    };
-}
-type DeepOptional<T> = {
-    [P in keyof T]?: T[P] extends (infer U)[] ? DeepOptional<U>[] : T[P] extends object ? DeepOptional<T[P]> : T[P];
-};
-export type LapikitConfig = DeepOptional<Lapikit>;
-export {};

package/dist/internal/unit.d.ts

@@ -1 +0,0 @@
-export declare const setUnit: (value: string | number) => string;

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;