fix(transform): fix types (#22)

README.md

@@ -128,7 +128,6 @@ const nextConfig = {
     config.plugins.push(
       unplugin.webpack({
         transform: transform(tokens),
-        optimizeJs: true, // Optional, this will replace other Panda runtime functions (css, cva, etc)
       }),
     );
     return config;

src/__tests__/transformer.test.ts

@@ -9,7 +9,6 @@ describe('transform', () => {
   it('replaces ct', () => {
     expect(
       transform(tokens)({
-        configure: () => {},
         filePath: 'test.tsx',
         content: `
       import { css, ct, cva } from '@/styled-system/css';
@@ -56,23 +55,20 @@ describe('transform', () => {
   it('skips without imports, expressions, content', () => {
     expect(
       transform(tokens)({
-        configure: () => {},
         filePath: 'test.tsx',
         content: `<div className={css({ bg: ct("foo.200") })/>`,
       }),
     ).toBeUndefined();
 
     expect(
       transform(tokens)({
-        configure: () => {},
         filePath: 'test.tsx',
         content: `import { ct } from '@/styled-system/css`,
       }),
     ).toBeUndefined();
 
     expect(
       transform(tokens)({
-        configure: () => {},
         filePath: 'test.tsx',
         content: ``,
       }),

src/transform.ts

@@ -3,6 +3,11 @@ import { createContext } from './context';
 import type { ComponentTokens } from './types';
 import { parser } from './parser';
 
+// TODO: This is what unplugin expects, but avoiding installing @pandacss/node bc of a type conflict
+// Omit<ParserResultBeforeHookArgs, 'configure'> & Pick<SourceFileHookArgs, 'context'>
+
+type TransformArgs = Omit<ParserResultBeforeHookArgs, 'configure'>;
+
 /**
  * Transformer for @pandabox/unplugin.
  * Replaces JS runtime calls to `ct` with their resulting class names.
@@ -12,10 +17,10 @@ import { parser } from './parser';
  */
 export const transform = (tokens: ComponentTokens) => {
   const context = createContext(tokens);
-  return (args: ParserResultBeforeHookArgs) => {
+  return (args: TransformArgs) => {
     // This doesn't have `args.configure`
 
     if (!args.content) return;
-    return parser(args, context);
+    return parser(args as ParserResultBeforeHookArgs, context);
   };
 };