vasille-css 7.0.0-rc.1 → 7.0.0-rc.2

package/lib/dev.js

@@ -8,10 +8,3 @@ export class DevCssStyleInjector extends CssStyleInjector {
         return `${super.generateClassName()}-${this.key}`;
     }
 }
-export function devStyleSheet(styles) {
-    const result = {};
-    for (const key in styles) {
-        result[key] = new DevCssStyleInjector(key, styles[key]);
-    }
-    return result;
-}

package/lib/index.js

@@ -12,13 +12,7 @@ export class CssStyleInjector {
         }
         const className = this.generateClassName();
         for (const item of this.styles) {
-            if (item instanceof Array) {
-                const [target, rule] = item;
-                insertRule(target, rule.replace("{}", className));
-            }
-            else {
-                insertRule(0, item.replace("{}", className));
-            }
+            this.insertRule(item, className);
         }
         this.styles.splice(0);
         return (this.className = className);
@@ -26,6 +20,25 @@ export class CssStyleInjector {
     generateClassName() {
         return `vasille-${++index}`;
     }
+    insertRule(rule, className) {
+        if (rule instanceof Array) {
+            insertRule(rule[0], rule[1].replace("{}", className));
+        }
+        else {
+            insertRule(0, rule.replace("{}", className));
+        }
+    }
+}
+export class SafeCssStyleInjector extends CssStyleInjector {
+    insertRule(rule, className) {
+        try {
+            super.insertRule(rule, className);
+        }
+        catch (e) {
+            // ignore any style related errors
+            void e;
+        }
+    }
 }
 /**
  * Inserts stylesheet to document
@@ -34,7 +47,7 @@ export class CssStyleInjector {
 export function styleSheet(styles) {
     const result = {};
     for (const key in styles) {
-        result[key] = new CssStyleInjector(styles[key]);
+        result[key] = new SafeCssStyleInjector(styles[key]);
     }
     return result;
 }

package/lib/lib.js

@@ -22,7 +22,7 @@ function createStyleSheet(media) {
     document.head.append(style);
     return style.sheet;
 }
-export function insertRule(target, rule) {
+export function getStyleSheet(target) {
     let sheet;
     switch (target) {
         case 0:
@@ -68,6 +68,10 @@ export function insertRule(target, rule) {
             sheet = light;
             break;
     }
+    return sheet;
+}
+export function insertRule(target, rule) {
+    const sheet = getStyleSheet(target);
     /* istanbul ignore else */
     if (sheet) {
         sheet.insertRule(rule, sheet.cssRules.length);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vasille-css",
-  "version": "7.0.0-rc.1",
+  "version": "7.0.0-rc.2",
   "description": "The same devkit which is designed to build fault tolerant frontends (CSS style library)",
   "main": "./lib/index.js",
   "types": "./types/index.d.ts",

package/types/dev.d.ts

@@ -4,8 +4,3 @@ export declare class DevCssStyleInjector extends CssStyleInjector {
     constructor(key: string, styles: (string | [number, string])[]);
     protected generateClassName(): string;
 }
-export declare function devStyleSheet<T extends {
-    [k: string]: (string | [number, string])[];
-}>(styles: T): {
-    [K in keyof T]: DevCssStyleInjector;
-};

package/types/index.d.ts

@@ -5,6 +5,10 @@ export declare class CssStyleInjector {
     constructor(styles: (string | [number, string])[]);
     inject(): string;
     protected generateClassName(): string;
+    protected insertRule(rule: string | [number, string], className: string): void;
+}
+export declare class SafeCssStyleInjector extends CssStyleInjector {
+    protected insertRule(rule: string | [number, string], className: string): void;
 }
 /**
  * Inserts stylesheet to document

package/types/lib.d.ts

@@ -1,4 +1,5 @@
 export declare function setMobileMaxWidth(value: number): void;
 export declare function setTabletMaxWidth(value: number): void;
 export declare function setLaptopMaxWidth(value: number): void;
+export declare function getStyleSheet(target: number): CSSStyleSheet | undefined;
 export declare function insertRule(target: number, rule: string): void;