lapikit 0.0.0-insiders.e06d168 → 0.0.0-insiders.e221561

package/dist/labs/components/index.d.ts

@@ -0,0 +1 @@
+export { default as KitBtn } from './button/button.svelte';

package/dist/labs/components/index.js

@@ -0,0 +1,2 @@
+// components
+export { default as KitBtn } from './button/button.svelte';

package/dist/stores/index.d.ts

@@ -2,3 +2,4 @@ export * from './breakpoints.js';
 export * from './devices.js';
 export * from './themes.js';
 export * from './components.js';
+export * from './viewport.js';

package/dist/stores/index.js

@@ -2,3 +2,4 @@ export * from './breakpoints.js';
 export * from './devices.js';
 export * from './themes.js';
 export * from './components.js';
+export * from './viewport.js';

package/dist/stores/viewport.d.ts

@@ -0,0 +1,7 @@
+export type Viewport = {
+    innerWidth: number;
+    outerWidth: number;
+    innerHeight: number;
+    outerHeight: number;
+};
+export declare const viewport: import("svelte/store").Writable<Viewport>;

package/dist/stores/viewport.js

@@ -0,0 +1,7 @@
+import { writable } from 'svelte/store';
+export const viewport = writable({
+    innerWidth: 0,
+    outerWidth: 0,
+    innerHeight: 0,
+    outerHeight: 0
+});

package/dist/styles.css.d.ts

@@ -0,0 +1,4 @@
+declare module 'lapikit/styles' {
+	const styles: string;
+	export default styles;
+}

package/dist/themes.css.d.ts

@@ -0,0 +1,4 @@
+declare module 'lapikit/themes' {
+	const themes: string;
+	export default themes;
+}

package/package.json

@@ -1,101 +1,137 @@
 {
-	"name": "lapikit",
-	"version": "0.0.0-insiders.e06d168",
-	"license": "MIT",
-	"publishConfig": {
-		"access": "public"
-	},
-	"homepage": "https://lapikit.dev",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/Nycolaide/lapikit.git",
-		"directory": "packages/lapikit"
-	},
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build && npm run prepack",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"prepack": "svelte-kit sync && svelte-package && publint",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"format": "prettier --write .",
-		"lint": "prettier --check . && eslint .",
-		"test:unit": "vitest",
-		"test": "npm run test:unit -- --run"
-	},
-	"files": [
-		"bin",
-		"dist",
-		"README.md",
-		"LICENSE",
-		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*"
-	],
-	"sideEffects": [
-		"**/*.css"
-	],
-	"bin": {
-		"lapikit": "bin/index.js"
-	},
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"type": "module",
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js"
-		},
-		"./components": {
-			"svelte": "./dist/components/index.js",
-			"default": "./dist/components/index.js"
-		},
-		"./vite": {
-			"default": "./dist/internal/plugins/vite.js"
-		},
-		"./stores": {
-			"default": "./dist/stores/index.js"
-		},
-		"./actions": {
-			"default": "./dist/actions/index.js"
-		},
-		"./core/colors": {
-			"default": "./dist/internal/core/standard-colors.js"
-		},
-		"./styles": "./dist/styles.css",
-		"./themes": "./dist/themes.css"
-	},
-	"peerDependencies": {
-		"svelte": "^5.0.0"
-	},
-	"devDependencies": {
-		"@eslint/compat": "^1.2.5",
-		"@eslint/js": "^9.18.0",
-		"@sveltejs/adapter-auto": "^4.0.0",
-		"@sveltejs/kit": "^2.16.0",
-		"@sveltejs/package": "^2.0.0",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@testing-library/jest-dom": "^6.6.3",
-		"@testing-library/svelte": "^5.2.4",
-		"eslint": "^9.18.0",
-		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-svelte": "^3.0.0",
-		"globals": "^16.0.0",
-		"jsdom": "^26.0.0",
-		"prettier": "^3.4.2",
-		"prettier-plugin-svelte": "^3.3.3",
-		"publint": "^0.3.2",
-		"svelte": "^5.0.0",
-		"svelte-check": "^4.0.0",
-		"typescript": "^5.0.0",
-		"typescript-eslint": "^8.20.0",
-		"vite": "^6.2.5",
-		"vitest": "^3.0.0"
-	},
-	"keywords": [
-		"svelte"
-	],
-	"dependencies": {
-		"prompts": "^2.4.2"
-	}
+  "name": "lapikit",
+  "version": "0.0.0-insiders.e221561",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://lapikit.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Nycolaide/lapikit.git",
+    "directory": "packages/lapikit"
+  },
+  "author": {
+    "name": "Nycolaide",
+    "email": "contact@lapikit.dev"
+  },
+  "funding": "https://buymeacoffee.com/nycolaide",
+  "bugs": "https://github.com/Nycolaide/lapikit/issues",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run prepack",
+    "preview": "vite preview",
+    "prepare": "svelte-kit sync || echo ''",
+    "prepack": "svelte-kit sync && svelte-package && publint",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "format": "prettier --write .",
+    "lint": "prettier --check . && eslint .",
+    "test:unit": "vitest",
+    "test": "npm run test:unit -- --run"
+  },
+  "files": [
+    "bin",
+    "dist",
+    "README.md",
+    "LICENSE",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "bin": {
+    "lapikit": "bin/index.js"
+  },
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    },
+    "./components": {
+      "svelte": "./dist/components/index.js",
+      "default": "./dist/components/index.js"
+    },
+    "./vite": {
+      "default": "./dist/internal/plugins/vite.js"
+    },
+    "./stores": {
+      "default": "./dist/stores/index.js"
+    },
+    "./actions": {
+      "default": "./dist/actions/index.js"
+    },
+    "./core/colors": {
+      "default": "./dist/internal/core/standard-colors.js"
+    },
+    "./styles": {
+      "types": "./dist/styles.css.d.ts",
+      "default": "./dist/styles.css"
+    },
+    "./themes": {
+      "types": "./dist/themes.css.d.ts",
+      "default": "./dist/themes.css"
+    },
+    "./labs/preprocess": {
+      "default": "./dist/entry-bundler.js"
+    },
+    "./labs/components": {
+      "svelte": "./dist/labs/components/index.js",
+      "default": "./dist/labs/components/index.js"
+    }
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@eslint/compat": "^1.2.5",
+    "@eslint/js": "^9.18.0",
+    "@sveltejs/adapter-auto": "^4.0.0",
+    "@sveltejs/kit": "^2.16.0",
+    "@sveltejs/package": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/svelte": "^5.2.4",
+    "eslint": "^9.18.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-svelte": "^3.0.0",
+    "globals": "^16.0.0",
+    "jsdom": "^26.0.0",
+    "prettier": "^3.4.2",
+    "prettier-plugin-svelte": "^3.3.3",
+    "publint": "^0.3.2",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.0.0",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.20.0",
+    "vite": "^7.2.2",
+    "vitest": "^3.0.0"
+  },
+  "keywords": [
+    "svelte",
+    "sveltekit",
+    "components",
+    "ui",
+    "library",
+    "ui-library",
+    "design system",
+    "lapikit",
+    "material components",
+    "component library",
+    "frontend",
+    "svelte library",
+    "tailwindcss",
+    "unocss",
+    "component",
+    "theme",
+    "css",
+    "typescript"
+  ],
+  "dependencies": {
+    "prompts": "^2.4.2"
+  }
 }

package/bin/lapikit.js

@@ -1,86 +0,0 @@
-#!/usr/bin/env node
-import { promises as fs } from 'fs';
-import path from 'path';
-import {
-	ansi,
-	terminal,
-	envTypescript,
-	getLapikitPathFromArgs,
-	validatePluginPath
-} from './helper.js';
-import { preset } from './modules/preset.js';
-import { adapterCSSConfig, adapterViteConfig } from './modules/adapter.js';
-import { createPluginStructure, setupSvelteKitIntegration } from './modules/plugin.js';
-
-const [, , command] = process.argv;
-const typescriptEnabled = envTypescript();
-
-if (process.argv.includes('--help') || process.argv.includes('-h')) {
-	terminal(
-		'info',
-		`usage: ${ansi.color.yellow('npx lapikit init {cssPath} [--plugin-path {pluginPath}]')}\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.\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`);
-
-	// Get Path
-	const pluginPath = getLapikitPathFromArgs();
-	const pathValidation = validatePluginPath(pluginPath);
-
-	if (!pathValidation.valid) {
-		terminal('error', `Invalid path: ${pathValidation.error}`);
-		process.exit(1);
-	}
-
-	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`
-		);
-	}
-
-	// Create plugin structure
-	try {
-		await createPluginStructure(pluginPath, typescriptEnabled);
-	} catch (error) {
-		terminal('error', `Create plugin structure not working : ${error.message}`);
-	}
-
-	// Setup SvelteKit integration
-	try {
-		await setupSvelteKitIntegration(pluginPath, typescriptEnabled);
-	} catch (error) {
-		terminal('error', `SvelteKit integration setup failed: ${error.message}`);
-	}
-
-	await adapterViteConfig(typescriptEnabled);
-	await adapterCSSConfig();
-
-	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/legacy.js

@@ -1,34 +0,0 @@
-#!/usr/bin/env node
-import { promises as fs } from 'fs';
-import path from 'path';
-import { preset } from './modules/preset.js';
-import { ansi, terminal, envTypescript } from './helper.js';
-import { adapterCSSConfig, adapterViteConfig } from './modules/adapter.js';
-
-export async function legacyConfiguration(options) {
-	const typescriptEnabled = envTypescript();
-	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 adapterViteConfig(typescriptEnabled);
-	await adapterCSSConfig(options);
-
-	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');
-}

package/bin/modules/adapter.js

@@ -1,52 +0,0 @@
-import { promises as fs } from 'fs';
-import path from 'path';
-import { terminal } from '../helper.js';
-
-const importLapikitVite = `import { lapikit } from 'lapikit/vite';`;
-const importLapikitCss = `@import 'lapikit/css';`;
-
-export async function adapterViteConfig(typescript) {
-	const viteConfigPath = path.resolve(process.cwd(), `vite.config.${typescript ? 'ts' : 'js'}`);
-	try {
-		let viteConfig = await fs.readFile(viteConfigPath, 'utf8');
-
-		if (!viteConfig.includes(`${importLapikitVite}`))
-			viteConfig = `${importLapikitVite}\n` + viteConfig;
-
-		const pluginsRegex = /plugins:\s*\[([^\]]*)\]/;
-		const match = viteConfig.match(pluginsRegex);
-
-		if (match && !match[1].includes('lapikit()')) {
-			const updatedPlugins = match[1].trim() ? `${match[1].trim()}, lapikit()` : `lapikit()`;
-
-			viteConfig = viteConfig.replace(pluginsRegex, `plugins: [${updatedPlugins}]`);
-		}
-
-		await fs.writeFile(viteConfigPath, viteConfig, 'utf8');
-
-		terminal('success', 'lapikit() has added on vite.config.(js|ts) successfully');
-	} catch (error) {
-		terminal(
-			'error',
-			`lapikit() encountered a problem while editing vite.config.(js|ts):\n ${error}.\n\n`
-		);
-	}
-}
-
-export async function adapterCSSConfig(options) {
-	const cssPath = options?.pathCSS || 'src/app.css';
-	const resolvedPath = path.resolve(process.cwd(), cssPath);
-	try {
-		await fs.access(resolvedPath);
-		let appCssContent = await fs.readFile(resolvedPath, 'utf8');
-		appCssContent = `${importLapikitCss}\n\n` + appCssContent;
-		await fs.writeFile(resolvedPath, appCssContent, 'utf8');
-
-		terminal('success', `lapikit/css has added on ${cssPath}.`);
-	} catch (error) {
-		terminal(
-			'error',
-			`lapikit/css encountered a problem while editing ${cssPath}:\n  ${error.message}.\n\n`
-		);
-	}
-}