@pikacss/vite-plugin-pikacss 0.0.3 → 0.0.4

package/dist/index.cjs

@@ -2,16 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const vite = require('vite');
 const integration = require('@pikacss/integration');
+const vite = require('vite');
 const pathe = require('pathe');
 const perfectDebounce = require('perfect-debounce');
 
 const VIRTUAL_PIKA_CSS_ID = "virtual:pika.css";
+const SHARED_PLUGIN_NAME = "pikacss:shared";
 const DEV_PLUGIN_NAME = "pikacss:dev";
 const BUILD_PLUGIN_NAME = "pikacss:build";
 
-function build(options) {
+function build(getCtx) {
   const cssPostPlugins = /* @__PURE__ */ new Map();
   const cssPlugins = /* @__PURE__ */ new Map();
   async function applyCssTransform(css, id, dir, rollupCtx) {
@@ -33,10 +34,7 @@ function build(options) {
     enforce: "pre",
     apply: "build",
     async configResolved(config) {
-      ctx = await integration.createCtx({
-        cwd: config.root,
-        ...options
-      });
+      ctx = await getCtx();
       const distDirs = [
         pathe.resolve(config.root, config.build.outDir)
       ];
@@ -60,10 +58,10 @@ function build(options) {
     transform: (code, id) => {
       return ctx.transform(code, id);
     },
-    async renderChunk(_, chunk, options2) {
+    async renderChunk(_, chunk, options) {
       if (!Object.keys(chunk.modules).some((i) => i.includes(VIRTUAL_PIKA_CSS_ID)))
         return null;
-      const cssPost = cssPostPlugins.get(options2.dir);
+      const cssPost = cssPostPlugins.get(options.dir);
       if (!cssPost) {
         this.warn("[pikacss] failed to find vite:css-post plugin. It might be an internal bug of PikaCSS");
         return null;
@@ -73,7 +71,7 @@ function build(options) {
       const css = await applyCssTransform(
         ctx.engine.renderStyles(),
         fakeCssId,
-        options2.dir,
+        options.dir,
         this
       );
       const transformHandler = "handler" in cssPost.transform ? cssPost.transform.handler : cssPost.transform;
@@ -91,7 +89,7 @@ function build(options) {
   };
 }
 
-function dev(options) {
+function dev(getCtx) {
   let ctx = null;
   const updateDevCssFile = perfectDebounce.debounce(async () => {
     await ctx.writeDevCssFile();
@@ -106,11 +104,8 @@ function dev(options) {
     name: DEV_PLUGIN_NAME,
     enforce: "pre",
     apply: "serve",
-    async configResolved(config) {
-      ctx = await integration.createCtx({
-        cwd: config.root,
-        ...options
-      });
+    async configResolved() {
+      ctx = await getCtx();
     },
     configureServer(server) {
       server.watcher.add(ctx.configSources);
@@ -148,10 +143,19 @@ function dev(options) {
   };
 }
 
+function createPromise() {
+  let resolve;
+  let reject;
+  const promise = new Promise((res, rej) => {
+    resolve = res;
+    reject = rej;
+  });
+  return { promise, resolve, reject };
+}
 function PikaCSSPlugin({
   currentPackageName = "@pikacss/vite-plugin-pikacss",
   config: configOrPath,
-  tsCodegen = false,
+  tsCodegen = true,
   devCss = "pika.dev.css",
   target = ["**/*.vue", "**/*.tsx", "**/*.jsx"],
   fnName = "pika",
@@ -169,10 +173,26 @@ function PikaCSSPlugin({
     transformTsToJs: (code) => vite.transformWithEsbuild(code, "pikacss.ts").then((result) => result.code),
     autoCreateConfig
   };
-  return [
-    dev(resolvedOptions),
-    build(resolvedOptions)
+  const { promise, resolve } = createPromise();
+  function getCtx() {
+    return promise;
+  }
+  const plugin = [
+    {
+      name: SHARED_PLUGIN_NAME,
+      enforce: "pre",
+      async configResolved(config) {
+        resolve(await integration.createCtx({
+          cwd: config.root,
+          ...resolvedOptions
+        }));
+      }
+    },
+    dev(getCtx),
+    build(getCtx)
   ];
+  plugin.getCtx = getCtx;
+  return plugin;
 }
 
 exports.default = PikaCSSPlugin;

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { EngineConfig } from '@pikacss/integration';
+import { EngineConfig, IntegrationContext } from '@pikacss/integration';
 export * from '@pikacss/integration';
 import { Plugin } from 'vite';
 
@@ -49,7 +49,9 @@ interface PluginOptions {
     currentPackageName?: string;
 }
 
-declare function PikaCSSPlugin({ currentPackageName, config: configOrPath, tsCodegen, devCss, target, fnName, transformedFormat, autoCreateConfig, }?: PluginOptions): Plugin[];
+declare function PikaCSSPlugin({ currentPackageName, config: configOrPath, tsCodegen, devCss, target, fnName, transformedFormat, autoCreateConfig, }?: PluginOptions): Plugin[] & {
+    getCtx: () => Promise<IntegrationContext>;
+};
 
 // @ts-ignore
 export = PikaCSSPlugin;

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { EngineConfig } from '@pikacss/integration';
+import { EngineConfig, IntegrationContext } from '@pikacss/integration';
 export * from '@pikacss/integration';
 import { Plugin } from 'vite';
 
@@ -49,6 +49,8 @@ interface PluginOptions {
     currentPackageName?: string;
 }
 
-declare function PikaCSSPlugin({ currentPackageName, config: configOrPath, tsCodegen, devCss, target, fnName, transformedFormat, autoCreateConfig, }?: PluginOptions): Plugin[];
+declare function PikaCSSPlugin({ currentPackageName, config: configOrPath, tsCodegen, devCss, target, fnName, transformedFormat, autoCreateConfig, }?: PluginOptions): Plugin[] & {
+    getCtx: () => Promise<IntegrationContext>;
+};
 
 export { type PluginOptions, PikaCSSPlugin as default };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { EngineConfig } from '@pikacss/integration';
+import { EngineConfig, IntegrationContext } from '@pikacss/integration';
 export * from '@pikacss/integration';
 import { Plugin } from 'vite';
 
@@ -49,7 +49,9 @@ interface PluginOptions {
     currentPackageName?: string;
 }
 
-declare function PikaCSSPlugin({ currentPackageName, config: configOrPath, tsCodegen, devCss, target, fnName, transformedFormat, autoCreateConfig, }?: PluginOptions): Plugin[];
+declare function PikaCSSPlugin({ currentPackageName, config: configOrPath, tsCodegen, devCss, target, fnName, transformedFormat, autoCreateConfig, }?: PluginOptions): Plugin[] & {
+    getCtx: () => Promise<IntegrationContext>;
+};
 
 // @ts-ignore
 export = PikaCSSPlugin;

package/dist/index.mjs

@@ -1,14 +1,15 @@
-import { transformWithEsbuild } from 'vite';
 import { createCtx } from '@pikacss/integration';
 export * from '@pikacss/integration';
+import { transformWithEsbuild } from 'vite';
 import { resolve } from 'pathe';
 import { debounce } from 'perfect-debounce';
 
 const VIRTUAL_PIKA_CSS_ID = "virtual:pika.css";
+const SHARED_PLUGIN_NAME = "pikacss:shared";
 const DEV_PLUGIN_NAME = "pikacss:dev";
 const BUILD_PLUGIN_NAME = "pikacss:build";
 
-function build(options) {
+function build(getCtx) {
   const cssPostPlugins = /* @__PURE__ */ new Map();
   const cssPlugins = /* @__PURE__ */ new Map();
   async function applyCssTransform(css, id, dir, rollupCtx) {
@@ -30,10 +31,7 @@ function build(options) {
     enforce: "pre",
     apply: "build",
     async configResolved(config) {
-      ctx = await createCtx({
-        cwd: config.root,
-        ...options
-      });
+      ctx = await getCtx();
       const distDirs = [
         resolve(config.root, config.build.outDir)
       ];
@@ -57,10 +55,10 @@ function build(options) {
     transform: (code, id) => {
       return ctx.transform(code, id);
     },
-    async renderChunk(_, chunk, options2) {
+    async renderChunk(_, chunk, options) {
       if (!Object.keys(chunk.modules).some((i) => i.includes(VIRTUAL_PIKA_CSS_ID)))
         return null;
-      const cssPost = cssPostPlugins.get(options2.dir);
+      const cssPost = cssPostPlugins.get(options.dir);
       if (!cssPost) {
         this.warn("[pikacss] failed to find vite:css-post plugin. It might be an internal bug of PikaCSS");
         return null;
@@ -70,7 +68,7 @@ function build(options) {
       const css = await applyCssTransform(
         ctx.engine.renderStyles(),
         fakeCssId,
-        options2.dir,
+        options.dir,
         this
       );
       const transformHandler = "handler" in cssPost.transform ? cssPost.transform.handler : cssPost.transform;
@@ -88,7 +86,7 @@ function build(options) {
   };
 }
 
-function dev(options) {
+function dev(getCtx) {
   let ctx = null;
   const updateDevCssFile = debounce(async () => {
     await ctx.writeDevCssFile();
@@ -103,11 +101,8 @@ function dev(options) {
     name: DEV_PLUGIN_NAME,
     enforce: "pre",
     apply: "serve",
-    async configResolved(config) {
-      ctx = await createCtx({
-        cwd: config.root,
-        ...options
-      });
+    async configResolved() {
+      ctx = await getCtx();
     },
     configureServer(server) {
       server.watcher.add(ctx.configSources);
@@ -145,10 +140,19 @@ function dev(options) {
   };
 }
 
+function createPromise() {
+  let resolve;
+  let reject;
+  const promise = new Promise((res, rej) => {
+    resolve = res;
+    reject = rej;
+  });
+  return { promise, resolve, reject };
+}
 function PikaCSSPlugin({
   currentPackageName = "@pikacss/vite-plugin-pikacss",
   config: configOrPath,
-  tsCodegen = false,
+  tsCodegen = true,
   devCss = "pika.dev.css",
   target = ["**/*.vue", "**/*.tsx", "**/*.jsx"],
   fnName = "pika",
@@ -166,10 +170,26 @@ function PikaCSSPlugin({
     transformTsToJs: (code) => transformWithEsbuild(code, "pikacss.ts").then((result) => result.code),
     autoCreateConfig
   };
-  return [
-    dev(resolvedOptions),
-    build(resolvedOptions)
+  const { promise, resolve } = createPromise();
+  function getCtx() {
+    return promise;
+  }
+  const plugin = [
+    {
+      name: SHARED_PLUGIN_NAME,
+      enforce: "pre",
+      async configResolved(config) {
+        resolve(await createCtx({
+          cwd: config.root,
+          ...resolvedOptions
+        }));
+      }
+    },
+    dev(getCtx),
+    build(getCtx)
   ];
+  plugin.getCtx = getCtx;
+  return plugin;
 }
 
 export { PikaCSSPlugin as default };

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.0.3",
+  "version": "0.0.4",
   "author": "DevilTea <ch19980814@gmail.com>",
   "license": "MIT",
   "repository": {
@@ -39,7 +39,7 @@
   "dependencies": {
     "pathe": "^2.0.3",
     "perfect-debounce": "^1.0.0",
-    "@pikacss/integration": "0.0.3"
+    "@pikacss/integration": "0.0.4"
   },
   "devDependencies": {
     "vite": "^6.1.1"