Merge pull request #44 from OsmiCSX/feature/notch

feat: add notch support for iOS.

src/core/apply.ts

@@ -1,59 +1,62 @@
-import Instance from "./instance"
+import Instance from "./instance";
 
 /**
  * Apply some pre-defined styles
  * @param {string} args list of pre-definedstyle args
  * @returns {object}
  */
 const apply = (args: string): object => {
-  const instanceStyle = new Instance()
+  const instanceStyle = new Instance();
 
-  const arrStyle = args.split(" ")
+  const arrStyle = args.split(" ");
 
   arrStyle.map((syntax: string) => {
     // check if width & size using responsive method or not
-    instanceStyle.responsiveSize(syntax)
+    instanceStyle.responsiveSize(syntax);
 
     // auto generate percentage size
-    instanceStyle.percentSize(syntax)
+    instanceStyle.percentSize(syntax);
 
     // auto generate fixed width size
-    instanceStyle.fixedWidthSize(syntax)
+    instanceStyle.fixedWidthSize(syntax);
 
     // auto generate fixed width size
-    instanceStyle.fixedHeightSize(syntax)
+    instanceStyle.fixedHeightSize(syntax);
 
     // auto generate transform position
-    instanceStyle.transformTranslate(syntax)
+    instanceStyle.transformTranslate(syntax);
 
     // auto generate transform scale
-    instanceStyle.transformScale(syntax)
-    
+    instanceStyle.transformScale(syntax);
+
     // auto generate transform skew
-    instanceStyle.transformSkew(syntax)
+    instanceStyle.transformSkew(syntax);
 
     // auto generate transform rotate
-    instanceStyle.transformRotate(syntax)
+    instanceStyle.transformRotate(syntax);
 
     // Check if there's coloring opacity
-    instanceStyle.colorOpacity(syntax)
+    instanceStyle.colorOpacity(syntax);
 
     // Check if there's any dark theme
-    instanceStyle.darkTheme(syntax)
+    instanceStyle.darkTheme(syntax);
 
     // Generate from pre-defined styles
-    instanceStyle.predefinedStyles(syntax)
-  })
+    instanceStyle.predefinedStyles(syntax);
+
+    // Check if there's notch or not.
+    instanceStyle.notch(syntax);
+  });
 
   if (arrStyle.length === 1) {
     if (typeof instanceStyle.predefined[arrStyle[0]] === "string") {
-      return instanceStyle.predefined[arrStyle[0]].replace("--osmi-opacity", 1)
+      return instanceStyle.predefined[arrStyle[0]].replace("--osmi-opacity", 1);
     } else {
-      return instanceStyle.getOutputStyle()
+      return instanceStyle.getOutputStyle();
     }
   } else {
-    return instanceStyle.getOutputStyle()
+    return instanceStyle.getOutputStyle();
   }
 };
 
-export default apply
+export default apply;