fix(widget): allow trpc request headers and set default mode id for v…

…ariable alias (#71)

apps/engine/src/lib/headers.mjs

@@ -18,7 +18,7 @@ const headers = async () => {
         },
         {
           key: 'Access-Control-Allow-Headers',
-          value: 'Content-Type, Authorization',
+          value: 'Content-Type, Authorization, x-trpc-source, trpc-accept',
         },
       ],
     },

packages/figma-widget/src/widget/modules/design-tokens/extractors/variable-collection.ts

@@ -1,7 +1,7 @@
 import { nonNullable } from '../utils/non-nullable';
 import { extractVariable } from './extract-variable';
 import { combinePaths } from '../utils/combine-paths';
-import { JSONTokenTree } from 'design-tokens-format-module';
+import type { JSONTokenTree } from 'design-tokens-format-module';
 
 export const extractVariableCollection = async (
   variableCollection: VariableCollection

packages/figma-widget/src/widget/modules/design-tokens/utils/get-mode-key.ts

@@ -9,8 +9,13 @@ export const getModeKey = async ({
 }) => {
   const variableCollection = await collectionById(variableCollectionId);
 
-  return (
+  const modeKey = (
     variableCollection?.modes.find((mode) => mode.modeId === modeId)?.name ??
-    modeId
+    variableCollection?.modes.find(
+      (mode) => mode.modeId === variableCollection.defaultModeId
+    )?.name ??
+    '--error--'
   ).toLowerCase();
+
+  return modeKey;
 };