made flags parsing more prior than detection & graphics tokenization

Author: softmarshmallow

packages/designto-token/main.ts

@@ -150,32 +150,52 @@ function handleNode(
     return;
   }
 
+  let tokenizedTarget: Widget = null;
+
+  // flags handler
+  if (!tokenizedTarget) {
+    if (
+      !config.disable_flags_support &&
+      config.should_ignore_flag?.(node) !== true
+    ) {
+      try {
+        tokenizedTarget = flags_handling_gate(node);
+      } catch (e) {
+        console.error("error while interpreting flags.. skipping", e);
+      }
+    }
+  }
+
   // -------------------------------------------------------------------------
   // --------------------------- Detected tokens -----------------------------
   // -------------------------------------------------------------------------
 
   // - image - // image detection is always enabled exceptionally.
   // TODO: separate image detection with static logic based and the smart one.
-  const _detect_if_image = detectIf.image(node);
-  if (_detect_if_image.result) {
-    return tokenizeGraphics.fromImage(node, _detect_if_image.data);
+  if (!tokenizedTarget) {
+    const _detect_if_image = detectIf.image(node);
+    if (_detect_if_image.result) {
+      return tokenizeGraphics.fromImage(node, _detect_if_image.data);
+    }
   }
 
-  if (config.disable_detection) {
-    // skip detection
-  } else {
-    // - icon -
-    const _detect_if_icon = detectIf.icon(node);
-    if (_detect_if_icon.result) {
-      return tokenizeGraphics.fromIcon(node, _detect_if_icon.data);
-    }
+  if (!tokenizedTarget) {
+    if (config.disable_detection) {
+      // skip detection
+    } else {
+      // - icon -
+      const _detect_if_icon = detectIf.icon(node);
+      if (_detect_if_icon.result) {
+        return tokenizeGraphics.fromIcon(node, _detect_if_icon.data);
+      }
 
-    // - button -
-    // TODO: this causes confliction with flags
-    // const _detect_if_button = detectIf.button(node);
-    // if (_detect_if_button.result) {
-    //   return tokenizeButton.fromManifest(node, _detect_if_button.data);
-    // }
+      // - button -
+      // TODO: this causes confliction with flags
+      // const _detect_if_button = detectIf.button(node);
+      // if (_detect_if_button.result) {
+      //   return tokenizeButton.fromManifest(node, _detect_if_button.data);
+      // }
+    }
   }
   // -------------------------------------------------------------------------
   // --------------------------- Detected tokens -----------------------------
@@ -190,7 +210,7 @@ function handleNode(
   // -------------------------------------------------------------------------
   // --------------------------- Pre processors ------------------------------
   // -------------------------------------------------------------------------
-  let tokenizedTarget: Widget = null;
+
   // masking handler
   if (containsMasking(node)) {
     tokenizedTarget = tokenizeMasking.fromMultichild(
@@ -199,19 +219,6 @@ function handleNode(
     );
   }
 
-  // flags handler
-  if (!tokenizedTarget) {
-    if (
-      !config.disable_flags_support &&
-      config.should_ignore_flag?.(node) !== true
-    ) {
-      try {
-        tokenizedTarget = flags_handling_gate(node);
-      } catch (e) {
-        console.error("error while interpreting flags.. skipping", e);
-      }
-    }
-  }
   //
   // -------------------------------------------------------------------------
   //