@jk2908/cxx 0.1.8 → 0.1.9

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.9",
   "type": "module",
   "author": "Jerome Kenway",
   "repository": {
@@ -10,7 +10,8 @@
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "scripts": {
-    "build": "bunchee"
+    "build": "bunchee",
+    "prepack": "npm run build"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.8.3",