notification for missing tokens

Author: lukasoppermann

src/ui/components/FileExportSettings.tsx

@@ -55,6 +55,21 @@ export const FileExportSettings = () => {
         "*"
       );
       // prepare token json
+      if (!tokens || !tokens.length) {
+        figmaUIApi.postMessage(
+          {
+            pluginMessage: {
+              command: commands.closePlugin,
+              payload: {
+                notification: "❌ No tokens to export!",
+              },
+            },
+            // @ts-ignore
+          },
+          "*"
+        );
+        return;
+      }
 
       const tokensToExport = prepareExport(tokens, pluginSettings);
 

src/utilities/prepareExport.ts

@@ -32,7 +32,7 @@ const createTypographyTokens = (tokens: internalTokenInterface[], settings) => {
 }
 
 export const prepareExport = (tokens: string, settings: Settings) => {
-  if (tokens.length === 0) tokens = '{}'
+  if (tokens.length === 0) tokens = '[{}]'
   // parse json string
   let tokenArray: internalTokenInterface[] = JSON.parse(tokens)
   // duplicate font if typography is true && format = standard