react-native-unistyles 3.0.0-alpha.3 → 3.0.0-alpha.30

package/lib/module/web/registry.js

@@ -0,0 +1,181 @@
+"use strict";
+
+import { UnistylesRuntime } from './runtime';
+import { extractMediaQueryValue, keyInObject, getMediaQuery, generateHash, extractUnistyleDependencies, deepMergeObjects } from './utils';
+import { UnistylesListener } from './listener';
+import { convertUnistyles } from './convert';
+import { getVariants } from './variants';
+class UnistylesRegistryBuilder {
+  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(UnistylesRuntime.theme, UnistylesRuntime.miniRuntime);
+    const dependencies = Object.values(createdStylesheet).flatMap(value => 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 = UnistylesListener.addListeners(Array.from(dependenciesMap), () => {
+      const newComputedStylesheet = stylesheet(UnistylesRuntime.theme, UnistylesRuntime.miniRuntime);
+      this.stylesheets.set(stylesheet, newComputedStylesheet);
+    });
+    this.dependenciesMap.set(stylesheet, dependenciesMap);
+    this.disposeListenersMap.set(stylesheet, dispose);
+  };
+  add = ({
+    key,
+    value,
+    stylesheet,
+    args,
+    variants
+  }) => {
+    const hash = generateHash(value);
+    const existingCounter = this.stylesCounter.get(hash);
+    if (!existingCounter || existingCounter.size === 0) {
+      const counter = new Set();
+      const dependencies = extractUnistyleDependencies(value);
+      counter.add(value);
+      this.stylesCounter.set(hash, counter);
+      this.applyStyles(hash, convertUnistyles(value));
+      UnistylesListener.addListeners(dependencies, async () => {
+        // Move this callback to the end of the event loop
+        await Promise.resolve();
+        const newComputedStyleSheet = this.getComputedStylesheet(stylesheet);
+        const newValue = newComputedStyleSheet[key];
+        const result = typeof newValue === 'function' ? newValue(...args) : newValue;
+        const {
+          variantsResult
+        } = Object.fromEntries(getVariants({
+          variantsResult: result
+        }, variants));
+        const resultWithVariants = deepMergeObjects(result, variantsResult ?? {});
+        this.applyStyles(hash, convertUnistyles(resultWithVariants));
+      });
+      return hash;
+    }
+    existingCounter.add(value);
+    return hash;
+  };
+  applyStyles = (hash, styles) => {
+    Object.entries(styles).forEach(([key, value]) => {
+      if (!this.styleTag.sheet) {
+        return;
+      }
+      if (typeof value === 'object' && !key.startsWith('_')) {
+        const mediaQuery = 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 = extractMediaQueryValue(mediaQuery);
+          const ruleIndex = mediaQueryValue ? cssRules.reduce((acc, rule, ruleIndex) => {
+            if (!(rule instanceof CSSMediaRule)) {
+              return acc;
+            }
+            const ruleMediaQueryValue = 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) || !keyInObject(rule.style, key)) {
+      return;
+    }
+    rule.style[key] = value;
+  };
+  remove = value => {
+    const hash = 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}`));
+      this.styleTag.sheet?.deleteRule(ruleIndex);
+    }
+  };
+}
+export const UnistylesRegistry = new UnistylesRegistryBuilder();
+//# sourceMappingURL=registry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["UnistylesRuntime","extractMediaQueryValue","keyInObject","getMediaQuery","generateHash","extractUnistyleDependencies","deepMergeObjects","UnistylesListener","convertUnistyles","getVariants","UnistylesRegistryBuilder","stylesheets","Map","stylesCounter","styleTag","disposeListenersMap","dependenciesMap","tag","newTag","document","createElement","id","head","appendChild","getComputedStylesheet","stylesheet","computedStylesheet","get","createdStylesheet","theme","miniRuntime","dependencies","Object","values","flatMap","value","addDependenciesToStylesheet","set","Set","forEach","dependency","add","dispose","addListeners","Array","from","newComputedStylesheet","key","args","variants","hash","existingCounter","size","counter","applyStyles","Promise","resolve","newComputedStyleSheet","newValue","result","variantsResult","fromEntries","resultWithVariants","styles","entries","sheet","startsWith","mediaQuery","cssRules","queryRule","find","rule","CSSMediaRule","media","item","includes","mediaQueryValue","ruleIndex","reduce","acc","ruleMediaQueryValue","conditionText","undefined","length","insertRule","mqKey","mqValue","applyRule","pseudoKey","pseudoValue","replace","CSSStyleRule","selectorText","style","remove","existingStyles","delete","findIndex","cssText","deleteRule","UnistylesRegistry"],"sourceRoot":"../../../src","sources":["web/registry.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/runtime.js

@@ -0,0 +1,163 @@
+"use strict";
+
+import { UnistyleDependency } from '../specs/NativePlatform';
+import { ColorScheme, Orientation } from '../specs/types';
+import { WebContentSizeCategory } from '../types';
+import { UnistylesListener } from './listener';
+import { NavigationBar, StatusBar } from './mock';
+import { UnistylesState } from './state';
+import { hexToRGBA, isServer, schemeToTheme } from './utils';
+class UnistylesRuntimeBuilder {
+  lightMedia = this.getLightMedia();
+  darkMedia = this.getDarkMedia();
+  getLightMedia() {
+    if (isServer()) {
+      return null;
+    }
+    if (!this.lightMedia) {
+      this.lightMedia = window.matchMedia('(prefers-color-scheme: light)');
+    }
+    return this.lightMedia;
+  }
+  getDarkMedia() {
+    if (isServer()) {
+      return null;
+    }
+    if (!this.darkMedia) {
+      this.darkMedia = window.matchMedia('(prefers-color-scheme: dark)');
+    }
+    return this.darkMedia;
+  }
+  get colorScheme() {
+    switch (true) {
+      case this.getLightMedia()?.matches:
+        return ColorScheme.Light;
+      case this.getDarkMedia()?.matches:
+        return ColorScheme.Dark;
+      default:
+        return ColorScheme.Unspecified;
+    }
+  }
+  get themeName() {
+    return UnistylesState.themeName;
+  }
+  get contentSizeCategory() {
+    return WebContentSizeCategory.Unspecified;
+  }
+  get breakpoint() {
+    return UnistylesState.breakpoint;
+  }
+  get orientation() {
+    if (isServer()) {
+      return Orientation.Portrait;
+    }
+    return screen.orientation.type.includes('portrait') ? Orientation.Portrait : Orientation.Landscape;
+  }
+  get theme() {
+    return this.getTheme(this.themeName);
+  }
+  get pixelRatio() {
+    return isServer() ? 1 : window.devicePixelRatio;
+  }
+  get screen() {
+    if (isServer()) {
+      return {
+        width: 0,
+        height: 0
+      };
+    }
+    return {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+  }
+  get fontScale() {
+    return 1;
+  }
+  get insets() {
+    return {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      ime: 0
+    };
+  }
+  get statusBar() {
+    return StatusBar;
+  }
+  get rtl() {
+    return isServer() ? true : document.documentElement.dir === 'rtl';
+  }
+  get hasAdaptiveThemes() {
+    return UnistylesState.hasAdaptiveThemes;
+  }
+  get navigationBar() {
+    return NavigationBar;
+  }
+  get miniRuntime() {
+    return {
+      colorScheme: this.colorScheme,
+      themeName: this.themeName,
+      contentSizeCategory: this.contentSizeCategory,
+      breakpoint: this.breakpoint,
+      isLandscape: this.orientation === Orientation.Landscape,
+      isPortrait: this.orientation === Orientation.Portrait,
+      pixelRatio: this.pixelRatio,
+      screen: this.screen,
+      fontScale: this.fontScale,
+      insets: this.insets,
+      statusBar: {
+        width: this.statusBar.width,
+        height: this.statusBar.height
+      },
+      navigationBar: {
+        width: this.navigationBar.width,
+        height: this.navigationBar.height
+      },
+      rtl: this.rtl,
+      hasAdaptiveThemes: this.hasAdaptiveThemes
+    };
+  }
+  setTheme = themeName => {
+    if (themeName === UnistylesRuntime.themeName) {
+      return;
+    }
+    UnistylesState.themeName = themeName;
+    UnistylesListener.emitChange(UnistyleDependency.Theme);
+    UnistylesListener.emitChange(UnistyleDependency.ThemeName);
+  };
+  setAdaptiveThemes = isEnabled => {
+    UnistylesState.hasAdaptiveThemes = isEnabled;
+    if (!isEnabled) {
+      return;
+    }
+    this.setTheme(schemeToTheme(UnistylesRuntime.colorScheme));
+  };
+  setRootViewBackgroundColor = (hex, alpha) => {
+    if (isServer()) {
+      return;
+    }
+    document.documentElement.style.backgroundColor = alpha ? hexToRGBA(hex, alpha) : hex;
+  };
+  setImmersiveMode = () => {};
+  updateTheme = (themeName, updater) => {
+    const oldTheme = UnistylesState.themes.get(themeName);
+    if (!oldTheme) {
+      throw new Error(`🦄 Theme "${themeName}" is not registered!`);
+    }
+    UnistylesState.themes.set(themeName, updater(oldTheme));
+  };
+  getTheme = (themeName = this.themeName) => {
+    if (!themeName) {
+      throw new Error('🦄 No theme selected!');
+    }
+    const theme = UnistylesState.themes.get(themeName);
+    if (!theme) {
+      throw new Error(`🦄 Theme "${this.themeName}" is not registered!`);
+    }
+    return theme;
+  };
+}
+export const UnistylesRuntime = new UnistylesRuntimeBuilder();
+//# sourceMappingURL=runtime.js.map

package/lib/module/web/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UnistyleDependency","ColorScheme","Orientation","WebContentSizeCategory","UnistylesListener","NavigationBar","StatusBar","UnistylesState","hexToRGBA","isServer","schemeToTheme","UnistylesRuntimeBuilder","lightMedia","getLightMedia","darkMedia","getDarkMedia","window","matchMedia","colorScheme","matches","Light","Dark","Unspecified","themeName","contentSizeCategory","breakpoint","orientation","Portrait","screen","type","includes","Landscape","theme","getTheme","pixelRatio","devicePixelRatio","width","height","innerWidth","innerHeight","fontScale","insets","top","bottom","left","right","ime","statusBar","rtl","document","documentElement","dir","hasAdaptiveThemes","navigationBar","miniRuntime","isLandscape","isPortrait","setTheme","UnistylesRuntime","emitChange","Theme","ThemeName","setAdaptiveThemes","isEnabled","setRootViewBackgroundColor","hex","alpha","style","backgroundColor","setImmersiveMode","updateTheme","updater","oldTheme","themes","get","Error","set"],"sourceRoot":"../../../src","sources":["web/runtime.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,WAAW,EAAEC,WAAW,QAA0C,gBAAgB;AAE3F,SAASC,sBAAsB,QAAQ,UAAU;AACjD,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,aAAa,EAAEC,SAAS,QAAQ,QAAQ;AACjD,SAASC,cAAc,QAAQ,SAAS;AACxC,SAASC,SAAS,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,SAAS;AAE5D,MAAMC,uBAAuB,CAAC;EAC1BC,UAAU,GAAG,IAAI,CAACC,aAAa,CAAC,CAAC;EACjCC,SAAS,GAAG,IAAI,CAACC,YAAY,CAAC,CAAC;EAEvBF,aAAaA,CAAA,EAA0B;IAC3C,IAAIJ,QAAQ,CAAC,CAAC,EAAE;MACZ,OAAO,IAAI;IACf;IAEA,IAAI,CAAC,IAAI,CAACG,UAAU,EAAE;MAClB,IAAI,CAACA,UAAU,GAAGI,MAAM,CAACC,UAAU,CAAC,+BAA+B,CAAC;IACxE;IAEA,OAAO,IAAI,CAACL,UAAU;EAC1B;EAEQG,YAAYA,CAAA,EAA0B;IAC1C,IAAIN,QAAQ,CAAC,CAAC,EAAE;MACZ,OAAO,IAAI;IACf;IAEA,IAAI,CAAC,IAAI,CAACK,SAAS,EAAE;MACjB,IAAI,CAACA,SAAS,GAAGE,MAAM,CAACC,UAAU,CAAC,8BAA8B,CAAC;IACtE;IAEA,OAAO,IAAI,CAACH,SAAS;EACzB;EAEA,IAAII,WAAWA,CAAA,EAAG;IACd,QAAQ,IAAI;MACR,KAAK,IAAI,CAACL,aAAa,CAAC,CAAC,EAAEM,OAAO;QAC9B,OAAOlB,WAAW,CAACmB,KAAK;MAC5B,KAAK,IAAI,CAACL,YAAY,CAAC,CAAC,EAAEI,OAAO;QAC7B,OAAOlB,WAAW,CAACoB,IAAI;MAC3B;QACI,OAAOpB,WAAW,CAACqB,WAAW;IACtC;EACJ;EAEA,IAAIC,SAASA,CAAA,EAAG;IACZ,OAAOhB,cAAc,CAACgB,SAAS;EACnC;EAEA,IAAIC,mBAAmBA,CAAA,EAAG;IACtB,OAAOrB,sBAAsB,CAACmB,WAAW;EAC7C;EAEA,IAAIG,UAAUA,CAAA,EAAG;IACb,OAAOlB,cAAc,CAACkB,UAAU;EACpC;EAEA,IAAIC,WAAWA,CAAA,EAAG;IACd,IAAIjB,QAAQ,CAAC,CAAC,EAAE;MACZ,OAAOP,WAAW,CAACyB,QAAQ;IAC/B;IAEA,OAAOC,MAAM,CAACF,WAAW,CAACG,IAAI,CAACC,QAAQ,CAAC,UAAU,CAAC,GAAG5B,WAAW,CAACyB,QAAQ,GAAGzB,WAAW,CAAC6B,SAAS;EACtG;EAEA,IAAIC,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACC,QAAQ,CAAC,IAAI,CAACV,SAAS,CAAC;EACxC;EAEA,IAAIW,UAAUA,CAAA,EAAG;IACb,OAAOzB,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAGO,MAAM,CAACmB,gBAAgB;EACnD;EAEA,IAAIP,MAAMA,CAAA,EAAG;IACT,IAAInB,QAAQ,CAAC,CAAC,EAAE;MACZ,OAAO;QACH2B,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACZ,CAAC;IACL;IAEA,OAAO;MACHD,KAAK,EAAEpB,MAAM,CAACsB,UAAU;MACxBD,MAAM,EAAErB,MAAM,CAACuB;IACnB,CAAC;EACL;EAEA,IAAIC,SAASA,CAAA,EAAG;IACZ,OAAO,CAAC;EACZ;EAEA,IAAIC,MAAMA,CAAA,EAAG;IACT,OAAO;MACHC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,GAAG,EAAE;IACT,CAAC;EACL;EAEA,IAAIC,SAASA,CAAA,EAAG;IACZ,OAAOzC,SAAS;EACpB;EAEA,IAAI0C,GAAGA,CAAA,EAAG;IACN,OAAOvC,QAAQ,CAAC,CAAC,GAAG,IAAI,GAAGwC,QAAQ,CAACC,eAAe,CAACC,GAAG,KAAK,KAAK;EACrE;EAEA,IAAIC,iBAAiBA,CAAA,EAAG;IACpB,OAAO7C,cAAc,CAAC6C,iBAAiB;EAC3C;EAEA,IAAIC,aAAaA,CAAA,EAAG;IAChB,OAAOhD,aAAa;EACxB;EAEA,IAAIiD,WAAWA,CAAA,EAAyB;IACpC,OAAO;MACHpC,WAAW,EAAE,IAAI,CAACA,WAAW;MAC7BK,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBC,mBAAmB,EAAE,IAAI,CAACA,mBAAmB;MAC7CC,UAAU,EAAE,IAAI,CAACA,UAAU;MAC3B8B,WAAW,EAAE,IAAI,CAAC7B,WAAW,KAAKxB,WAAW,CAAC6B,SAAS;MACvDyB,UAAU,EAAE,IAAI,CAAC9B,WAAW,KAAKxB,WAAW,CAACyB,QAAQ;MACrDO,UAAU,EAAE,IAAI,CAACA,UAAU;MAC3BN,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBY,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBC,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBM,SAAS,EAAE;QACPX,KAAK,EAAE,IAAI,CAACW,SAAS,CAACX,KAAK;QAC3BC,MAAM,EAAE,IAAI,CAACU,SAAS,CAACV;MAC3B,CAAC;MACDgB,aAAa,EAAE;QACXjB,KAAK,EAAE,IAAI,CAACiB,aAAa,CAACjB,KAAK;QAC/BC,MAAM,EAAE,IAAI,CAACgB,aAAa,CAAChB;MAC/B,CAAC;MACDW,GAAG,EAAE,IAAI,CAACA,GAAG;MACbI,iBAAiB,EAAE,IAAI,CAACA;IAC5B,CAAC;EACL;EAEAK,QAAQ,GAAIlC,SAAuB,IAAK;IACpC,IAAIA,SAAS,KAAKmC,gBAAgB,CAACnC,SAAS,EAAE;MAC1C;IACJ;IAEAhB,cAAc,CAACgB,SAAS,GAAGA,SAAS;IACpCnB,iBAAiB,CAACuD,UAAU,CAAC3D,kBAAkB,CAAC4D,KAAK,CAAC;IACtDxD,iBAAiB,CAACuD,UAAU,CAAC3D,kBAAkB,CAAC6D,SAAS,CAAC;EAC9D,CAAC;EAEDC,iBAAiB,GAAIC,SAAkB,IAAK;IACxCxD,cAAc,CAAC6C,iBAAiB,GAAGW,SAAS;IAE5C,IAAI,CAACA,SAAS,EAAE;MACZ;IACJ;IAEA,IAAI,CAACN,QAAQ,CAAC/C,aAAa,CAACgD,gBAAgB,CAACxC,WAAW,CAAiB,CAAC;EAC9E,CAAC;EAED8C,0BAA0B,GAAGA,CAACC,GAAW,EAAEC,KAAc,KAAK;IAC1D,IAAIzD,QAAQ,CAAC,CAAC,EAAE;MACZ;IACJ;IAEAwC,QAAQ,CAACC,eAAe,CAACiB,KAAK,CAACC,eAAe,GAAGF,KAAK,GAAG1D,SAAS,CAACyD,GAAG,EAAEC,KAAK,CAAC,GAAGD,GAAG;EACxF,CAAC;EAEDI,gBAAgB,GAAGA,CAAA,KAAM,CAAC,CAAC;EAE3BC,WAAW,GAAGA,CAAC/C,SAAuB,EAAEgD,OAA6C,KAAK;IACtF,MAAMC,QAAQ,GAAGjE,cAAc,CAACkE,MAAM,CAACC,GAAG,CAACnD,SAAS,CAAC;IAErD,IAAI,CAACiD,QAAQ,EAAE;MACX,MAAM,IAAIG,KAAK,CAAC,aAAapD,SAAS,sBAAsB,CAAC;IACjE;IAEAhB,cAAc,CAACkE,MAAM,CAACG,GAAG,CAACrD,SAAS,EAAEgD,OAAO,CAACC,QAAQ,CAAC,CAAC;EAC3D,CAAC;EAEDvC,QAAQ,GAAGA,CAACV,SAAS,GAAG,IAAI,CAACA,SAAS,KAAK;IACvC,IAAI,CAACA,SAAS,EAAE;MACZ,MAAM,IAAIoD,KAAK,CAAC,uBAAuB,CAAC;IAC5C;IAEA,MAAM3C,KAAK,GAAGzB,cAAc,CAACkE,MAAM,CAACC,GAAG,CAACnD,SAAS,CAAC;IAElD,IAAI,CAACS,KAAK,EAAE;MACR,MAAM,IAAI2C,KAAK,CAAC,aAAa,IAAI,CAACpD,SAAS,sBAAsB,CAAC;IACtE;IAEA,OAAOS,KAAK;EAChB,CAAC;AACL;AAEA,OAAO,MAAM0B,gBAAgB,GAAG,IAAI/C,uBAAuB,CAAC,CAAC","ignoreList":[]}

package/lib/module/web/shadowRegistry.js

@@ -0,0 +1,118 @@
+"use strict";
+
+import { UnistylesRegistry } from './registry';
+import { createDoubleMap, deepMergeObjects, equal, extractSecrets, extractUnistyleDependencies, isInDocument } from './utils';
+import { getVariants } from './variants';
+class UnistylesShadowRegistryBuilder {
+  // MOCKS
+  name = 'UnistylesShadowRegistry';
+  __type = 'web';
+  equals = () => true;
+  toString = () => 'UnistylesShadowRegistry';
+  dispose = () => {};
+  // END MOCKS
+
+  resultsMap = createDoubleMap();
+  classNamesMap = createDoubleMap();
+  add = (ref, _style, _variants, _args) => {
+    // Style is not provided
+    if (!_style) {
+      return;
+    }
+
+    // Array of styles
+    if (Array.isArray(_style)) {
+      _style.forEach(style => this.add(ref, style, _variants, _args));
+      return;
+    }
+
+    // Not a unistyle
+    if (!Object.keys(_style).some(key => key.startsWith('__uni__'))) {
+      return;
+    }
+
+    // Ref is unmounted, remove style tags from the document
+    if (ref === null) {
+      const secrets = extractSecrets(_style);
+      secrets.forEach(({
+        __uni__refs,
+        __uni__key
+      }) => {
+        __uni__refs.forEach(ref => {
+          if (isInDocument(ref)) {
+            return;
+          }
+          const oldResult = this.resultsMap.get(ref, __uni__key);
+          this.resultsMap.delete(ref, __uni__key);
+          this.classNamesMap.delete(ref, __uni__key);
+          if (oldResult) {
+            UnistylesRegistry.remove(oldResult);
+          }
+        });
+      });
+      return;
+    }
+
+    // Ref is not an HTMLElement
+    if (!(ref instanceof HTMLElement)) {
+      return;
+    }
+    extractSecrets(_style).forEach(secret => {
+      const {
+        __uni__key,
+        __uni__stylesheet,
+        __uni__variants,
+        __uni__args = [],
+        __uni__refs
+      } = secret;
+      const newComputedStylesheet = UnistylesRegistry.getComputedStylesheet(__uni__stylesheet);
+      const style = newComputedStylesheet[__uni__key];
+      const args = _args ?? __uni__args;
+      const variants = _variants && Object.keys(_variants).length > 0 ? _variants : __uni__variants;
+      const result = typeof style === 'function' ? style(...args) : style;
+      const {
+        variantsResult
+      } = Object.fromEntries(getVariants({
+        variantsResult: result
+      }, variants));
+      const resultWithVariants = deepMergeObjects(result, variantsResult ?? {});
+      const oldResult = this.resultsMap.get(ref, __uni__key);
+
+      // If results are the same do nothing
+      if (equal(oldResult, resultWithVariants)) {
+        return;
+      }
+      const oldClassNames = this.classNamesMap.get(ref, __uni__key);
+
+      // Remove old styles
+      if (oldResult) {
+        UnistylesRegistry.remove(oldResult);
+      }
+
+      // Remove old classnames from the ref
+      oldClassNames?.forEach(className => ref.classList.remove(className));
+      this.resultsMap.set(ref, __uni__key, resultWithVariants);
+      const className = UnistylesRegistry.add({
+        key: __uni__key,
+        args,
+        stylesheet: __uni__stylesheet,
+        value: resultWithVariants,
+        variants
+      });
+      const injectedClassNames = resultWithVariants?._web?._classNames ?? [];
+      const newClassNames = injectedClassNames.concat(className);
+      const dependencies = extractUnistyleDependencies(resultWithVariants);
+      if (typeof __uni__stylesheet === 'function') {
+        // Add dependencies from dynamic styles to stylesheet
+        UnistylesRegistry.addDependenciesToStylesheet(__uni__stylesheet, dependencies);
+      }
+      __uni__refs.add(ref);
+      this.classNamesMap.set(ref, __uni__key, newClassNames);
+      // Add new classnames to the ref
+      ref.classList.add(...newClassNames);
+    });
+  };
+  remove = () => {};
+}
+export const UnistylesShadowRegistry = new UnistylesShadowRegistryBuilder();
+//# sourceMappingURL=shadowRegistry.js.map

package/lib/module/web/shadowRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UnistylesRegistry","createDoubleMap","deepMergeObjects","equal","extractSecrets","extractUnistyleDependencies","isInDocument","getVariants","UnistylesShadowRegistryBuilder","name","__type","equals","toString","dispose","resultsMap","classNamesMap","add","ref","_style","_variants","_args","Array","isArray","forEach","style","Object","keys","some","key","startsWith","secrets","__uni__refs","__uni__key","oldResult","get","delete","remove","HTMLElement","secret","__uni__stylesheet","__uni__variants","__uni__args","newComputedStylesheet","getComputedStylesheet","args","variants","length","result","variantsResult","fromEntries","resultWithVariants","oldClassNames","className","classList","set","stylesheet","value","injectedClassNames","_web","_classNames","newClassNames","concat","dependencies","addDependenciesToStylesheet","UnistylesShadowRegistry"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":";;AACA,SAASA,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,eAAe,EAAEC,gBAAgB,EAAEC,KAAK,EAAEC,cAAc,EAAEC,2BAA2B,EAAEC,YAAY,QAAQ,SAAS;AAC7H,SAASC,WAAW,QAAQ,YAAY;AAIxC,MAAMC,8BAA8B,CAAC;EACjC;EACAC,IAAI,GAAG,yBAAyB;EAChCC,MAAM,GAAG,KAAK;EACdC,MAAM,GAAGA,CAAA,KAAM,IAAI;EACnBC,QAAQ,GAAGA,CAAA,KAAM,yBAAyB;EAC1CC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClB;;EAEQC,UAAU,GAAGb,eAAe,CAAuC,CAAC;EACpEc,aAAa,GAAGd,eAAe,CAAqC,CAAC;EAE7Ee,GAAG,GAAGA,CAACC,GAAQ,EAAEC,MAA6B,EAAEC,SAA+B,EAAEC,KAAkB,KAAK;IACpG;IACA,IAAI,CAACF,MAAM,EAAE;MACT;IACJ;;IAEA;IACA,IAAIG,KAAK,CAACC,OAAO,CAACJ,MAAM,CAAC,EAAE;MACvBA,MAAM,CAACK,OAAO,CAACC,KAAK,IAAI,IAAI,CAACR,GAAG,CAACC,GAAG,EAAEO,KAAK,EAAEL,SAAS,EAAEC,KAAK,CAAC,CAAC;MAE/D;IACJ;;IAEA;IACA,IAAI,CAACK,MAAM,CAACC,IAAI,CAACR,MAAM,CAAC,CAACS,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE;MAC7D;IACJ;;IAEA;IACA,IAAIZ,GAAG,KAAK,IAAI,EAAE;MACd,MAAMa,OAAO,GAAG1B,cAAc,CAACc,MAAM,CAAC;MAEtCY,OAAO,CAACP,OAAO,CAAC,CAAC;QAAEQ,WAAW;QAAEC;MAAW,CAAC,KAAK;QAC7CD,WAAW,CAACR,OAAO,CAACN,GAAG,IAAI;UACvB,IAAIX,YAAY,CAACW,GAAG,CAAC,EAAE;YACnB;UACJ;UAEA,MAAMgB,SAAS,GAAG,IAAI,CAACnB,UAAU,CAACoB,GAAG,CAACjB,GAAG,EAAEe,UAAU,CAAC;UACtD,IAAI,CAAClB,UAAU,CAACqB,MAAM,CAAClB,GAAG,EAAEe,UAAU,CAAC;UACvC,IAAI,CAACjB,aAAa,CAACoB,MAAM,CAAClB,GAAG,EAAEe,UAAU,CAAC;UAE1C,IAAIC,SAAS,EAAE;YACXjC,iBAAiB,CAACoC,MAAM,CAACH,SAAS,CAAC;UACvC;QACJ,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;;IAEA;IACA,IAAI,EAAEhB,GAAG,YAAYoB,WAAW,CAAC,EAAE;MAC/B;IACJ;IAEAjC,cAAc,CAACc,MAAM,CAAC,CAACK,OAAO,CAACe,MAAM,IAAI;MACrC,MAAM;QAAEN,UAAU;QAAEO,iBAAiB;QAAEC,eAAe;QAAEC,WAAW,GAAG,EAAE;QAAEV;MAAY,CAAC,GAAGO,MAAM;MAChG,MAAMI,qBAAqB,GAAG1C,iBAAiB,CAAC2C,qBAAqB,CAACJ,iBAAiB,CAAC;MACxF,MAAMf,KAAK,GAAGkB,qBAAqB,CAACV,UAAU,CAAE;MAChD,MAAMY,IAAI,GAAGxB,KAAK,IAAIqB,WAAW;MACjC,MAAMI,QAAQ,GAAG1B,SAAS,IAAIM,MAAM,CAACC,IAAI,CAACP,SAAS,CAAC,CAAC2B,MAAM,GAAG,CAAC,GAAG3B,SAAS,GAAGqB,eAAe;MAC7F,MAAMO,MAAM,GAAG,OAAOvB,KAAK,KAAK,UAAU,GACpCA,KAAK,CAAC,GAAGoB,IAAI,CAAC,GACdpB,KAAK;MACX,MAAM;QAAEwB;MAAe,CAAC,GAAGvB,MAAM,CAACwB,WAAW,CAAC1C,WAAW,CAAC;QAAEyC,cAAc,EAAED;MAAO,CAAC,EAAEF,QAAQ,CAAC,CAAC;MAChG,MAAMK,kBAAkB,GAAGhD,gBAAgB,CAAC6C,MAAM,EAAEC,cAAc,IAAI,CAAC,CAAC,CAAC;MACzE,MAAMf,SAAS,GAAG,IAAI,CAACnB,UAAU,CAACoB,GAAG,CAACjB,GAAG,EAAEe,UAAU,CAAC;;MAEtD;MACA,IAAI7B,KAAK,CAAC8B,SAAS,EAAEiB,kBAAkB,CAAC,EAAE;QACtC;MACJ;MAEA,MAAMC,aAAa,GAAG,IAAI,CAACpC,aAAa,CAACmB,GAAG,CAACjB,GAAG,EAAEe,UAAU,CAAC;;MAE7D;MACA,IAAIC,SAAS,EAAE;QACXjC,iBAAiB,CAACoC,MAAM,CAACH,SAAS,CAAC;MACvC;;MAEA;MACAkB,aAAa,EAAE5B,OAAO,CAAC6B,SAAS,IAAInC,GAAG,CAACoC,SAAS,CAACjB,MAAM,CAACgB,SAAS,CAAC,CAAC;MACpE,IAAI,CAACtC,UAAU,CAACwC,GAAG,CAACrC,GAAG,EAAEe,UAAU,EAAEkB,kBAAkB,CAAC;MAExD,MAAME,SAAS,GAAGpD,iBAAiB,CAACgB,GAAG,CAAC;QACpCY,GAAG,EAAEI,UAAU;QACfY,IAAI;QACJW,UAAU,EAAEhB,iBAAiB;QAC7BiB,KAAK,EAAEN,kBAAkB;QACzBL;MACJ,CAAC,CAAC;MACF,MAAMY,kBAAiC,GAAGP,kBAAkB,EAAEQ,IAAI,EAAEC,WAAW,IAAI,EAAE;MACrF,MAAMC,aAAa,GAAGH,kBAAkB,CAACI,MAAM,CAACT,SAAS,CAAC;MAC1D,MAAMU,YAAY,GAAGzD,2BAA2B,CAAC6C,kBAAkB,CAAC;MAEpE,IAAI,OAAOX,iBAAiB,KAAK,UAAU,EAAE;QACzC;QACAvC,iBAAiB,CAAC+D,2BAA2B,CAACxB,iBAAiB,EAAEuB,YAAY,CAAC;MAClF;MAEA/B,WAAW,CAACf,GAAG,CAACC,GAAG,CAAC;MACpB,IAAI,CAACF,aAAa,CAACuC,GAAG,CAACrC,GAAG,EAAEe,UAAU,EAAE4B,aAAa,CAAC;MACtD;MACA3C,GAAG,CAACoC,SAAS,CAACrC,GAAG,CAAC,GAAG4C,aAAa,CAAC;IACvC,CAAC,CAAC;EACN,CAAC;EAEDxB,MAAM,GAAGA,CAAA,KAAM,CAAC,CAAC;AACrB;AAEA,OAAO,MAAM4B,uBAAuB,GAAG,IAAIxD,8BAA8B,CAAC,CAAC","ignoreList":[]}

package/lib/module/web/state.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import { UnistylesRuntime } from './runtime';
+import { isServer, schemeToTheme } from './utils';
+import { UnistylesListener } from './listener';
+import { UnistyleDependency } from '../specs/NativePlatform';
+class UnistylesStateBuilder {
+  themes = new Map();
+  matchingBreakpoints = new Map();
+  get breakpoint() {
+    const [currentBreakpoint] = Array.from(this.matchingBreakpoints).reverse().find(([_key, value]) => value) ?? [];
+    return currentBreakpoint;
+  }
+  hasAdaptiveThemes = false;
+  init = config => {
+    this.initThemes(config.themes);
+    this.initBreakpoints(config.breakpoints);
+    this.initSettings(config.settings);
+    if (isServer()) {
+      return;
+    }
+    UnistylesListener.initListeners();
+  };
+  initThemes = (themes = {}) => {
+    Object.entries(themes).forEach(([themeName, theme]) => {
+      this.themes.set(themeName, theme);
+    });
+  };
+  initSettings = settings => {
+    this.hasAdaptiveThemes = settings?.adaptiveThemes ?? false;
+    const themeNames = Array.from(this.themes.keys());
+    // Single theme + no settings
+    if (!settings?.adaptiveThemes && !settings?.initialTheme && themeNames.length === 1) {
+      this.themeName = themeNames[0];
+      return;
+    }
+    // No settings
+    if (!settings?.adaptiveThemes && !settings?.initialTheme) {
+      throw new Error('🦄 You need to specify either "initialTheme" or "adaptiveThemes" in your config');
+    }
+    // Adaptive themes
+    if (settings.adaptiveThemes) {
+      this.themeName = schemeToTheme(UnistylesRuntime.colorScheme);
+      return;
+    }
+    // Initial theme
+    this.themeName = typeof settings.initialTheme === 'function' ? settings.initialTheme() : settings.initialTheme;
+  };
+  initBreakpoints = (breakpoints = {}) => {
+    this.breakpoints = breakpoints;
+    Object.entries(breakpoints).sort(([, a], [, b]) => a - b).forEach(([breakpoint, value]) => {
+      if (isServer()) {
+        return;
+      }
+      const mediaQuery = window.matchMedia(`(min-width: ${value}px)`);
+      this.matchingBreakpoints.set(breakpoint, mediaQuery.matches);
+      mediaQuery.addEventListener('change', event => {
+        this.matchingBreakpoints.set(breakpoint, event.matches);
+        UnistylesListener.emitChange(UnistyleDependency.Breakpoints);
+      });
+    });
+  };
+}
+export const UnistylesState = new UnistylesStateBuilder();
+//# sourceMappingURL=state.js.map.map

package/lib/module/web/state.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["UnistylesRuntime","isServer","schemeToTheme","UnistylesListener","UnistyleDependency","UnistylesStateBuilder","themes","Map","matchingBreakpoints","breakpoint","currentBreakpoint","Array","from","reverse","find","_key","value","hasAdaptiveThemes","init","config","initThemes","initBreakpoints","breakpoints","initSettings","settings","initListeners","Object","entries","forEach","themeName","theme","set","adaptiveThemes","themeNames","keys","initialTheme","length","Error","colorScheme","sort","a","b","mediaQuery","window","matchMedia","matches","addEventListener","event","emitChange","Breakpoints","UnistylesState"],"sourceRoot":"../../../src","sources":["web/state.js"],"mappings":"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","ignoreList":[]}
+noreList":[]}

package/lib/module/web/utils/common.js

@@ -0,0 +1,80 @@
+"use strict";
+
+export const reduceObject = (obj, reducer) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, reducer(value, key)]));
+export const keyInObject = (obj, key) => key in obj;
+export const isServer = () => typeof window === 'undefined';
+
+/**
+* Deeply merges properties of passed object
+*/
+export const deepMergeObjects = (...sources) => {
+  const target = {};
+  sources.forEach(source => {
+    Object.keys(source).forEach(key => {
+      const sourceValue = source[key];
+      const targetValue = target[key];
+      if (Object(sourceValue) == sourceValue && Object(targetValue) === targetValue) {
+        // @ts-expect-error - can't assign to generic
+        target[key] = deepMergeObjects(targetValue, sourceValue);
+        return;
+      }
+
+      // @ts-expect-error - can't assign to generic
+      target[key] = sourceValue;
+    });
+  });
+  return target;
+};
+export const warn = message => console.warn(`🦄 [react-native-unistyles] ${message}`);
+export const equal = (a, b) => {
+  if (Object.is(a, b)) {
+    return true;
+  }
+  if (typeof a !== 'object' || a === null || typeof b !== 'object' || b === null) {
+    return false;
+  }
+  const keysA = Object.keys(a);
+  if (keysA.length !== Object.keys(b).length) {
+    return false;
+  }
+  return keysA.every(key => Object.is(a[key], b[key]) && Object.prototype.hasOwnProperty.call(b, key));
+};
+export const generateHash = value => {
+  const str = JSON.stringify(value);
+  let hasher = 5381;
+  let length = str.length;
+  while (length--) hasher = hasher * 33 ^ str.charCodeAt(length);
+  return `unistyles-${(hasher >>> 0).toString(36)}`;
+};
+export const createDoubleMap = () => {
+  const map = new Map();
+  return {
+    get: (key, secondKey) => {
+      const mapForKey = map.get(key);
+      if (!mapForKey) {
+        return undefined;
+      }
+      return mapForKey.get(secondKey);
+    },
+    set: (key, secondKey, value) => {
+      const mapForKey = map.get(key) ?? new Map();
+      map.set(key, mapForKey);
+      mapForKey.set(secondKey, value);
+    },
+    delete: (key, secondKey) => {
+      const mapForKey = map.get(key);
+      if (!mapForKey) {
+        return;
+      }
+      mapForKey.delete(secondKey);
+    },
+    forEach: callback => {
+      map.forEach((mapForKey, key) => {
+        mapForKey.forEach((value, secondKey) => {
+          callback(key, secondKey, value);
+        });
+      });
+    }
+  };
+};
+//# sourceMappingURL=common.js.map

package/lib/module/web/utils/common.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["reduceObject","obj","reducer","Object","fromEntries","entries","map","key","value","keyInObject","isServer","window","deepMergeObjects","sources","target","forEach","source","keys","sourceValue","targetValue","warn","message","console","equal","a","b","is","keysA","length","every","prototype","hasOwnProperty","call","generateHash","str","JSON","stringify","hasher","charCodeAt","toString","createDoubleMap","Map","get","secondKey","mapForKey","undefined","set","delete","callback"],"sourceRoot":"../../../../src","sources":["web/utils/common.ts"],"mappings":"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","ignoreList":[]}