feat: add option showTrueTokens, allows filtering true and -true space/size tokens from autocomplete

Author: nderscore

src/getCompletions.ts

@@ -63,8 +63,19 @@ export const getCompletions = (
       }
     }
 
-    const [scale, value] = getMaybeSpecificToken(entry.name, type, config);
+    const [scale, value, token] = getMaybeSpecificToken(
+      entry.name,
+      type,
+      config
+    );
     if (scale && value) {
+      const isTrueToken =
+        (scale === 'space' || scale === 'size') &&
+        (token === '$true' || token === '$-true');
+      if (isTrueToken && !options.completionFilters.showTrueTokens) {
+        // filter out true and -true tokens
+        continue;
+      }
       const isColor = scale === 'color';
       if (isColor && !options.completionFilters.showColorTokens) {
         // filter out color tokens if the option is disabled

src/readOptions.ts

@@ -10,13 +10,14 @@ export const readOptions = ({ info, modules }: TSContext) => {
     pathToApp = 'apps/next',
     defaultTheme = 'light',
     colorTileSize = 18,
-    completionFilters: { showColorTokens = true } = {},
+    completionFilters: { showColorTokens = true, showTrueTokens = true } = {},
   } = info.config as {
     pathToApp?: string;
     defaultTheme?: string;
     colorTileSize?: number;
     completionFilters?: {
       showColorTokens?: boolean;
+      showTrueTokens?: boolean;
     };
   };
 
@@ -36,6 +37,7 @@ export const readOptions = ({ info, modules }: TSContext) => {
     colorTileSize,
     completionFilters: {
       showColorTokens,
+      showTrueTokens,
     },
   } as const;
 };

src/utils.ts

@@ -44,13 +44,14 @@ export const getMaybeSpecificToken = (
     | ParsedConfig[keyof ParsedConfig]
     | undefined;
 
-  const val = scaleObj?.[
-    (token.startsWith('$') ? token : `$${token}`) as keyof typeof scaleObj
-  ] as string | undefined;
+  const tokenKey = (
+    token.startsWith('$') ? token : `$${token}`
+  ) as keyof typeof scaleObj;
+  const val = scaleObj?.[tokenKey] as string | undefined;
 
   if (!val) return [undefined, undefined] as const;
 
-  return [scale, val] as const;
+  return [scale, val, tokenKey] as const;
 };
 
 /**