react-native-unistyles 3.0.0-alpha.8 → 3.0.0-beta.1

package/lib/commonjs/web/create.js

@@ -4,84 +4,52 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.create = void 0;
-var _registry = require("./registry");
 var _utils = require("./utils");
+var _utils2 = require("../utils");
 var _runtime = require("./runtime");
 var _variants = require("./variants");
-var _listener = require("./listener");
-const create = stylesheet => {
+const create = (stylesheet, id) => {
+  if (!id) {
+    throw (0, _utils.error)('Unistyles is not initialized correctly. Please add babel plugin to your babel config.');
+  }
   const computedStylesheet = typeof stylesheet === 'function' ? stylesheet(_runtime.UnistylesRuntime.theme, _runtime.UnistylesRuntime.miniRuntime) : stylesheet;
-  let lastlySelectedVariants = {};
-  const listenToDependencies = ({
-    key,
-    className,
-    unistyles,
-    value,
-    args = []
-  }) => {
-    const dependencies = 'uni__dependencies' in value ? value['uni__dependencies'] : [];
-    if (dependencies.length === 0) {
-      return;
-    }
-    return _listener.UnistylesListener.addListeners(dependencies, () => {
-      const newComputedStylesheet = typeof stylesheet === 'function' ? stylesheet(_runtime.UnistylesRuntime.theme, _runtime.UnistylesRuntime.miniRuntime) : stylesheet;
-      if (!(0, _utils.keyInObject)(newComputedStylesheet, key)) {
-        return;
-      }
-      const value = newComputedStylesheet[key];
-      const result = typeof value === 'function' ? value(...args) : value;
-      _registry.UnistylesRegistry.updateStyles(unistyles, result, className);
-    });
-  };
-  const styles = (0, _utils.reduceObject)(computedStylesheet, (value, key) => {
+  const selectedVariants = new Map();
+  const copyVariants = () => Object.fromEntries(selectedVariants.entries());
+  const addSecrets = (value, key, args) => (0, _utils.assignSecrets)(value, {
+    __uni__key: key,
+    __uni__refs: new Set(),
+    __uni__stylesheet: stylesheet,
+    __uni__args: args,
+    __uni__variants: copyVariants()
+  });
+  const styles = (0, _utils.reduceObject)(computedStylesheet, (value, _key) => {
+    const key = String(_key);
     if (typeof value === 'function') {
-      const webUnistyleByRef = new Map();
-      const disposeByRef = new Map();
-      return (...args) => {
-        const [ref] = args.slice(-1);
+      const dynamicStyle = (...args) => {
         const result = value(...args);
         const variants = Object.fromEntries((0, _variants.getVariants)({
           [key]: result
-        }, lastlySelectedVariants));
-        const resultWithVariants = {
-          ...result,
-          ...variants[key]
-        };
-        if (ref instanceof HTMLElement) {
-          const storedWebUnistyle = webUnistyleByRef.get(ref);
-          const webUnistyle = storedWebUnistyle ?? _registry.UnistylesRegistry.createStyles(resultWithVariants, key);
-          webUnistyleByRef.set(ref, webUnistyle);
-          disposeByRef.get(ref)?.();
-          disposeByRef.set(ref, listenToDependencies({
-            key,
-            value,
-            unistyles: webUnistyle.unistyles,
-            className: webUnistyle.className,
-            args
-          }));
-          ref.classList.add(webUnistyle.className);
-          if (storedWebUnistyle) {
-            _registry.UnistylesRegistry.updateStyles(webUnistyle.unistyles, resultWithVariants, webUnistyle.className);
-          }
-          return;
-        }
-        return (0, _utils.toReactNativeClassName)(null, resultWithVariants);
+        }, copyVariants()));
+        const resultWithVariants = (0, _utils2.deepMergeObjects)(result, variants[key] ?? {});
+
+        // Add secrets to result of dynamic styles function
+        return addSecrets((0, _utils.getStyles)(resultWithVariants), key, args);
       };
+
+      // Add secrets to dynamic styles function
+      return addSecrets(dynamicStyle, key);
     }
-    const {
-      className,
-      unistyles
-    } = _registry.UnistylesRegistry.createStyles(value, key);
-    listenToDependencies({
-      key,
-      value,
-      unistyles,
-      className
-    });
-    return (0, _utils.toReactNativeClassName)(className, value);
+
+    // Add secrets to static styles
+    return addSecrets((0, _utils.getStyles)(value), key);
   });
-  (0, _variants.createUseVariants)(styles, newVariants => {
-    lastlySelectedVariants = newVariants;
+
+  // Inject useVariants hook to styles
+  Object.defineProperty(styles, 'useVariants', {
+    value: variants => {
+      Object.entries(variants).forEach(([key, value]) => selectedVariants.set(key, value));
+    },
+    configurable: false
   });
   return styles;
 };

package/lib/commonjs/web/create.js.map

@@ -1 +1 @@
-{"version":3,"names":["_registry","require","_utils","_runtime","_variants","_listener","create","stylesheet","computedStylesheet","UnistylesRuntime","theme","miniRuntime","lastlySelectedVariants","listenToDependencies","key","className","unistyles","value","args","dependencies","length","UnistylesListener","addListeners","newComputedStylesheet","keyInObject","result","UnistylesRegistry","updateStyles","styles","reduceObject","webUnistyleByRef","Map","disposeByRef","ref","slice","variants","Object","fromEntries","getVariants","resultWithVariants","HTMLElement","storedWebUnistyle","get","webUnistyle","createStyles","set","classList","add","toReactNativeClassName","createUseVariants","newVariants","exports"],"sourceRoot":"../../../src","sources":["web/create.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_utils","require","_utils2","_runtime","_variants","create","stylesheet","id","error","computedStylesheet","UnistylesRuntime","theme","miniRuntime","selectedVariants","Map","copyVariants","Object","fromEntries","entries","addSecrets","value","key","args","assignSecrets","__uni__key","__uni__refs","Set","__uni__stylesheet","__uni__args","__uni__variants","styles","reduceObject","_key","String","dynamicStyle","result","variants","getVariants","resultWithVariants","deepMergeObjects","getStyles","defineProperty","forEach","set","configurable","exports"],"sourceRoot":"../../../src","sources":["web/create.ts"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEO,MAAMI,MAAM,GAAGA,CAACC,UAAiD,EAAEC,EAAW,KAAK;EACtF,IAAI,CAACA,EAAE,EAAE;IACL,MAAM,IAAAC,YAAK,EAAC,uFAAuF,CAAC;EACxG;EAEA,MAAMC,kBAAkB,GAAG,OAAOH,UAAU,KAAK,UAAU,GACrDA,UAAU,CAACI,yBAAgB,CAACC,KAAK,EAAED,yBAAgB,CAACE,WAAW,CAAC,GAChEN,UAAU;EAChB,MAAMO,gBAAgB,GAAG,IAAIC,GAAG,CAAc,CAAC;EAE/C,MAAMC,YAAY,GAAGA,CAAA,KAAMC,MAAM,CAACC,WAAW,CAACJ,gBAAgB,CAACK,OAAO,CAAC,CAAC,CAAC;EACzE,MAAMC,UAAU,GAAGA,CAACC,KAAU,EAAEC,GAAW,EAAEC,IAAiB,KAAK,IAAAC,oBAAa,EAACH,KAAK,EAAE;IACpFI,UAAU,EAAEH,GAAG;IACfI,WAAW,EAAE,IAAIC,GAAG,CAAC,CAAC;IACtBC,iBAAiB,EAAErB,UAAU;IAC7BsB,WAAW,EAAEN,IAAI;IACjBO,eAAe,EAAEd,YAAY,CAAC;EAClC,CAAC,CAAC;EAEF,MAAMe,MAAM,GAAG,IAAAC,mBAAY,EAACtB,kBAAkB,EAAE,CAACW,KAAK,EAAEY,IAAI,KAAK;IAC7D,MAAMX,GAAG,GAAGY,MAAM,CAACD,IAAI,CAAC;IAExB,IAAI,OAAOZ,KAAK,KAAK,UAAU,EAAE;MAC7B,MAAMc,YAAY,GAAGA,CAAC,GAAGZ,IAAgB,KAAK;QAC1C,MAAMa,MAAM,GAAGf,KAAK,CAAC,GAAGE,IAAI,CAAC;QAC7B,MAAMc,QAAQ,GAAGpB,MAAM,CAACC,WAAW,CAAC,IAAAoB,qBAAW,EAAC;UAAE,CAAChB,GAAG,GAAGc;QAAO,CAAC,EAAuCpB,YAAY,CAAC,CAAC,CAAC,CAAC;QACxH,MAAMuB,kBAAkB,GAAG,IAAAC,wBAAgB,EAACJ,MAAM,EAAEC,QAAQ,CAACf,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;;QAExE;QACA,OAAOF,UAAU,CAAC,IAAAqB,gBAAS,EAACF,kBAAkB,CAAC,EAAEjB,GAAG,EAAEC,IAAI,CAAC;MAC/D,CAAC;;MAED;MACA,OAAOH,UAAU,CAACe,YAAY,EAAEb,GAAG,CAAC;IACxC;;IAEA;IACA,OAAOF,UAAU,CAAC,IAAAqB,gBAAS,EAACpB,KAAK,CAAC,EAAEC,GAAG,CAAC;EAC5C,CAAC,CAAsC;;EAEvC;EACAL,MAAM,CAACyB,cAAc,CAACX,MAAM,EAAE,aAAa,EAAE;IACzCV,KAAK,EAAGgB,QAA0C,IAAK;MACnDpB,MAAM,CAACE,OAAO,CAACkB,QAAQ,CAAC,CAACM,OAAO,CAAC,CAAC,CAACrB,GAAG,EAAED,KAAK,CAAC,KAAKP,gBAAgB,CAAC8B,GAAG,CAACtB,GAAG,EAAED,KAAK,CAAC,CAAC;IACxF,CAAC;IACDwB,YAAY,EAAE;EAClB,CAAC,CAAC;EAEF,OAAOd,MAAM;AACjB,CAAC;AAAAe,OAAA,CAAAxC,MAAA,GAAAA,MAAA","ignoreList":[]}

package/lib/commonjs/web/index.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   StyleSheet: true,
-  getSSRUnistyles: true,
-  UnistylesRuntime: true
+  UnistylesRuntime: true,
+  UnistylesShadowRegistry: true
 };
 exports.StyleSheet = void 0;
 Object.defineProperty(exports, "UnistylesRuntime", {
@@ -15,11 +15,17 @@ Object.defineProperty(exports, "UnistylesRuntime", {
     return _runtime.UnistylesRuntime;
   }
 });
-exports.getSSRUnistyles = void 0;
+Object.defineProperty(exports, "UnistylesShadowRegistry", {
+  enumerable: true,
+  get: function () {
+    return _shadowRegistry.UnistylesShadowRegistry;
+  }
+});
 var _create = require("./create");
-var _runtime = require("./runtime");
 var _state = require("./state");
-var _utils = require("./utils");
+var _utils = require("../utils");
+var _runtime = require("./runtime");
+var _shadowRegistry = require("./shadowRegistry");
 var _mock = require("./mock");
 Object.keys(_mock).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -42,10 +48,15 @@ const StyleSheet = exports.StyleSheet = {
     right: 0,
     bottom: 0
   },
+  absoluteFillObject: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0
+  },
   compose: (a, b) => (0, _utils.deepMergeObjects)(a, b),
   flatten: (...styles) => (0, _utils.deepMergeObjects)(...styles),
   hairlineWidth: 1
 };
-const getSSRUnistyles = () => _runtime.UnistylesRuntime.getSSRUnistyles();
-exports.getSSRUnistyles = getSSRUnistyles;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/web/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_create","require","_runtime","_state","_utils","_mock","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","StyleSheet","configure","UnistylesState","init","create","absoluteFill","position","left","top","right","bottom","compose","a","b","deepMergeObjects","flatten","styles","hairlineWidth","getSSRUnistyles","UnistylesRuntime"],"sourceRoot":"../../../src","sources":["web/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAkBA,IAAAI,KAAA,GAAAJ,OAAA;AAAAK,MAAA,CAAAC,IAAA,CAAAF,KAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,KAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,KAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAhBO,MAAMS,UAAU,GAAAJ,OAAA,CAAAI,UAAA,GAAG;EACtBC,SAAS,EAAEC,qBAAc,CAACC,IAAI;EAC9BC,MAAM,EAANA,cAAM;EACNC,YAAY,EAAE;IACVC,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,OAAO,EAAEA,CAACC,CAAS,EAAEC,CAAS,KAAK,IAAAC,uBAAgB,EAACF,CAAC,EAAEC,CAAC,CAAC;EACzDE,OAAO,EAAEA,CAAC,GAAGC,MAAqB,KAAK,IAAAF,uBAAgB,EAAC,GAAGE,MAAM,CAAC;EAClEC,aAAa,EAAE;AACnB,CAAC;AAKM,MAAMC,eAAe,GAAGA,CAAA,KAAMC,yBAAgB,CAACD,eAAe,CAAC,CAAC;AAAAtB,OAAA,CAAAsB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_create","require","_state","_utils","_runtime","_shadowRegistry","_mock","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","StyleSheet","configure","UnistylesState","init","create","absoluteFill","position","left","top","right","bottom","absoluteFillObject","compose","a","b","deepMergeObjects","flatten","styles","hairlineWidth"],"sourceRoot":"../../../src","sources":["web/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAwBA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,KAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,KAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,KAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAxBO,MAAMS,UAAU,GAAAJ,OAAA,CAAAI,UAAA,GAAG;EACtBC,SAAS,EAAEC,qBAAc,CAACC,IAAI;EAC9BC,MAAM,EAANA,cAAM;EACNC,YAAY,EAAE;IACVC,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,kBAAkB,EAAE;IAChBL,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACZ,CAAC;EACDE,OAAO,EAAEA,CAACC,CAAS,EAAEC,CAAS,KAAK,IAAAC,uBAAgB,EAACF,CAAC,EAAEC,CAAC,CAAC;EACzDE,OAAO,EAAEA,CAAC,GAAGC,MAAqB,KAAK,IAAAF,uBAAgB,EAAC,GAAGE,MAAM,CAAC;EAClEC,aAAa,EAAE;AACnB,CAAC","ignoreList":[]}

package/lib/commonjs/web/listener.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesListener = void 0;
+var _NativePlatform = require("../specs/NativePlatform");
+var _runtime = require("./runtime");
+class UnistylesListenerBuilder {
+  isInitialized = false;
+  listeners = Array.from({
+    length: Object.keys(_NativePlatform.UnistyleDependency).length / 2
+  }, () => new Set());
+  stylesheetListeners = Array.from({
+    length: Object.keys(_NativePlatform.UnistyleDependency).length / 2
+  }, () => new Set());
+  emitChange = dependency => {
+    this.stylesheetListeners[dependency]?.forEach(listener => listener());
+    this.listeners[dependency]?.forEach(listener => listener());
+  };
+  initListeners = () => {
+    if (this.isInitialized) {
+      return;
+    }
+    this.isInitialized = true;
+    _runtime.UnistylesRuntime.darkMedia?.addEventListener('change', event => {
+      if (!event.matches) {
+        return;
+      }
+      this.emitChange(_NativePlatform.UnistyleDependency.ColorScheme);
+      if (_runtime.UnistylesRuntime.hasAdaptiveThemes) {
+        this.emitChange(_NativePlatform.UnistyleDependency.Theme);
+      }
+    });
+    _runtime.UnistylesRuntime.lightMedia?.addEventListener('change', event => {
+      if (!event.matches) {
+        return;
+      }
+      this.emitChange(_NativePlatform.UnistyleDependency.ColorScheme);
+      if (_runtime.UnistylesRuntime.hasAdaptiveThemes) {
+        this.emitChange(_NativePlatform.UnistyleDependency.Theme);
+      }
+    });
+    window.addEventListener('orientationchange', () => this.emitChange(_NativePlatform.UnistyleDependency.Orientation));
+    window.addEventListener('resize', () => this.emitChange(_NativePlatform.UnistyleDependency.Dimensions));
+  };
+  addListeners = (dependencies, listener) => {
+    dependencies.forEach(dependency => this.listeners[dependency]?.add(listener));
+    return () => {
+      dependencies.forEach(dependency => this.listeners[dependency]?.delete(listener));
+    };
+  };
+  addStylesheetListeners = (dependencies, listener) => {
+    dependencies.forEach(dependency => this.stylesheetListeners[dependency]?.add(listener));
+    return () => {
+      dependencies.forEach(dependency => this.stylesheetListeners[dependency]?.delete(listener));
+    };
+  };
+}
+const UnistylesListener = exports.UnistylesListener = new UnistylesListenerBuilder();
+//# sourceMappingURL=listener.js.map

package/lib/commonjs/web/listener.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_NativePlatform","require","_runtime","UnistylesListenerBuilder","isInitialized","listeners","Array","from","length","Object","keys","UnistyleDependency","Set","stylesheetListeners","emitChange","dependency","forEach","listener","initListeners","UnistylesRuntime","darkMedia","addEventListener","event","matches","ColorScheme","hasAdaptiveThemes","Theme","lightMedia","window","Orientation","Dimensions","addListeners","dependencies","add","delete","addStylesheetListeners","UnistylesListener","exports"],"sourceRoot":"../../../src","sources":["web/listener.ts"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,MAAME,wBAAwB,CAAC;EACnBC,aAAa,GAAG,KAAK;EACrBC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACC,kCAAkB,CAAC,CAACH,MAAM,GAAG;EAAE,CAAC,EAAE,MAAM,IAAII,GAAG,CAAe,CAAC,CAAC;EAC7GC,mBAAmB,GAAGP,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACC,kCAAkB,CAAC,CAACH,MAAM,GAAG;EAAE,CAAC,EAAE,MAAM,IAAII,GAAG,CAAe,CAAC,CAAC;EAE/HE,UAAU,GAAIC,UAA8B,IAAK;IAC7C,IAAI,CAACF,mBAAmB,CAACE,UAAU,CAAC,EAAEC,OAAO,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAC,CAAC;IACrE,IAAI,CAACZ,SAAS,CAACU,UAAU,CAAC,EAAEC,OAAO,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAC,CAAC;EAC/D,CAAC;EAEDC,aAAa,GAAGA,CAAA,KAAM;IAClB,IAAI,IAAI,CAACd,aAAa,EAAE;MACpB;IACJ;IAEA,IAAI,CAACA,aAAa,GAAG,IAAI;IAEzBe,yBAAgB,CAACC,SAAS,EAAEC,gBAAgB,CAAC,QAAQ,EAAEC,KAAK,IAAI;MAC5D,IAAI,CAACA,KAAK,CAACC,OAAO,EAAE;QAChB;MACJ;MAEA,IAAI,CAACT,UAAU,CAACH,kCAAkB,CAACa,WAAW,CAAC;MAE/C,IAAIL,yBAAgB,CAACM,iBAAiB,EAAE;QACpC,IAAI,CAACX,UAAU,CAACH,kCAAkB,CAACe,KAAK,CAAC;MAC7C;IACJ,CAAC,CAAC;IACFP,yBAAgB,CAACQ,UAAU,EAAEN,gBAAgB,CAAC,QAAQ,EAAEC,KAAK,IAAI;MAC7D,IAAI,CAACA,KAAK,CAACC,OAAO,EAAE;QAChB;MACJ;MAEA,IAAI,CAACT,UAAU,CAACH,kCAAkB,CAACa,WAAW,CAAC;MAE/C,IAAIL,yBAAgB,CAACM,iBAAiB,EAAE;QACpC,IAAI,CAACX,UAAU,CAACH,kCAAkB,CAACe,KAAK,CAAC;MAC7C;IACJ,CAAC,CAAC;IAEFE,MAAM,CAACP,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,IAAI,CAACP,UAAU,CAACH,kCAAkB,CAACkB,WAAW,CAAC,CAAC;IACnGD,MAAM,CAACP,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACP,UAAU,CAACH,kCAAkB,CAACmB,UAAU,CAAC,CAAC;EAC3F,CAAC;EAEDC,YAAY,GAAGA,CAACC,YAAuC,EAAEf,QAAsB,KAAK;IAChFe,YAAY,CAAChB,OAAO,CAACD,UAAU,IAAI,IAAI,CAACV,SAAS,CAACU,UAAU,CAAC,EAAEkB,GAAG,CAAChB,QAAQ,CAAC,CAAC;IAE7E,OAAO,MAAM;MACTe,YAAY,CAAChB,OAAO,CAACD,UAAU,IAAI,IAAI,CAACV,SAAS,CAACU,UAAU,CAAC,EAAEmB,MAAM,CAACjB,QAAQ,CAAC,CAAC;IACpF,CAAC;EACL,CAAC;EAEDkB,sBAAsB,GAAGA,CAACH,YAAuC,EAAEf,QAAsB,KAAK;IAC1Fe,YAAY,CAAChB,OAAO,CAACD,UAAU,IAAI,IAAI,CAACF,mBAAmB,CAACE,UAAU,CAAC,EAAEkB,GAAG,CAAChB,QAAQ,CAAC,CAAC;IAEvF,OAAO,MAAM;MACTe,YAAY,CAAChB,OAAO,CAACD,UAAU,IAAI,IAAI,CAACF,mBAAmB,CAACE,UAAU,CAAC,EAAEmB,MAAM,CAACjB,QAAQ,CAAC,CAAC;IAC9F,CAAC;EACL,CAAC;AACL;AAEO,MAAMmB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAIjC,wBAAwB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/web/mock.js

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UnistylesShadowRegistry = exports.StatusBar = exports.NavigationBar = void 0;
+exports.StatusBar = exports.NavigationBar = void 0;
 const StatusBar = exports.StatusBar = {
   width: 0,
   height: 0,
   setStyle: () => {},
   setHidden: () => {},
-  setBackgroundColor: () => {},
   equals: () => true,
   toString: () => 'StatusBar',
   __type: 'web',
@@ -19,19 +18,10 @@ const NavigationBar = exports.NavigationBar = {
   width: 0,
   height: 0,
   setHidden: () => {},
-  setBackgroundColor: () => {},
   equals: () => true,
+  dispose: () => {},
   toString: () => 'NavigationBar',
   __type: 'web',
   name: 'NavigationBar'
 };
-const UnistylesShadowRegistry = exports.UnistylesShadowRegistry = {
-  name: 'UnistylesShadowRegistry',
-  __type: 'web',
-  equals: () => true,
-  toString: () => 'UnistylesShadowRegistry',
-  dispose: () => {},
-  add: () => {},
-  remove: () => {}
-};
 //# sourceMappingURL=mock.js.map

package/lib/commonjs/web/mock.js.map

@@ -1 +1 @@
-{"version":3,"names":["StatusBar","exports","width","height","setStyle","setHidden","setBackgroundColor","equals","toString","__type","name","NavigationBar","UnistylesShadowRegistry","dispose","add","remove"],"sourceRoot":"../../../src","sources":["web/mock.ts"],"mappings":";;;;;;AAGO,MAAMA,SAAwB,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACpCE,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,kBAAkB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC5BC,MAAM,EAAEA,CAAA,KAAM,IAAI;EAClBC,QAAQ,EAAEA,CAAA,KAAM,WAAW;EAC3BC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE;AACV,CAAC;AAEM,MAAMC,aAAgC,GAAAV,OAAA,CAAAU,aAAA,GAAG;EAC5CT,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTE,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,kBAAkB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC5BC,MAAM,EAAEA,CAAA,KAAM,IAAI;EAClBC,QAAQ,EAAEA,CAAA,KAAM,eAAe;EAC/BC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE;AACV,CAAC;AAEM,MAAME,uBAAuB,GAAAX,OAAA,CAAAW,uBAAA,GAAG;EACnCF,IAAI,EAAE,yBAAyB;EAC/BD,MAAM,EAAE,KAAK;EACbF,MAAM,EAAEA,CAAA,KAAM,IAAI;EAClBC,QAAQ,EAAEA,CAAA,KAAM,yBAAyB;EACzCK,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBC,GAAG,EAAEA,CAAA,KAAM,CAAC,CAAC;EACbC,MAAM,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC","ignoreList":[]}
+{"version":3,"names":["StatusBar","exports","width","height","setStyle","setHidden","equals","toString","__type","name","NavigationBar","dispose"],"sourceRoot":"../../../src","sources":["web/mock.ts"],"mappings":";;;;;;AAGO,MAAMA,SAAwB,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACpCE,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,MAAM,EAAEA,CAAA,KAAM,IAAI;EAClBC,QAAQ,EAAEA,CAAA,KAAM,WAAW;EAC3BC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE;AACV,CAAC;AAEM,MAAMC,aAAgC,GAAAT,OAAA,CAAAS,aAAA,GAAG;EAC5CR,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTE,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,MAAM,EAAEA,CAAA,KAAM,IAAI;EAClBK,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBJ,QAAQ,EAAEA,CAAA,KAAM,eAAe;EAC/BC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE;AACV,CAAC","ignoreList":[]}

package/lib/commonjs/web/registry.js

@@ -4,33 +4,168 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UnistylesRegistry = void 0;
-var _typestyle = require("typestyle");
+var _runtime = require("./runtime");
+var _utils = require("./utils");
+var _listener = require("./listener");
 var _convert = require("./convert");
-var _state = require("./state");
 class UnistylesRegistryBuilder {
-  createStyles = (stylesheet, key) => {
-    const stylesTag = _state.UnistylesState.createTag();
-    const unistyles = (0, _typestyle.createTypeStyle)(stylesTag);
-    const typestyleStylesheet = (0, _convert.convertToTypeStyle)(stylesheet);
-    const className = unistyles.style({
-      $debugName: String(key)
-    }, typestyleStylesheet);
-    if (stylesheet._web?._css) {
-      const customClassName = Array.isArray(stylesheet._web._css) ? stylesheet._web._css.join(' ') : stylesheet._web._css;
+  stylesheets = new Map();
+  stylesCounter = new Map();
+  #styleTag = null;
+  disposeListenersMap = new Map();
+  dependenciesMap = new Map();
+  get styleTag() {
+    const tag = this.#styleTag;
+    if (!tag) {
+      const newTag = document.createElement('style');
+      newTag.id = 'unistyles-web';
+      this.#styleTag = newTag;
+      document.head.appendChild(newTag);
+      return newTag;
+    }
+    return tag;
+  }
+  getComputedStylesheet = stylesheet => {
+    if (typeof stylesheet !== 'function') {
+      return stylesheet;
+    }
+    const computedStylesheet = this.stylesheets.get(stylesheet);
+    if (computedStylesheet) {
+      return computedStylesheet;
+    }
+    const createdStylesheet = stylesheet(_runtime.UnistylesRuntime.theme, _runtime.UnistylesRuntime.miniRuntime);
+    const dependencies = Object.values(createdStylesheet).flatMap(value => (0, _utils.extractUnistyleDependencies)(value));
+    this.addDependenciesToStylesheet(stylesheet, dependencies);
+    this.stylesheets.set(stylesheet, createdStylesheet);
+    return createdStylesheet;
+  };
+  addDependenciesToStylesheet = (stylesheet, dependencies) => {
+    this.disposeListenersMap.get(stylesheet)?.();
+    const dependenciesMap = this.dependenciesMap.get(stylesheet) ?? new Set(dependencies);
+    dependencies.forEach(dependency => dependenciesMap.add(dependency));
+    const dispose = _listener.UnistylesListener.addStylesheetListeners(Array.from(dependenciesMap), () => {
+      const newComputedStylesheet = stylesheet(_runtime.UnistylesRuntime.theme, _runtime.UnistylesRuntime.miniRuntime);
+      this.stylesheets.set(stylesheet, newComputedStylesheet);
+    });
+    this.dependenciesMap.set(stylesheet, dependenciesMap);
+    this.disposeListenersMap.set(stylesheet, dispose);
+  };
+  add = value => {
+    const hash = (0, _utils.generateHash)(value);
+    const existingCounter = this.stylesCounter.get(hash);
+    if (!existingCounter || existingCounter.size === 0) {
+      const counter = new Set();
+      counter.add(value);
+      this.stylesCounter.set(hash, counter);
+      this.applyStyles(hash, (0, _convert.convertUnistyles)(value));
       return {
-        className: `${className} ${customClassName}`,
-        unistyles
+        hash,
+        existingHash: false
       };
     }
+    existingCounter.add(value);
     return {
-      className,
-      unistyles
+      hash,
+      existingHash: true
     };
   };
-  updateStyles = (unistyles, stylesheet, className) => {
-    const typestyleStylesheet = (0, _convert.convertToTypeStyle)(stylesheet);
-    unistyles.reinit();
-    unistyles.cssRule(`.${className}`, typestyleStylesheet);
+  applyStyles = (hash, styles) => {
+    Object.entries(styles).forEach(([key, value]) => {
+      if (!this.styleTag.sheet) {
+        return;
+      }
+      if (typeof value === 'object' && !key.startsWith('_')) {
+        const mediaQuery = (0, _utils.getMediaQuery)(key);
+        const cssRules = Array.from(this.styleTag.sheet.cssRules);
+        let queryRule = cssRules.find(rule => {
+          if (!(rule instanceof CSSMediaRule)) {
+            return false;
+          }
+          return rule.media.item(0)?.includes(mediaQuery);
+        }) ?? null;
+        if (!queryRule) {
+          const mediaQueryValue = (0, _utils.extractMediaQueryValue)(mediaQuery);
+          const ruleIndex = mediaQueryValue ? cssRules.reduce((acc, rule, ruleIndex) => {
+            if (!(rule instanceof CSSMediaRule)) {
+              return acc;
+            }
+            const ruleMediaQueryValue = (0, _utils.extractMediaQueryValue)(rule.conditionText);
+            if (ruleMediaQueryValue === undefined) {
+              return;
+            }
+            return ruleMediaQueryValue > mediaQueryValue ? ruleIndex : acc;
+          }, cssRules.length) : undefined;
+          queryRule = this.styleTag.sheet.cssRules.item(this.styleTag.sheet.insertRule(`@media ${mediaQuery} {.${hash} {}}`, ruleIndex));
+        }
+        if (queryRule instanceof CSSMediaRule) {
+          Object.entries(value).forEach(([mqKey, mqValue]) => {
+            this.applyRule({
+              hash,
+              key: mqKey,
+              value: mqValue,
+              sheet: queryRule
+            });
+          });
+        }
+        return;
+      }
+
+      // Pseudo
+      if (typeof value === 'object') {
+        Object.entries(value).forEach(([pseudoKey, pseudoValue]) => {
+          this.applyRule({
+            hash: `${hash}${key.replace('_', ':')}`,
+            key: pseudoKey,
+            value: pseudoValue,
+            sheet: this.styleTag.sheet
+          });
+        });
+        return;
+      }
+      this.applyRule({
+        hash,
+        key,
+        value,
+        sheet: this.styleTag.sheet
+      });
+    });
+  };
+  applyRule = ({
+    hash,
+    key,
+    value,
+    sheet
+  }) => {
+    let rule = Array.from(sheet.cssRules).find(rule => {
+      if (!(rule instanceof CSSStyleRule)) {
+        return false;
+      }
+
+      // In unistyles pseudos are prefixed with ':' but in css some of them are prefixed with '::'
+      return rule.selectorText.replace('::', ':').includes(hash);
+    }) ?? null;
+    if (!rule) {
+      rule = sheet.cssRules.item(sheet.insertRule(`.${hash} {}`));
+    }
+    if (!(rule instanceof CSSStyleRule) || !(0, _utils.keyInObject)(rule.style, key)) {
+      return;
+    }
+    rule.style[key] = value;
+  };
+  remove = value => {
+    const hash = (0, _utils.generateHash)(value);
+    const existingStyles = this.stylesCounter.get(hash);
+    if (!existingStyles) {
+      return;
+    }
+    existingStyles.delete(value);
+    if (existingStyles.size === 0) {
+      const ruleIndex = Array.from(this.styleTag.sheet?.cssRules ?? []).findIndex(rule => rule.cssText.includes(`.${hash}`));
+      if (ruleIndex === -1) {
+        return;
+      }
+      this.styleTag.sheet?.deleteRule(ruleIndex);
+    }
   };
 }
 const UnistylesRegistry = exports.UnistylesRegistry = new UnistylesRegistryBuilder();

package/lib/commonjs/web/registry.js.map

@@ -1 +1 @@
-{"version":3,"names":["_typestyle","require","_convert","_state","UnistylesRegistryBuilder","createStyles","stylesheet","key","stylesTag","UnistylesState","createTag","unistyles","createTypeStyle","typestyleStylesheet","convertToTypeStyle","className","style","$debugName","String","_web","_css","customClassName","Array","isArray","join","updateStyles","reinit","cssRule","UnistylesRegistry","exports"],"sourceRoot":"../../../src","sources":["web/registry.ts"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,MAAMG,wBAAwB,CAAC;EAC3BC,YAAY,GAAGA,CAACC,UAA2B,EAAEC,GAAoB,KAAK;IAClE,MAAMC,SAAS,GAAGC,qBAAc,CAACC,SAAS,CAAC,CAAC;IAC5C,MAAMC,SAAS,GAAG,IAAAC,0BAAe,EAACJ,SAAS,CAAC;IAC5C,MAAMK,mBAAmB,GAAG,IAAAC,2BAAkB,EAACR,UAAU,CAAC;IAE1D,MAAMS,SAAS,GAAGJ,SAAS,CAACK,KAAK,CAAC;MAC9BC,UAAU,EAAEC,MAAM,CAACX,GAAG;IAC1B,CAAC,EAAEM,mBAAmB,CAAC;IAEvB,IAAIP,UAAU,CAACa,IAAI,EAAEC,IAAI,EAAE;MACvB,MAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAACjB,UAAU,CAACa,IAAI,CAACC,IAAI,CAAC,GACrDd,UAAU,CAACa,IAAI,CAACC,IAAI,CAACI,IAAI,CAAC,GAAG,CAAC,GAC9BlB,UAAU,CAACa,IAAI,CAACC,IAAI;MAE1B,OAAO;QACHL,SAAS,EAAE,GAAGA,SAAS,IAAIM,eAAe,EAAE;QAC5CV;MACJ,CAAC;IACL;IAEA,OAAO;MACHI,SAAS;MACTJ;IACJ,CAAC;EACL,CAAC;EAEDc,YAAY,GAAGA,CAACd,SAAoB,EAAEL,UAA2B,EAAES,SAAiB,KAAK;IACrF,MAAMF,mBAAmB,GAAG,IAAAC,2BAAkB,EAACR,UAAU,CAAC;IAE1DK,SAAS,CAACe,MAAM,CAAC,CAAC;IAClBf,SAAS,CAACgB,OAAO,CAAC,IAAIZ,SAAS,EAAE,EAAEF,mBAAmB,CAAC;EAC3D,CAAC;AACL;AAEO,MAAMe,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAIxB,wBAAwB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_runtime","require","_utils","_listener","_convert","UnistylesRegistryBuilder","stylesheets","Map","stylesCounter","styleTag","disposeListenersMap","dependenciesMap","tag","newTag","document","createElement","id","head","appendChild","getComputedStylesheet","stylesheet","computedStylesheet","get","createdStylesheet","UnistylesRuntime","theme","miniRuntime","dependencies","Object","values","flatMap","value","extractUnistyleDependencies","addDependenciesToStylesheet","set","Set","forEach","dependency","add","dispose","UnistylesListener","addStylesheetListeners","Array","from","newComputedStylesheet","hash","generateHash","existingCounter","size","counter","applyStyles","convertUnistyles","existingHash","styles","entries","key","sheet","startsWith","mediaQuery","getMediaQuery","cssRules","queryRule","find","rule","CSSMediaRule","media","item","includes","mediaQueryValue","extractMediaQueryValue","ruleIndex","reduce","acc","ruleMediaQueryValue","conditionText","undefined","length","insertRule","mqKey","mqValue","applyRule","pseudoKey","pseudoValue","replace","CSSStyleRule","selectorText","keyInObject","style","remove","existingStyles","delete","findIndex","cssText","deleteRule","UnistylesRegistry","exports"],"sourceRoot":"../../../src","sources":["web/registry.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/web/runtime.js

@@ -43,11 +43,17 @@ class UnistylesRuntimeBuilder {
     }
   }
   get themeName() {
+    if (_state.UnistylesState.hasAdaptiveThemes) {
+      return (0, _utils.schemeToTheme)(this.colorScheme);
+    }
     return _state.UnistylesState.themeName;
   }
   get contentSizeCategory() {
     return _types2.WebContentSizeCategory.Unspecified;
   }
+  get breakpoints() {
+    return _state.UnistylesState.breakpoints ?? {};
+  }
   get breakpoint() {
     return _state.UnistylesState.breakpoint;
   }
@@ -58,14 +64,7 @@ class UnistylesRuntimeBuilder {
     return screen.orientation.type.includes('portrait') ? _types.Orientation.Portrait : _types.Orientation.Landscape;
   }
   get theme() {
-    if (!this.themeName) {
-      throw new Error('🦄 No theme selected!');
-    }
-    const theme = _state.UnistylesState.themes.get(this.themeName);
-    if (!theme) {
-      throw new Error(`🦄 Theme "${this.themeName}" is not registered!`);
-    }
-    return theme;
+    return this.getTheme(this.themeName);
   }
   get pixelRatio() {
     return (0, _utils.isServer)() ? 1 : window.devicePixelRatio;
@@ -112,7 +111,8 @@ class UnistylesRuntimeBuilder {
       themeName: this.themeName,
       contentSizeCategory: this.contentSizeCategory,
       breakpoint: this.breakpoint,
-      orientation: this.orientation,
+      isLandscape: this.orientation === _types.Orientation.Landscape,
+      isPortrait: this.orientation === _types.Orientation.Portrait,
       pixelRatio: this.pixelRatio,
       screen: this.screen,
       fontScale: this.fontScale,
@@ -130,6 +130,9 @@ class UnistylesRuntimeBuilder {
     };
   }
   setTheme = themeName => {
+    if (this.hasAdaptiveThemes) {
+      throw (0, _utils.error)(`You're trying to set theme to: '${themeName}', but adaptiveThemes are enabled.`);
+    }
     if (themeName === UnistylesRuntime.themeName) {
       return;
     }
@@ -144,21 +147,27 @@ class UnistylesRuntimeBuilder {
     }
     this.setTheme((0, _utils.schemeToTheme)(UnistylesRuntime.colorScheme));
   };
-  setRootViewBackgroundColor = (hex, alpha) => {
+  setRootViewBackgroundColor = color => {
     if ((0, _utils.isServer)()) {
       return;
     }
-    document.documentElement.style.backgroundColor = alpha ? (0, _utils.hexToRGBA)(hex, alpha) : hex;
+    document.documentElement.style.backgroundColor = color;
   };
   setImmersiveMode = () => {};
   updateTheme = (themeName, updater) => {
     const oldTheme = _state.UnistylesState.themes.get(themeName);
     if (!oldTheme) {
-      throw new Error(`🦄 Theme "${themeName}" is not registered!`);
+      throw (0, _utils.error)(`Unistyles: You're trying to update theme "${themeName}" but it wasn't registered.`);
     }
     _state.UnistylesState.themes.set(themeName, updater(oldTheme));
   };
-  getSSRUnistyles = () => _state.UnistylesState.tags;
+  getTheme = (themeName = this.themeName) => {
+    const theme = _state.UnistylesState.themes.get(themeName ?? '');
+    if (!themeName || !theme) {
+      throw (0, _utils.error)(`You're trying to get theme "${themeName}" but it wasn't registered.`);
+    }
+    return theme;
+  };
 }
 const UnistylesRuntime = exports.UnistylesRuntime = new UnistylesRuntimeBuilder();
 //# sourceMappingURL=runtime.js.map