@astryx-svelte/core

ts
 
// vite.config.ts
import { sveltekit } from '@sveltejs/kit/vite';
import stylex from '@stylexjs/unplugin/vite';
import { defineConfig } from 'vite';
​
export default defineConfig({
	plugins: [
		stylex({
			dev: process.env.NODE_ENV !== 'production',
			runtimeInjection: false,
			treeshakeCompensation: true,
			useCSSLayers: true,
			// Without explicit targets, lightningcss lowers `light-dark()` to a pair of
			// `var(--lightningcss-*)` references that resolve to nothing, and every
			// colour token silently goes empty.
			lightningcssOptions: {
				targets: { chrome: 123 << 16, firefox: 120 << 16, safari: (17 << 16) | (5 << 8) }
			},
			unstable_moduleResolution: { type: 'commonJS', rootDir: import.meta.dirname }
		}),
		sveltekit()
	],
	// Vite's dev-time pre-bundler runs esbuild outside the plugin pipeline, so anything
	// it optimises never reaches the StyleX transform and `stylex.create` survives into
	// the browser as a runtime no-op.
	optimizeDeps: { exclude: ['@astryx-svelte/core'] },
	// Same reasoning for the server build: an externalised dependency is imported from
	// node_modules at runtime rather than transformed.
	ssr: { noExternal: ['@astryx-svelte/core'] }
});

bash
 
pnpm exec astryx-svelte component --list      # every component, grouped
pnpm exec astryx-svelte component Button      # full docs for one component
pnpm exec astryx-svelte util --list           # the runes-based composables
pnpm exec astryx-svelte search button         # components, utils, docs and templates at once

bash
 
pnpm exec astryx-svelte template --list       # browse page and block templates
pnpm exec astryx-svelte template <id> --skeleton