refactor: remove ct file

src/__tests__/codegen.test.ts

@@ -28,12 +28,11 @@ describe('codegen', () => {
         "code": "
       const pluginCtMap = new Map(JSON.parse('[["foo.100","#fff"],["foo.200",{"base":"#000"}],["bar.100","red"],["bar.200","blue"]]'));
 
-      export const ct = (path) => {
-        if (!path) return 'panda-plugin-ct-path-empty';
-        if (!pluginCtMap.has(path)) return 'panda-plugin-ct-alias-not-found';
-        return pluginCtMap.get(path);
-      };
-      ",
+        export const ct = (path) => {
+          if (!pluginCtMap.has(path)) return 'panda-plugin-ct-alias-not-found';
+          return pluginCtMap.get(path);
+        };
+        ",
         "file": "css.mjs",
       }
     `);

src/__tests__/map.test.ts

@@ -1,10 +1,35 @@
-import { makeMap, makePaths, mapTemplate } from '../map';
+import { get, makeMap, makePaths, mapTemplate } from '../map';
 
 const tokens = {
   foo: { 100: { value: '#fff' }, 200: { value: { base: '#000' } } },
   bar: { 100: 'red', 200: 'blue' },
 };
 
+describe('get', () => {
+  it('gets a string', () => {
+    expect(get(tokens, 'bar.100')).toBe('red');
+  });
+
+  it('gets a value object', () => {
+    expect(get(tokens, 'foo.200')).toMatchInlineSnapshot(
+      `
+      {
+        "base": "#000",
+      }
+    `,
+    );
+  });
+
+  it('gets a value string', () => {
+    expect(get(tokens, 'foo.100')).toMatchInlineSnapshot(`"#fff"`);
+  });
+
+  it('gets an undefined token', () => {
+    expect(get(tokens, 'nope.nope')).toBeUndefined();
+    expect(get(tokens, 'foo.baz')).toBeUndefined();
+  });
+});
+
 describe('makePaths', () => {
   it('makes paths', () => {
     expect(makePaths(tokens)).toMatchInlineSnapshot(`

src/codegen.ts

@@ -5,7 +5,6 @@ import type {
 } from '@pandacss/types';
 import { makePaths, mapTemplate } from './map';
 import type { PluginContext } from './types';
-import { ctTemplate } from './ct';
 
 export const codegen = (
   args: CodegenPrepareHookArgs,
@@ -20,7 +19,12 @@ export const codegen = (
   if (!cssFile) return args.artifacts;
 
   cssFile.code += mapTemplate(map);
-  cssFile.code += ctTemplate;
+  cssFile.code += `
+  export const ct = (path) => {
+    if (!pluginCtMap.has(path)) return 'panda-plugin-ct-alias-not-found';
+    return pluginCtMap.get(path);
+  };
+  `;
 
   const cssDtsFile = cssFn.files.find((f) => f.file.includes('css.d.'));
   if (!cssDtsFile) return args.artifacts;

src/map.ts

@@ -1,6 +1,20 @@
-import { ct } from './ct';
 import type { ComponentTokens } from './types';
-import { isObject } from './utils';
+import { isObject, isObjectWithValue } from './utils';
+
+export const get = <T extends string>(tokens: ComponentTokens, path: T) => {
+  const parts = path.split('.');
+  let current = tokens;
+
+  for (const part of parts) {
+    if (!current[part]) break;
+    current = current[part] as ComponentTokens;
+  }
+
+  if (typeof current === 'string') return current;
+  if (isObjectWithValue(current)) return current.value;
+
+  return;
+};
 
 // Create an array of all string paths from an object.
 export const makePaths = (
@@ -26,7 +40,7 @@ export const makeMap = (tokens: ComponentTokens) => {
   const map = new Map<string, string | object>();
 
   for (const path of makePaths(tokens)) {
-    const value = ct(tokens, path);
+    const value = get(tokens, path);
     if (value) {
       map.set(path, value);
     }