feat(build-in-helper): sync to async

Author: refirst11

src/core/method/create-build-in-helper.ts

@@ -26,7 +26,7 @@ async function processStyleSheets() {
   isProcessing = false;
 }
 
-export function createBuildIn(): void {
+export async function createBuildIn(): Promise<void> {
   if (typeof globalStyleSheetPromise === 'undefined') createGlobalStyleSheetPromise();
   if (!isProcessing && styleSheetQueue.length > 0) {
     isProcessing = true;

src/core/method/global-build-in-helper.ts

@@ -2,36 +2,18 @@ import { buildIn, isDevelopment } from '../../_internal';
 
 let resolveGlobalStyleSheet: (value: [string, string?]) => void;
 let globalStyleSheetPromise: Promise<[string, string?]>;
-const styleSheetQueue: [string, string?][] = [];
-let isProcessing = false;
 
 function createGlobalStyleSheetPromise() {
   globalStyleSheetPromise = new Promise<[string, string?]>(resolve => {
-    resolveGlobalStyleSheet = (value: [string, string?]) => {
-      styleSheetQueue.push(value);
-      resolve(value);
-    };
+    resolveGlobalStyleSheet = resolve;
   });
 }
 
-async function executeBuildIn(styleSheet: string, option?: string): Promise<void> {
-  if (!isDevelopment && styleSheet) buildIn(styleSheet, option);
-}
-
-async function processStyleSheets() {
-  while (styleSheetQueue.length > 0) {
-    const [styleSheet, option] = styleSheetQueue.shift() as [string, string?];
-    await executeBuildIn(styleSheet, option);
-  }
-  isProcessing = false;
-}
-
-export function globalBuildIn(): void {
+export async function globalBuildIn(): Promise<void> {
   if (typeof globalStyleSheetPromise === 'undefined') createGlobalStyleSheetPromise();
-  if (!isProcessing && styleSheetQueue.length > 0) {
-    isProcessing = true;
-    processStyleSheets();
-  }
+  const [styleSheet, option] = await globalStyleSheetPromise;
+  if (!isDevelopment && styleSheet) buildIn(styleSheet, option);
+  createGlobalStyleSheetPromise();
 }
 
 export { resolveGlobalStyleSheet, globalStyleSheetPromise, createGlobalStyleSheetPromise };

src/core/method/set-build-in-helper.ts

@@ -26,7 +26,7 @@ async function processStyleSheets() {
   isProcessing = false;
 }
 
-export function setBuildIn(): void {
+export async function setBuildIn(): Promise<void> {
   if (typeof globalStyleSheetPromise === 'undefined') createGlobalStyleSheetPromise();
   if (!isProcessing && styleSheetQueue.length > 0) {
     isProcessing = true;