@jk2908/cxx 0.1.8 → 0.1.10

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 Jerome Kenway
+Copyright (c) 2026 Jerome Kenway
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,58 +1,71 @@
-cxx
+# @jk2908/cxx
 
-library based on experiments with React 19 suspenseful style hoisting and deduping. `cxx` intakes CSS via a template literal arg and returns a three item tuple; the processed CSS, if configured (on by default) a CSS Modules exports object, and also optionally for usage, an id to pass to the href attribute of a style tag for deduping see [React docs](https://react.dev/reference/react-dom/components/style#noun-labs-1201738-(2)). The function actually just returns placeholders for the above items which will be replaced at build time. No string interpolation is supported within the CSS template tag.
+Build-time CSS template tag utilities for React 19.
 
-example usage:
-In ui templates `cmp.tsx`:
+## Install
+
+```sh
+npm install @jk2908/cxx lightningcss react react-dom
 ```
-  import { cxx } from '@jk2908/cxx'
-
-  const [css, styles, href] = cxx`
-    .header {
-      display: flex;
-    }
-  ` 
-
-  function Cmp() {
-    return (
-      <header className={styles.header}>
-        ...
-
-        <style href={href} precedence="medium">
-          {css}
-        </style>
-      </header>
-    )
-  }
+
+## Usage
+
+```tsx
+import { cxx } from '@jk2908/cxx'
+
+const [css, styles, href] = cxx`
+	.header {
+		display: flex;
+		gap: 0.75rem;
+	}
+`
+
+export function Header() {
+	return (
+		<header className={styles.header}>
+			<style href={href} precedence="medium">
+				{css}
+			</style>
+		</header>
+	)
+}
 ```
 
-CSS is transformed using [lightningcss](https://www.npmjs.com/package/lightningcss). There is access to the full lightningcss config. 
+The `cxx` tag is a build-time marker. Use the Vite plugin or Next helper so the placeholders are replaced before runtime. String interpolation inside the template is not supported.
+
+## Vite
 
-vite `vite.config.ts`:
+```ts
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import cxx from '@jk2908/cxx/vite-plugin-cxx'
+
+export default defineConfig({
+	plugins: [react(), cxx()],
+})
 ```
-  import cxx from '@jk2908/cxx/vite-plugin-cxx'
-
-  export default defineConfig({
-    plugins: [react(), cxx({ ...optional cxx config })],
-  })
-
-  // turn off default config
-  export default defineConfig({
-    plugins: [cxx({
-      lightningcss: {
-        minify: false,
-        cssModules: false,
-        ...other transform options
-      }
-    })]
-  })
+
+## Next
+
+```ts
+import { withCxx } from '@jk2908/cxx/next'
+
+const nextConfig = {}
+
+export default withCxx(nextConfig)
 ```
 
-next `next.config.ts`:
+Both integrations accept an optional config object with `lightningcss` options. The default transform enables minification and CSS Modules output.
+
+```ts
+cxx({
+	lightningcss: {
+		minify: false,
+		cssModules: false,
+	},
+})
 ```
-  import { withCxx } from '@jk2908/cxx/next'
 
-  const nextConfig = {}
+## License
 
-  export default withCxx(nextConfig, { ...optional cxx config })
-```
+MIT

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+declare module 'react' {
+    interface StyleHTMLAttributes<T> extends React.HTMLAttributes<T> {
+        href?: string;
+        precedence?: 'low' | 'medium' | 'high';
+    }
+}
+declare const cxx: (_: TemplateStringsArray) => readonly ["", Record<string, string>, ""];
+
+export { cxx };

package/dist/index.js

@@ -0,0 +1,7 @@
+const cxx = (_)=>[
+        '',
+        {},
+        ''
+    ];
+
+export { cxx };

package/dist/inject/index.cjs

@@ -0,0 +1,60 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lightningcss = require('lightningcss');
+
+// cyrb53 (c) 2018 bryc (github.com/bryc)
+// https://github.com/bryc/code/blob/master/jshash/experimental/cyrb53.js
+function cyrb53(str, seed = 0) {
+    let h1 = 0xdeadbeef ^ seed;
+    let h2 = 0x41c6ce57 ^ seed;
+    for(let i = 0, ch; i < str.length; i++){
+        ch = str.charCodeAt(i);
+        h1 = Math.imul(h1 ^ ch, 2654435761);
+        h2 = Math.imul(h2 ^ ch, 1597334677);
+    }
+    h1 = Math.imul(h1 ^ h1 >>> 16, 2246822507);
+    h1 ^= Math.imul(h2 ^ h2 >>> 13, 3266489909);
+    h2 = Math.imul(h2 ^ h2 >>> 16, 2246822507);
+    h2 ^= Math.imul(h1 ^ h1 >>> 13, 3266489909);
+    return 4294967296 * (2097151 & h2) + (h1 >>> 0);
+}
+
+const varMatch = /(?:const|var|let)\s*\[(\w+|)\s*,?\s*(\w+|)\s*,?\s*(\w+|)\s*\]\s*=\s*cxx\s*`([\s\S]*?)`/gm;
+const DEFAULT_CONFIG = {
+    lightningcss: {
+        minify: true,
+        cssModules: true
+    }
+};
+function inject(source, id, config = {}) {
+    try {
+        const tmpl = source.replace(varMatch, (_, ...args)=>{
+            const [varOne, varTwo, varThree, css] = args;
+            const { code, exports } = lightningcss.transform({
+                ...DEFAULT_CONFIG.lightningcss,
+                ...config.lightningcss,
+                filename: id,
+                code: new TextEncoder().encode(css)
+            });
+            const href = cyrb53([
+                ...Object.keys(exports ?? {}),
+                id
+            ].join(''));
+            const classes = exports ? Object.fromEntries(Object.entries(exports).map(([key, value])=>[
+                    key,
+                    value.name
+                ])) : {};
+            return [
+                varOne && `const ${varOne} = \`${code}\``,
+                varTwo && `const ${varTwo} = ${JSON.stringify(classes)}`,
+                varThree && `const ${varThree} = \`${href}\``
+            ].filter(Boolean).join('\n');
+        });
+        return tmpl;
+    } catch (err) {
+        console.error('cxx error :(', err);
+        return source;
+    }
+}
+
+exports.inject = inject;

package/dist/inject/index.d.ts

@@ -0,0 +1,8 @@
+import { CustomAtRules, TransformOptions } from 'lightningcss';
+
+type Config<C extends CustomAtRules = CustomAtRules> = {
+    lightningcss?: Partial<TransformOptions<C>>;
+};
+declare function inject<C extends CustomAtRules = CustomAtRules>(source: string, id: string, config?: Config<C>): string;
+
+export { type Config, inject };

package/dist/inject/index.js

@@ -0,0 +1,58 @@
+import { transform } from 'lightningcss';
+
+// cyrb53 (c) 2018 bryc (github.com/bryc)
+// https://github.com/bryc/code/blob/master/jshash/experimental/cyrb53.js
+function cyrb53(str, seed = 0) {
+    let h1 = 0xdeadbeef ^ seed;
+    let h2 = 0x41c6ce57 ^ seed;
+    for(let i = 0, ch; i < str.length; i++){
+        ch = str.charCodeAt(i);
+        h1 = Math.imul(h1 ^ ch, 2654435761);
+        h2 = Math.imul(h2 ^ ch, 1597334677);
+    }
+    h1 = Math.imul(h1 ^ h1 >>> 16, 2246822507);
+    h1 ^= Math.imul(h2 ^ h2 >>> 13, 3266489909);
+    h2 = Math.imul(h2 ^ h2 >>> 16, 2246822507);
+    h2 ^= Math.imul(h1 ^ h1 >>> 13, 3266489909);
+    return 4294967296 * (2097151 & h2) + (h1 >>> 0);
+}
+
+const varMatch = /(?:const|var|let)\s*\[(\w+|)\s*,?\s*(\w+|)\s*,?\s*(\w+|)\s*\]\s*=\s*cxx\s*`([\s\S]*?)`/gm;
+const DEFAULT_CONFIG = {
+    lightningcss: {
+        minify: true,
+        cssModules: true
+    }
+};
+function inject(source, id, config = {}) {
+    try {
+        const tmpl = source.replace(varMatch, (_, ...args)=>{
+            const [varOne, varTwo, varThree, css] = args;
+            const { code, exports } = transform({
+                ...DEFAULT_CONFIG.lightningcss,
+                ...config.lightningcss,
+                filename: id,
+                code: new TextEncoder().encode(css)
+            });
+            const href = cyrb53([
+                ...Object.keys(exports ?? {}),
+                id
+            ].join(''));
+            const classes = exports ? Object.fromEntries(Object.entries(exports).map(([key, value])=>[
+                    key,
+                    value.name
+                ])) : {};
+            return [
+                varOne && `const ${varOne} = \`${code}\``,
+                varTwo && `const ${varTwo} = ${JSON.stringify(classes)}`,
+                varThree && `const ${varThree} = \`${href}\``
+            ].filter(Boolean).join('\n');
+        });
+        return tmpl;
+    } catch (err) {
+        console.error('cxx error :(', err);
+        return source;
+    }
+}
+
+export { inject };

package/dist/next/cxx-loader.cjs

@@ -0,0 +1,9 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_cjs = require('../inject/index.cjs');
+
+function loader(source) {
+    return index_cjs.inject(source, this.resourcePath, this.getOptions());
+}
+
+exports.default = loader;

package/dist/next/cxx-loader.d.ts

@@ -0,0 +1,7 @@
+import { inject } from '../inject/index.js';
+
+function loader(source) {
+	return inject(source, this.resourcePath, this.getOptions())
+}
+
+export { loader as default };

package/dist/next/cxx-loader.js

@@ -0,0 +1,7 @@
+import { inject } from '../inject/index.js';
+
+function loader(source) {
+    return inject(source, this.resourcePath, this.getOptions());
+}
+
+export { loader as default };

package/dist/next/index.d.ts

@@ -0,0 +1,328 @@
+import * as next_dist_shared_lib_image_config from 'next/dist/shared/lib/image-config';
+import * as next_dist_lib_load_custom_routes from 'next/dist/lib/load-custom-routes';
+import * as next_dist_server_config_shared from 'next/dist/server/config-shared';
+import { WebpackConfigContext } from 'next/dist/server/config-shared';
+import * as next_dist_cli_next_test from 'next/dist/cli/next-test';
+import * as next from 'next';
+import { NextConfig } from 'next';
+import * as next_dist_server_lib_experimental_ppr from 'next/dist/server/lib/experimental/ppr';
+import * as next_dist_shared_lib_utils from 'next/dist/shared/lib/utils';
+import * as next_dist_build_webpack_plugins_subresource_integrity_plugin from 'next/dist/build/webpack/plugins/subresource-integrity-plugin';
+import * as next_dist_compiled_webpack_webpack from 'next/dist/compiled/webpack/webpack';
+import * as next_dist_server_lib_revalidate from 'next/dist/server/lib/revalidate';
+import { Configuration } from 'webpack';
+import { Config } from '../inject/index.js';
+
+declare function withCxx(nextConfig?: NextConfig, config?: Config): {
+    experimental: {
+        turbo: any;
+        flyingShuttle?: boolean;
+        prerenderEarlyExit?: boolean;
+        linkNoTouchStart?: boolean;
+        caseSensitiveRoutes?: boolean;
+        appDocumentPreloading?: boolean;
+        preloadEntriesOnStart?: boolean;
+        strictNextHead?: boolean;
+        clientRouterFilter?: boolean;
+        clientRouterFilterRedirects?: boolean;
+        staleTimes?: {
+            dynamic?: number;
+            static?: number;
+        };
+        clientRouterFilterAllowedRate?: number;
+        externalMiddlewareRewritesResolve?: boolean;
+        extensionAlias?: Record<string, any>;
+        allowedRevalidateHeaderKeys?: string[];
+        fetchCacheKeyPrefix?: string;
+        optimisticClientCache?: boolean;
+        swrDelta?: next_dist_server_lib_revalidate.SwrDelta;
+        middlewarePrefetch?: "strict" | "flexible";
+        manualClientBasePath?: boolean;
+        cssChunking?: "strict" | "loose";
+        disablePostcssPresetEnv?: boolean;
+        cpus?: number;
+        memoryBasedWorkersCount?: boolean;
+        proxyTimeout?: number;
+        isrFlushToDisk?: boolean;
+        workerThreads?: boolean;
+        optimizeCss?: boolean | Record<string, unknown>;
+        nextScriptWorkers?: boolean;
+        scrollRestoration?: boolean;
+        externalDir?: boolean;
+        amp?: {
+            optimizer?: any;
+            validator?: string;
+            skipValidation?: boolean;
+        };
+        disableOptimizedLoading?: boolean;
+        gzipSize?: boolean;
+        craCompat?: boolean;
+        esmExternals?: boolean | "loose";
+        fullySpecified?: boolean;
+        urlImports?: NonNullable<next_dist_compiled_webpack_webpack.webpack.Configuration["experiments"]>["buildHttp"];
+        outputFileTracingRoot?: string;
+        outputFileTracingExcludes?: Record<string, string[]>;
+        outputFileTracingIgnores?: string[];
+        outputFileTracingIncludes?: Record<string, string[]>;
+        swcTraceProfiling?: boolean;
+        forceSwcTransforms?: boolean;
+        swcPlugins?: Array<[string, Record<string, unknown>]>;
+        largePageDataBytes?: number;
+        fallbackNodePolyfills?: false;
+        sri?: {
+            algorithm?: next_dist_build_webpack_plugins_subresource_integrity_plugin.SubresourceIntegrityAlgorithm;
+        };
+        adjustFontFallbacks?: boolean;
+        adjustFontFallbacksWithSizeAdjust?: boolean;
+        webVitalsAttribution?: Array<typeof next_dist_shared_lib_utils.WEB_VITALS[number]>;
+        optimizePackageImports?: string[];
+        optimizeServerReact?: boolean;
+        turbotrace?: {
+            logLevel?: "bug" | "fatal" | "error" | "warning" | "hint" | "note" | "suggestions" | "info";
+            logDetail?: boolean;
+            logAll?: boolean;
+            contextDirectory?: string;
+            processCwd?: string;
+            memoryLimit?: number;
+        };
+        mdxRs?: boolean | {
+            development?: boolean;
+            jsx?: boolean;
+            jsxRuntime?: string;
+            jsxImportSource?: string;
+            providerImportSource?: string;
+            mdxType?: "gfm" | "commonmark";
+        };
+        typedRoutes?: boolean;
+        parallelServerCompiles?: boolean;
+        parallelServerBuildTraces?: boolean;
+        webpackBuildWorker?: boolean;
+        webpackMemoryOptimizations?: boolean;
+        instrumentationHook?: boolean;
+        clientTraceMetadata?: string[];
+        ppr?: next_dist_server_lib_experimental_ppr.ExperimentalPPRConfig;
+        taint?: boolean;
+        serverActions?: {
+            bodySizeLimit?: next.SizeLimit;
+            allowedOrigins?: string[];
+        };
+        serverMinification?: boolean;
+        serverSourceMaps?: boolean;
+        staticWorkerRequestDeduping?: boolean;
+        useWasmBinary?: boolean;
+        useLightningcss?: boolean;
+        useEarlyImport?: boolean;
+        testProxy?: boolean;
+        defaultTestRunner?: next_dist_cli_next_test.SupportedTestRunners;
+        allowDevelopmentBuild?: true;
+        bundlePagesExternals?: boolean;
+        serverComponentsExternalPackages?: string[];
+        reactCompiler?: boolean | next_dist_server_config_shared.ReactCompilerOptions;
+        after?: boolean;
+    };
+    webpack(conf: Configuration, options: WebpackConfigContext): any;
+    exportPathMap?: (defaultMap: next_dist_server_config_shared.ExportPathMap, ctx: {
+        dev: boolean;
+        dir: string;
+        outDir: string | null;
+        distDir: string;
+        buildId: string;
+    }) => Promise<next_dist_server_config_shared.ExportPathMap> | next_dist_server_config_shared.ExportPathMap;
+    i18n?: next_dist_server_config_shared.I18NConfig | null;
+    eslint?: next_dist_server_config_shared.ESLintConfig;
+    typescript?: next_dist_server_config_shared.TypeScriptConfig;
+    headers?: () => Promise<next_dist_lib_load_custom_routes.Header[]>;
+    rewrites?: () => Promise<next_dist_lib_load_custom_routes.Rewrite[] | {
+        beforeFiles: next_dist_lib_load_custom_routes.Rewrite[];
+        afterFiles: next_dist_lib_load_custom_routes.Rewrite[];
+        fallback: next_dist_lib_load_custom_routes.Rewrite[];
+    }>;
+    redirects?: () => Promise<next_dist_lib_load_custom_routes.Redirect[]>;
+    excludeDefaultMomentLocales?: boolean;
+    trailingSlash?: boolean;
+    env?: Record<string, string | undefined>;
+    distDir?: string;
+    cleanDistDir?: boolean;
+    assetPrefix?: string;
+    cacheHandler?: string | undefined;
+    cacheMaxMemorySize?: number;
+    useFileSystemPublicRoutes?: boolean;
+    generateBuildId?: () => string | null | Promise<string | null>;
+    generateEtags?: boolean;
+    pageExtensions?: string[];
+    compress?: boolean;
+    poweredByHeader?: boolean;
+    images?: next_dist_shared_lib_image_config.ImageConfig;
+    devIndicators?: {
+        buildActivity?: boolean;
+        buildActivityPosition?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    };
+    onDemandEntries?: {
+        maxInactiveAge?: number;
+        pagesBufferLength?: number;
+    };
+    amp?: {
+        canonicalBase?: string;
+    };
+    deploymentId?: string;
+    basePath?: string;
+    sassOptions?: {
+        [key: string]: any;
+    };
+    productionBrowserSourceMaps?: boolean;
+    optimizeFonts?: boolean;
+    reactProductionProfiling?: boolean;
+    reactStrictMode?: boolean | null;
+    publicRuntimeConfig?: {
+        [key: string]: any;
+    };
+    serverRuntimeConfig?: {
+        [key: string]: any;
+    };
+    httpAgentOptions?: {
+        keepAlive?: boolean;
+    };
+    staticPageGenerationTimeout?: number;
+    crossOrigin?: "anonymous" | "use-credentials";
+    compiler?: {
+        reactRemoveProperties?: boolean | {
+            properties?: string[];
+        };
+        relay?: {
+            src: string;
+            artifactDirectory?: string;
+            language?: "typescript" | "javascript" | "flow";
+            eagerEsModules?: boolean;
+        };
+        removeConsole?: boolean | {
+            exclude?: string[];
+        };
+        styledComponents?: boolean | next_dist_server_config_shared.StyledComponentsConfig;
+        emotion?: boolean | next_dist_server_config_shared.EmotionConfig;
+        styledJsx?: boolean | {
+            useLightningcss?: boolean;
+        };
+    };
+    output?: "standalone" | "export";
+    transpilePackages?: string[];
+    skipMiddlewareUrlNormalize?: boolean;
+    skipTrailingSlashRedirect?: boolean;
+    modularizeImports?: Record<string, {
+        transform: string | Record<string, string>;
+        preventFullImport?: boolean;
+        skipDefaultConversion?: boolean;
+    }>;
+    logging?: {
+        fetches?: {
+            fullUrl?: boolean;
+        };
+    };
+    swrDelta?: next_dist_server_lib_revalidate.SwrDelta;
+    bundlePagesRouterDependencies?: boolean;
+    serverExternalPackages?: string[];
+} | {
+    turbo: any;
+    webpack(conf: Configuration, options: WebpackConfigContext): any;
+    exportPathMap?: (defaultMap: next_dist_server_config_shared.ExportPathMap, ctx: {
+        dev: boolean;
+        dir: string;
+        outDir: string | null;
+        distDir: string;
+        buildId: string;
+    }) => Promise<next_dist_server_config_shared.ExportPathMap> | next_dist_server_config_shared.ExportPathMap;
+    i18n?: next_dist_server_config_shared.I18NConfig | null;
+    eslint?: next_dist_server_config_shared.ESLintConfig;
+    typescript?: next_dist_server_config_shared.TypeScriptConfig;
+    headers?: () => Promise<next_dist_lib_load_custom_routes.Header[]>;
+    rewrites?: () => Promise<next_dist_lib_load_custom_routes.Rewrite[] | {
+        beforeFiles: next_dist_lib_load_custom_routes.Rewrite[];
+        afterFiles: next_dist_lib_load_custom_routes.Rewrite[];
+        fallback: next_dist_lib_load_custom_routes.Rewrite[];
+    }>;
+    redirects?: () => Promise<next_dist_lib_load_custom_routes.Redirect[]>;
+    excludeDefaultMomentLocales?: boolean;
+    trailingSlash?: boolean;
+    env?: Record<string, string | undefined>;
+    distDir?: string;
+    cleanDistDir?: boolean;
+    assetPrefix?: string;
+    cacheHandler?: string | undefined;
+    cacheMaxMemorySize?: number;
+    useFileSystemPublicRoutes?: boolean;
+    generateBuildId?: () => string | null | Promise<string | null>;
+    generateEtags?: boolean;
+    pageExtensions?: string[];
+    compress?: boolean;
+    poweredByHeader?: boolean;
+    images?: next_dist_shared_lib_image_config.ImageConfig;
+    devIndicators?: {
+        buildActivity?: boolean;
+        buildActivityPosition?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    };
+    onDemandEntries?: {
+        maxInactiveAge?: number;
+        pagesBufferLength?: number;
+    };
+    amp?: {
+        canonicalBase?: string;
+    };
+    deploymentId?: string;
+    basePath?: string;
+    sassOptions?: {
+        [key: string]: any;
+    };
+    productionBrowserSourceMaps?: boolean;
+    optimizeFonts?: boolean;
+    reactProductionProfiling?: boolean;
+    reactStrictMode?: boolean | null;
+    publicRuntimeConfig?: {
+        [key: string]: any;
+    };
+    serverRuntimeConfig?: {
+        [key: string]: any;
+    };
+    httpAgentOptions?: {
+        keepAlive?: boolean;
+    };
+    staticPageGenerationTimeout?: number;
+    crossOrigin?: "anonymous" | "use-credentials";
+    compiler?: {
+        reactRemoveProperties?: boolean | {
+            properties?: string[];
+        };
+        relay?: {
+            src: string;
+            artifactDirectory?: string;
+            language?: "typescript" | "javascript" | "flow";
+            eagerEsModules?: boolean;
+        };
+        removeConsole?: boolean | {
+            exclude?: string[];
+        };
+        styledComponents?: boolean | next_dist_server_config_shared.StyledComponentsConfig;
+        emotion?: boolean | next_dist_server_config_shared.EmotionConfig;
+        styledJsx?: boolean | {
+            useLightningcss?: boolean;
+        };
+    };
+    output?: "standalone" | "export";
+    transpilePackages?: string[];
+    skipMiddlewareUrlNormalize?: boolean;
+    skipTrailingSlashRedirect?: boolean;
+    modularizeImports?: Record<string, {
+        transform: string | Record<string, string>;
+        preventFullImport?: boolean;
+        skipDefaultConversion?: boolean;
+    }>;
+    logging?: {
+        fetches?: {
+            fullUrl?: boolean;
+        };
+    };
+    swrDelta?: next_dist_server_lib_revalidate.SwrDelta;
+    experimental?: next_dist_server_config_shared.ExperimentalConfig;
+    bundlePagesRouterDependencies?: boolean;
+    serverExternalPackages?: string[];
+};
+
+export { withCxx };

package/dist/next/index.js

@@ -0,0 +1,55 @@
+import __node_cjsPath from 'node:path';
+import __node_cjsUrl from 'node:url';
+import __node_cjsModule from 'node:module';
+
+const __filename = __node_cjsUrl.fileURLToPath(import.meta.url);
+const __dirname = __node_cjsPath.dirname(__filename);
+const require = __node_cjsModule.createRequire(import.meta.url);
+
+function withCxx(nextConfig = {}, config = {}) {
+    const pkg = require('next/package.json');
+    const IS_CANARY = pkg.version?.includes('canary') ?? false;
+    const IS_TURBO = process.env.TURBOPACK === '1';
+    const TURBO_GLOB = '*.{tsx,jsx,ts,js}';
+    const loader = __node_cjsPath.resolve(__dirname, `cxx-loader.${IS_TURBO ? 'cjs' : 'js'}`);
+    const turboConfig = {
+        ...nextConfig.turbo,
+        rules: {
+            ...nextConfig.turbo?.rules,
+            [TURBO_GLOB]: {
+                loaders: [
+                    ...nextConfig.turbo?.rules?.[TURBO_GLOB]?.loaders ?? [],
+                    {
+                        loader,
+                        options: config
+                    }
+                ]
+            }
+        }
+    };
+    return {
+        ...nextConfig,
+        webpack (conf, options) {
+            const resolvedWebpackConfig = typeof nextConfig?.webpack === 'function' ? nextConfig?.webpack(conf, options) : conf;
+            resolvedWebpackConfig?.module?.rules?.push({
+                test: /\.(js|jsx|ts|tsx)$/,
+                exclude: /node_modules/,
+                use: {
+                    loader,
+                    options: config
+                }
+            });
+            return resolvedWebpackConfig;
+        },
+        ...IS_CANARY ? {
+            experimental: {
+                ...nextConfig?.experimental,
+                turbo: turboConfig
+            }
+        } : {
+            turbo: turboConfig
+        }
+    };
+}
+
+export { withCxx };

package/dist/vite-plugin-cxx/index.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from 'vite';
+import { Config } from '../inject/index.js';
+
+declare function vitePluginCxx(config?: Config): Plugin;
+
+export { vitePluginCxx as default };

package/dist/vite-plugin-cxx/index.js

@@ -0,0 +1,16 @@
+import { inject } from '../inject/index.js';
+
+function vitePluginCxx(config) {
+    return {
+        name: 'cxx',
+        enforce: 'pre',
+        transform (code, id) {
+            return {
+                code: inject(code, id, config),
+                map: null
+            };
+        }
+    };
+}
+
+export { vitePluginCxx as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jk2908/cxx",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "type": "module",
   "author": "Jerome Kenway",
   "repository": {
@@ -10,10 +10,13 @@
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "scripts": {
-    "build": "bunchee"
+    "build": "bunchee",
+    "prepack": "npm run build"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.8.3",
+    "@types/bun": "^1.3.13",
+    "@typescript/native-preview": "^7.0.0-dev.20260421.2",
+    "@types/node": "^24.0.1",
     "@types/react": "latest",
     "@types/react-dom": "latest",
     "@types/webpack": "^5.28.5",
@@ -23,6 +26,8 @@
     "next": "^15.0.0-canary.128",
     "react": "^19.0.0-rc || ^19.0.0-beta || ^19.0.0",
     "react-dom": "^19.0.0-rc || ^19.0.0-beta || ^19.0.0",
+    "oxfmt": "^0.35.0",
+    "oxlint": "^1.50.0",
     "typescript": "^5.5.4",
     "vite": "^5.4.2"
   },