react-native-unistyles 3.0.0-alpha.7 → 3.0.0-alpha.9

package/lib/module/web/convert/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["media","deepMergeObjects","keyInObject","normalizeNumericValue","convertBreakpoint","normalizeTransform","key","value","includes","createTransformValue","transforms","map","transform","Object","keys","undefined","join","filter","Boolean","getTransformStyle","breakpoints","Set","normalTransforms","forEach","property","Array","isArray","breakpoint","add","push","breakpointTransforms","from","flatMap","transformsPerBreakpoint"],"sourceRoot":"../../../../src","sources":["web/convert/transform.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/convert/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export const TEXT_SHADOW_STYLES = ['textShadowColor', 'textShadowOffset', 'textShadowRadius'];
+export const BOX_SHADOW_STYLES = ['shadowColor', 'shadowRadius', 'shadowOpacity', 'shadowOffset'];
+//# sourceMappingURL=types.js.map

package/lib/module/web/convert/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TEXT_SHADOW_STYLES","BOX_SHADOW_STYLES"],"sourceRoot":"../../../../src","sources":["web/convert/types.ts"],"mappings":";;AAKA,OAAO,MAAMA,kBAAkB,GAAG,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,kBAAkB,CAAU;AAItG,OAAO,MAAMC,iBAAiB,GAAG,CAAC,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,CAAU","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+// based on react-native-web normalizer
+// https://github.com/necolas/react-native-web
+import normalizeColors from '@react-native/normalize-colors';
+import { BOX_SHADOW_STYLES, TEXT_SHADOW_STYLES } from './types';
+export const isTransform = (key, value) => key === 'transform' && Array.isArray(value);
+export const isTextShadow = key => TEXT_SHADOW_STYLES.includes(key);
+export const isBoxShadow = key => BOX_SHADOW_STYLES.includes(key);
+export const normalizeNumericValue = value => value ? `${value}px` : value;
+export const normalizeColor = (color, opacity = 1) => {
+  // If the opacity is 1 there's no need to normalize the color
+  if (opacity === 1) {
+    return color;
+  }
+  const integer = normalizeColors(color);
+
+  // If the color is an unknown format, the return value is null
+  if (integer === null) {
+    return color;
+  }
+  const hex = integer.toString(16).padStart(8, '0');
+  if (hex.length === 8) {
+    const [r = 0, g = 0, b = 0, a = 1] = hex.split(/(?=(?:..)*$)/).map(x => parseInt(x, 16)).filter(num => !isNaN(num));
+    return `rgba(${r},${g},${b},${a / 255 * opacity})`;
+  }
+  return color;
+};
+export const extractShadowValue = (key, breakpoint, styles) => {
+  const value = styles[key];
+  if (key === 'textShadowOffset' || key === 'shadowOffset') {
+    const {
+      width,
+      height
+    } = value;
+    return {
+      width: typeof width === 'object' ? width[breakpoint] : width,
+      height: typeof height === 'object' ? height[breakpoint] : height
+    };
+  }
+  return typeof value === 'object' ? value[breakpoint] : value;
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeColors","BOX_SHADOW_STYLES","TEXT_SHADOW_STYLES","isTransform","key","value","Array","isArray","isTextShadow","includes","isBoxShadow","normalizeNumericValue","normalizeColor","color","opacity","integer","hex","toString","padStart","length","r","g","b","a","split","map","x","parseInt","filter","num","isNaN","extractShadowValue","breakpoint","styles","width","height"],"sourceRoot":"../../../../src","sources":["web/convert/utils.ts"],"mappings":";;AAAA;AACA;AACA,OAAOA,eAAe,MAAM,gCAAgC;AAC5D,SAASC,iBAAiB,EAAEC,kBAAkB,QAA4C,SAAS;AAEnG,OAAO,MAAMC,WAAW,GAAGA,CAACC,GAAW,EAAEC,KAAU,KAA0CD,GAAG,KAAK,WAAW,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAExI,OAAO,MAAMG,YAAY,GAAIJ,GAAW,IAAKF,kBAAkB,CAACO,QAAQ,CAACL,GAAwC,CAAC;AAElH,OAAO,MAAMM,WAAW,GAAIN,GAAW,IAAKH,iBAAiB,CAACQ,QAAQ,CAACL,GAAuC,CAAC;AAE/G,OAAO,MAAMO,qBAAqB,GAAIN,KAAa,IAAKA,KAAK,GAAG,GAAGA,KAAK,IAAI,GAAGA,KAAK;AAEpF,OAAO,MAAMO,cAAc,GAAGA,CAACC,KAAa,EAAEC,OAAe,GAAG,CAAC,KAAK;EAClE;EACA,IAAIA,OAAO,KAAK,CAAC,EAAE;IACf,OAAOD,KAAK;EAChB;EAEA,MAAME,OAAO,GAAGf,eAAe,CAACa,KAAK,CAAC;;EAEtC;EACA,IAAIE,OAAO,KAAK,IAAI,EAAE;IAClB,OAAOF,KAAK;EAChB;EAEA,MAAMG,GAAG,GAAGD,OAAO,CAACE,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAEjD,IAAIF,GAAG,CAACG,MAAM,KAAK,CAAC,EAAE;IAClB,MAAM,CAACC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,CAAC,GAAGP,GAAG,CACnCQ,KAAK,CAAC,cAAc,CAAC,CACrBC,GAAG,CAACC,CAAC,IAAIC,QAAQ,CAACD,CAAC,EAAE,EAAE,CAAC,CAAC,CACzBE,MAAM,CAACC,GAAG,IAAI,CAACC,KAAK,CAACD,GAAG,CAAC,CAAC;IAE/B,OAAO,QAAQT,CAAC,IAAIC,CAAC,IAAIC,CAAC,IAAKC,CAAC,GAAG,GAAG,GAAIT,OAAO,GAAG;EACxD;EAEA,OAAOD,KAAK;AAChB,CAAC;AAED,OAAO,MAAMkB,kBAAkB,GAAGA,CAA6B3B,GAAS,EAAE4B,UAAkB,EAAEC,MAAW,KAAsB;EAC3H,MAAM5B,KAAK,GAAG4B,MAAM,CAAC7B,GAAG,CAAC;EAEzB,IAAIA,GAAG,KAAK,kBAAkB,IAAIA,GAAG,KAAK,cAAc,EAAE;IACtD,MAAM;MAAE8B,KAAK;MAAEC;IAAO,CAAC,GAAG9B,KAAK;IAE/B,OAAO;MACH6B,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACF,UAAU,CAAC,GAAGE,KAAK;MAC5DC,MAAM,EAAE,OAAOA,MAAM,KAAK,QAAQ,GAAGA,MAAM,CAACH,UAAU,CAAC,GAAGG;IAC9D,CAAC;EACL;EAEA,OAAO,OAAO9B,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAAC2B,UAAU,CAAC,GAAG3B,KAAK;AAChE,CAAC","ignoreList":[]}

package/lib/module/web/create.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import { UnistylesRegistry } from './registry';
+import { keyInObject, reduceObject, toReactNativeClassName } from './utils';
+import { UnistylesRuntime } from './runtime';
+import { createUseVariants, getVariants } from './variants';
+import { UnistylesListener } from './listener';
+export const create = stylesheet => {
+  const computedStylesheet = typeof stylesheet === 'function' ? stylesheet(UnistylesRuntime.theme, 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 UnistylesListener.addListeners(dependencies, () => {
+      const newComputedStylesheet = typeof stylesheet === 'function' ? stylesheet(UnistylesRuntime.theme, UnistylesRuntime.miniRuntime) : stylesheet;
+      if (!keyInObject(newComputedStylesheet, key)) {
+        return;
+      }
+      const value = newComputedStylesheet[key];
+      const result = typeof value === 'function' ? value(...args) : value;
+      UnistylesRegistry.updateStyles(unistyles, result, className);
+    });
+  };
+  const styles = reduceObject(computedStylesheet, (value, key) => {
+    if (typeof value === 'function') {
+      const webUnistyleByRef = new Map();
+      const disposeByRef = new Map();
+      return (...args) => {
+        const [ref] = args.slice(-1);
+        const result = value(...args);
+        const variants = Object.fromEntries(getVariants({
+          [key]: result
+        }, lastlySelectedVariants));
+        const resultWithVariants = {
+          ...result,
+          ...variants[key]
+        };
+        if (ref instanceof HTMLElement) {
+          const storedWebUnistyle = webUnistyleByRef.get(ref);
+          const webUnistyle = storedWebUnistyle ?? 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) {
+            UnistylesRegistry.updateStyles(webUnistyle.unistyles, resultWithVariants, webUnistyle.className);
+          }
+          return;
+        }
+        return toReactNativeClassName(null, resultWithVariants);
+      };
+    }
+    const {
+      className,
+      unistyles
+    } = UnistylesRegistry.createStyles(value, key);
+    listenToDependencies({
+      key,
+      value,
+      unistyles,
+      className
+    });
+    return toReactNativeClassName(className, value);
+  });
+  createUseVariants(styles, newVariants => {
+    lastlySelectedVariants = newVariants;
+  });
+  return styles;
+};
+//# sourceMappingURL=create.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["UnistylesRegistry","keyInObject","reduceObject","toReactNativeClassName","UnistylesRuntime","createUseVariants","getVariants","UnistylesListener","create","stylesheet","computedStylesheet","theme","miniRuntime","lastlySelectedVariants","listenToDependencies","key","className","unistyles","value","args","dependencies","length","addListeners","newComputedStylesheet","result","updateStyles","styles","webUnistyleByRef","Map","disposeByRef","ref","slice","variants","Object","fromEntries","resultWithVariants","HTMLElement","storedWebUnistyle","get","webUnistyle","createStyles","set","classList","add","newVariants"],"sourceRoot":"../../../src","sources":["web/create.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { create } from './create';
+import { UnistylesRuntime } from './runtime';
+import { UnistylesState } from './state';
+import { deepMergeObjects } from './utils';
+export const StyleSheet = {
+  configure: UnistylesState.init,
+  create,
+  absoluteFill: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0
+  },
+  compose: (a, b) => deepMergeObjects(a, b),
+  flatten: (...styles) => deepMergeObjects(...styles),
+  hairlineWidth: 1
+};
+export { UnistylesRuntime } from './runtime';
+export * from './mock';
+export const getSSRUnistyles = () => UnistylesRuntime.getSSRUnistyles();
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["create","UnistylesRuntime","UnistylesState","deepMergeObjects","StyleSheet","configure","init","absoluteFill","position","left","top","right","bottom","compose","a","b","flatten","styles","hairlineWidth","getSSRUnistyles"],"sourceRoot":"../../../src","sources":["web/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,UAAU;AACjC,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,cAAc,QAAQ,SAAS;AACxC,SAASC,gBAAgB,QAAQ,SAAS;AAE1C,OAAO,MAAMC,UAAU,GAAG;EACtBC,SAAS,EAAEH,cAAc,CAACI,IAAI;EAC9BN,MAAM;EACNO,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,KAAKZ,gBAAgB,CAACW,CAAC,EAAEC,CAAC,CAAC;EACzDC,OAAO,EAAEA,CAAC,GAAGC,MAAqB,KAAKd,gBAAgB,CAAC,GAAGc,MAAM,CAAC;EAClEC,aAAa,EAAE;AACnB,CAAC;AAED,SAASjB,gBAAgB,QAAQ,WAAW;AAC5C,cAAc,QAAQ;AAEtB,OAAO,MAAMkB,eAAe,GAAGA,CAAA,KAAMlB,gBAAgB,CAACkB,eAAe,CAAC,CAAC","ignoreList":[]}

package/lib/module/web/listener/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { UnistylesListener } from './listener';
+//# sourceMappingURL=index.js.map

package/lib/module/web/listener/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UnistylesListener"],"sourceRoot":"../../../../src","sources":["web/listener/index.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,YAAY","ignoreList":[]}

package/lib/module/web/listener/listener.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { UnistyleDependency } from '../../specs/NativePlatform';
+import { UnistylesRuntime } from '../runtime';
+export class UnistylesListenerBuilder {
+  isInitialized = false;
+  listeners = Array.from({
+    length: Object.keys(UnistyleDependency).length / 2
+  }, () => new Set());
+  emitChange = dependency => {
+    this.listeners[dependency]?.forEach(listener => listener());
+  };
+  initListeners = () => {
+    if (this.isInitialized) {
+      return;
+    }
+    this.isInitialized = true;
+    UnistylesRuntime.darkMedia?.addEventListener('change', () => this.emitChange(UnistyleDependency.ColorScheme));
+    UnistylesRuntime.lightMedia?.addEventListener('change', () => this.emitChange(UnistyleDependency.ColorScheme));
+    window.addEventListener('orientationchange', () => this.emitChange(UnistyleDependency.Orientation));
+    window.addEventListener('resize', () => this.emitChange(UnistyleDependency.Dimensions));
+  };
+  addListeners = (dependencies, listener) => {
+    dependencies.forEach(dependency => this.listeners[dependency]?.add(listener));
+    return () => {
+      dependencies.forEach(dependency => this.listeners[dependency]?.delete(listener));
+    };
+  };
+}
+export const UnistylesListener = new UnistylesListenerBuilder();
+//# sourceMappingURL=listener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["UnistyleDependency","UnistylesRuntime","UnistylesListenerBuilder","isInitialized","listeners","Array","from","length","Object","keys","Set","emitChange","dependency","forEach","listener","initListeners","darkMedia","addEventListener","ColorScheme","lightMedia","window","Orientation","Dimensions","addListeners","dependencies","add","delete","UnistylesListener"],"sourceRoot":"../../../../src","sources":["web/listener/listener.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAO,MAAMC,wBAAwB,CAAC;EAC1BC,aAAa,GAAG,KAAK;EACrBC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACT,kBAAkB,CAAC,CAACO,MAAM,GAAG;EAAE,CAAC,EAAE,MAAM,IAAIG,GAAG,CAAe,CAAC,CAAC;EAErHC,UAAU,GAAIC,UAA8B,IAAK;IAC7C,IAAI,CAACR,SAAS,CAACQ,UAAU,CAAC,EAAEC,OAAO,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAC,CAAC;EAC/D,CAAC;EAEDC,aAAa,GAAGA,CAAA,KAAM;IAClB,IAAI,IAAI,CAACZ,aAAa,EAAE;MACpB;IACJ;IAEA,IAAI,CAACA,aAAa,GAAG,IAAI;IACzBF,gBAAgB,CAACe,SAAS,EAAEC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACN,UAAU,CAACX,kBAAkB,CAACkB,WAAW,CAAC,CAAC;IAC7GjB,gBAAgB,CAACkB,UAAU,EAAEF,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACN,UAAU,CAACX,kBAAkB,CAACkB,WAAW,CAAC,CAAC;IAC9GE,MAAM,CAACH,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,IAAI,CAACN,UAAU,CAACX,kBAAkB,CAACqB,WAAW,CAAC,CAAC;IACnGD,MAAM,CAACH,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACN,UAAU,CAACX,kBAAkB,CAACsB,UAAU,CAAC,CAAC;EAC3F,CAAC;EAEDC,YAAY,GAAGA,CAACC,YAAuC,EAAEV,QAAsB,KAAK;IAChFU,YAAY,CAACX,OAAO,CAACD,UAAU,IAAI,IAAI,CAACR,SAAS,CAACQ,UAAU,CAAC,EAAEa,GAAG,CAACX,QAAQ,CAAC,CAAC;IAE7E,OAAO,MAAM;MACTU,YAAY,CAACX,OAAO,CAACD,UAAU,IAAI,IAAI,CAACR,SAAS,CAACQ,UAAU,CAAC,EAAEc,MAAM,CAACZ,QAAQ,CAAC,CAAC;IACpF,CAAC;EACL,CAAC;AACL;AAEA,OAAO,MAAMa,iBAAiB,GAAG,IAAIzB,wBAAwB,CAAC,CAAC","ignoreList":[]}

package/lib/module/web/mock.js

@@ -0,0 +1,33 @@
+"use strict";
+
+export const StatusBar = {
+  width: 0,
+  height: 0,
+  setStyle: () => {},
+  setHidden: () => {},
+  setBackgroundColor: () => {},
+  equals: () => true,
+  toString: () => 'StatusBar',
+  __type: 'web',
+  name: 'StatusBar'
+};
+export const NavigationBar = {
+  width: 0,
+  height: 0,
+  setHidden: () => {},
+  setBackgroundColor: () => {},
+  equals: () => true,
+  toString: () => 'NavigationBar',
+  __type: 'web',
+  name: 'NavigationBar'
+};
+export const UnistylesShadowRegistry = {
+  name: 'UnistylesShadowRegistry',
+  __type: 'web',
+  equals: () => true,
+  toString: () => 'UnistylesShadowRegistry',
+  dispose: () => {},
+  add: () => {},
+  remove: () => {}
+};
+//# sourceMappingURL=mock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StatusBar","width","height","setStyle","setHidden","setBackgroundColor","equals","toString","__type","name","NavigationBar","UnistylesShadowRegistry","dispose","add","remove"],"sourceRoot":"../../../src","sources":["web/mock.ts"],"mappings":";;AAGA,OAAO,MAAMA,SAAwB,GAAG;EACpCC,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;AAED,OAAO,MAAMC,aAAgC,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;AAED,OAAO,MAAME,uBAAuB,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":[]}

package/lib/module/web/mq.js

@@ -0,0 +1,17 @@
+"use strict";
+
+const IS_UNISTYLES_REGEX = /:([hw])\[(\d+)(?:,\s*(\d+|Infinity))?]/;
+const UNISTYLES_WIDTH_REGEX = /:(w)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
+const UNISTYLES_HEIGHT_REGEX = /:(h)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
+export const parseMq = mq => {
+  const [, width, fromW, toW] = UNISTYLES_WIDTH_REGEX.exec(mq) || [];
+  const [, height, fromH, toH] = UNISTYLES_HEIGHT_REGEX.exec(mq) || [];
+  return {
+    minWidth: !width || fromW === 'Infinity' ? undefined : Number(fromW),
+    maxWidth: !width || toW === 'Infinity' ? undefined : Number(toW),
+    minHeight: !height || fromH === 'Infinity' ? undefined : Number(fromH),
+    maxHeight: !height || toH === 'Infinity' ? undefined : Number(toH)
+  };
+};
+export const isUnistylesMq = mq => IS_UNISTYLES_REGEX.test(mq);
+//# sourceMappingURL=mq.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","parseMq","mq","width","fromW","toW","exec","height","fromH","toH","minWidth","undefined","Number","maxWidth","minHeight","maxHeight","isUnistylesMq","test"],"sourceRoot":"../../../src","sources":["web/mq.ts"],"mappings":";;AAEA,MAAMA,kBAAkB,GAAG,wCAAwC;AACnE,MAAMC,qBAAqB,GAAG,qCAAqC;AACnE,MAAMC,sBAAsB,GAAG,qCAAqC;AAEpE,OAAO,MAAMC,OAAO,GAAIC,EAAU,IAAiB;EAC/C,MAAM,GAAGC,KAAK,EAAEC,KAAK,EAAEC,GAAG,CAAC,GAAGN,qBAAqB,CAACO,IAAI,CAACJ,EAAE,CAAC,IAAI,EAAE;EAClE,MAAM,GAAGK,MAAM,EAAEC,KAAK,EAAEC,GAAG,CAAC,GAAGT,sBAAsB,CAACM,IAAI,CAACJ,EAAE,CAAC,IAAI,EAAE;EAEpE,OAAO;IACHQ,QAAQ,EAAE,CAACP,KAAK,IAAIC,KAAK,KAAK,UAAU,GAAGO,SAAS,GAAGC,MAAM,CAACR,KAAK,CAAC;IACpES,QAAQ,EAAE,CAACV,KAAK,IAAIE,GAAG,KAAK,UAAU,GAAGM,SAAS,GAAGC,MAAM,CAACP,GAAG,CAAC;IAChES,SAAS,EAAE,CAACP,MAAM,IAAIC,KAAK,KAAK,UAAU,GAAGG,SAAS,GAAGC,MAAM,CAACJ,KAAK,CAAC;IACtEO,SAAS,EAAE,CAACR,MAAM,IAAIE,GAAG,KAAK,UAAU,GAAGE,SAAS,GAAGC,MAAM,CAACH,GAAG;EACrE,CAAC;AACL,CAAC;AAED,OAAO,MAAMO,aAAa,GAAId,EAAU,IAAKJ,kBAAkB,CAACmB,IAAI,CAACf,EAAE,CAAC","ignoreList":[]}

package/lib/module/web/pseudo.js

@@ -0,0 +1,6 @@
+"use strict";
+
+// TODO: Add complete list of pseudo selectors
+export const pseudos = ['_hover', '_css', '_before', '_after'];
+export const isPseudo = selector => pseudos.includes(selector);
+//# sourceMappingURL=pseudo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pseudos","isPseudo","selector","includes"],"sourceRoot":"../../../src","sources":["web/pseudo.ts"],"mappings":";;AAAA;AACA,OAAO,MAAMA,OAAO,GAAG,CACnB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,CACF;AAEV,OAAO,MAAMC,QAAQ,GAAIC,QAAgB,IAAKF,OAAO,CAACG,QAAQ,CAACD,QAAkB,CAAC","ignoreList":[]}

package/lib/module/web/registry.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { createTypeStyle } from 'typestyle';
+import { convertToTypeStyle } from './convert';
+import { UnistylesState } from './state';
+class UnistylesRegistryBuilder {
+  createStyles = (stylesheet, key) => {
+    const stylesTag = UnistylesState.createTag();
+    const unistyles = createTypeStyle(stylesTag);
+    const typestyleStylesheet = 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;
+      return {
+        className: `${className} ${customClassName}`,
+        unistyles
+      };
+    }
+    return {
+      className,
+      unistyles
+    };
+  };
+  updateStyles = (unistyles, stylesheet, className) => {
+    const typestyleStylesheet = convertToTypeStyle(stylesheet);
+    unistyles.reinit();
+    unistyles.cssRule(`.${className}`, typestyleStylesheet);
+  };
+}
+export const UnistylesRegistry = new UnistylesRegistryBuilder();
+//# sourceMappingURL=registry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createTypeStyle","convertToTypeStyle","UnistylesState","UnistylesRegistryBuilder","createStyles","stylesheet","key","stylesTag","createTag","unistyles","typestyleStylesheet","className","style","$debugName","String","_web","_css","customClassName","Array","isArray","join","updateStyles","reinit","cssRule","UnistylesRegistry"],"sourceRoot":"../../../src","sources":["web/registry.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAmB,WAAW;AAEtD,SAASC,kBAAkB,QAAQ,WAAW;AAC9C,SAASC,cAAc,QAAQ,SAAS;AAExC,MAAMC,wBAAwB,CAAC;EAC3BC,YAAY,GAAGA,CAACC,UAA2B,EAAEC,GAAoB,KAAK;IAClE,MAAMC,SAAS,GAAGL,cAAc,CAACM,SAAS,CAAC,CAAC;IAC5C,MAAMC,SAAS,GAAGT,eAAe,CAACO,SAAS,CAAC;IAC5C,MAAMG,mBAAmB,GAAGT,kBAAkB,CAACI,UAAU,CAAC;IAE1D,MAAMM,SAAS,GAAGF,SAAS,CAACG,KAAK,CAAC;MAC9BC,UAAU,EAAEC,MAAM,CAACR,GAAG;IAC1B,CAAC,EAAEI,mBAAmB,CAAC;IAEvB,IAAIL,UAAU,CAACU,IAAI,EAAEC,IAAI,EAAE;MACvB,MAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAACd,UAAU,CAACU,IAAI,CAACC,IAAI,CAAC,GACrDX,UAAU,CAACU,IAAI,CAACC,IAAI,CAACI,IAAI,CAAC,GAAG,CAAC,GAC9Bf,UAAU,CAACU,IAAI,CAACC,IAAI;MAE1B,OAAO;QACHL,SAAS,EAAE,GAAGA,SAAS,IAAIM,eAAe,EAAE;QAC5CR;MACJ,CAAC;IACL;IAEA,OAAO;MACHE,SAAS;MACTF;IACJ,CAAC;EACL,CAAC;EAEDY,YAAY,GAAGA,CAACZ,SAAoB,EAAEJ,UAA2B,EAAEM,SAAiB,KAAK;IACrF,MAAMD,mBAAmB,GAAGT,kBAAkB,CAACI,UAAU,CAAC;IAE1DI,SAAS,CAACa,MAAM,CAAC,CAAC;IAClBb,SAAS,CAACc,OAAO,CAAC,IAAIZ,SAAS,EAAE,EAAED,mBAAmB,CAAC;EAC3D,CAAC;AACL;AAEA,OAAO,MAAMc,iBAAiB,GAAG,IAAIrB,wBAAwB,CAAC,CAAC","ignoreList":[]}

package/lib/module/web/runtime.js

@@ -0,0 +1,160 @@
+"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() {
+    if (!this.themeName) {
+      throw new Error('🦄 No theme selected!');
+    }
+    const theme = UnistylesState.themes.get(this.themeName);
+    if (!theme) {
+      throw new Error(`🦄 Theme "${this.themeName}" is not registered!`);
+    }
+    return theme;
+  }
+  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,
+      orientation: this.orientation,
+      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));
+  };
+  getSSRUnistyles = () => UnistylesState.tags;
+}
+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","Error","themes","get","pixelRatio","devicePixelRatio","width","height","innerWidth","innerHeight","fontScale","insets","top","bottom","left","right","ime","statusBar","rtl","document","documentElement","dir","hasAdaptiveThemes","navigationBar","miniRuntime","setTheme","UnistylesRuntime","emitChange","Theme","ThemeName","setAdaptiveThemes","isEnabled","setRootViewBackgroundColor","hex","alpha","style","backgroundColor","setImmersiveMode","updateTheme","updater","oldTheme","set","getSSRUnistyles","tags"],"sourceRoot":"../../../src","sources":["web/runtime.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/state.js

@@ -0,0 +1,117 @@
+"use strict";
+
+import { createElement, createRef } from 'react';
+import { UnistylesRuntime } from './runtime';
+import { isServer, schemeToTheme } from './utils';
+import { UnistylesListener } from './listener';
+import { UnistyleDependency } from '../specs/NativePlatform';
+class UnistylesStateBuilder {
+  isSSR = isServer();
+  tags = [];
+  themes = new Map();
+  hasAdaptiveThemes = false;
+  init = config => {
+    this.initThemes(config.themes);
+    this.initBreakpoints(config.breakpoints);
+    this.initSettings(config.settings);
+    if (this.isSSR) {
+      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 = {}) => {
+    const breakpointsMap = new Map();
+    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)`);
+      breakpointsMap.set(breakpoint, mediaQuery);
+      if (mediaQuery.matches) {
+        this.breakpoint = breakpoint;
+      }
+      mediaQuery.addEventListener('change', event => {
+        if (!event.matches) {
+          const [currentBreakpoint] = Array.from(breakpointsMap).find(([, mq]) => mq.matches) ?? [];
+          if (currentBreakpoint) {
+            this.breakpoint = currentBreakpoint;
+            UnistylesListener.emitChange(UnistyleDependency.Breakpoints);
+          }
+          return;
+        }
+        this.breakpoint = breakpoint;
+        UnistylesListener.emitChange(UnistyleDependency.Breakpoints);
+      });
+    });
+  };
+  createTag() {
+    if (!this.isSSR) {
+      const tag = document.createElement('style');
+      document.head.appendChild(tag);
+      return tag;
+    }
+    const tagRef = new Proxy(/*#__PURE__*/createRef(), {
+      set: (target, prop, value) => {
+        // When ref is assigned
+        if ('textContent' in value) {
+          value.textContent = tag.textContent;
+        }
+        return Reflect.set(target, prop, value);
+      }
+    });
+    const tagElement = /*#__PURE__*/createElement('style', {
+      ref: tagRef,
+      key: this.tags.length
+    }, '');
+    const tag = new Proxy({
+      textContent: ''
+    }, {
+      set: (target, prop, value) => {
+        if (prop !== 'textContent') {
+          return false;
+        }
+
+        // When css is updated
+        target.textContent = value;
+        if (tagRef.current) {
+          tagRef.current.textContent = value;
+        }
+        return true;
+      }
+    });
+    this.tags.push(tagElement);
+    return tag;
+  }
+}
+export const UnistylesState = new UnistylesStateBuilder();
+//# sourceMappingURL=state.js.map