@niibase/uniwind 1.0.0

package/dist/common/components/web/TouchableNativeFeedback.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TouchableNativeFeedback", {
+  enumerable: true,
+  get: function () {
+    return _reactNative.TouchableNativeFeedback;
+  }
+});
+require("./rnw");
+var _reactNative = require("react-native");

package/dist/common/components/web/TouchableOpacity.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.TouchableOpacity = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const TouchableOpacity = exports.TouchableOpacity = (0, _utils.copyComponentProperties)(_reactNative.TouchableOpacity, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style]
+  });
+});
+module.exports = TouchableOpacity;

package/dist/common/components/web/TouchableWithoutFeedback.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.TouchableWithoutFeedback = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const TouchableWithoutFeedback = exports.TouchableWithoutFeedback = (0, _utils.copyComponentProperties)(_reactNative.TouchableWithoutFeedback, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style]
+  });
+});
+module.exports = TouchableWithoutFeedback;

package/dist/common/components/web/View.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.View = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const View = exports.View = (0, _utils.copyComponentProperties)(_reactNative.View, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style]
+  });
+});
+module.exports = View;

package/dist/common/components/web/VirtualizedList.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.VirtualizedList = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const VirtualizedList = exports.VirtualizedList = (0, _utils.copyComponentProperties)(_reactNative.VirtualizedList, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.VirtualizedList, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style],
+    contentContainerStyle: [(0, _rnw.toRNWClassName)(props.contentContainerClassName), props.contentContainerStyle],
+    ListFooterComponentStyle: [(0, _rnw.toRNWClassName)(props.ListFooterComponentClassName), props.ListFooterComponentStyle],
+    ListHeaderComponentStyle: [(0, _rnw.toRNWClassName)(props.ListHeaderComponentClassName), props.ListHeaderComponentStyle]
+  });
+});
+module.exports = VirtualizedList;

package/dist/common/components/web/index.js

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  ActivityIndicator: true,
+  Button: true,
+  FlatList: true,
+  Image: true,
+  ImageBackground: true,
+  KeyboardAvoidingView: true,
+  Modal: true,
+  Pressable: true,
+  RefreshControl: true,
+  SafeAreaView: true,
+  ScrollView: true,
+  SectionList: true,
+  Switch: true,
+  Text: true,
+  TextInput: true,
+  TouchableHighlight: true,
+  TouchableNativeFeedback: true,
+  TouchableOpacity: true,
+  TouchableWithoutFeedback: true,
+  View: true,
+  VirtualizedList: true
+};
+Object.defineProperty(exports, "ActivityIndicator", {
+  enumerable: true,
+  get: function () {
+    return _ActivityIndicator.ActivityIndicator;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _Button.Button;
+  }
+});
+Object.defineProperty(exports, "FlatList", {
+  enumerable: true,
+  get: function () {
+    return _FlatList.FlatList;
+  }
+});
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () {
+    return _Image.Image;
+  }
+});
+Object.defineProperty(exports, "ImageBackground", {
+  enumerable: true,
+  get: function () {
+    return _ImageBackground.ImageBackground;
+  }
+});
+Object.defineProperty(exports, "KeyboardAvoidingView", {
+  enumerable: true,
+  get: function () {
+    return _KeyboardAvoidingView.KeyboardAvoidingView;
+  }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () {
+    return _Modal.Modal;
+  }
+});
+Object.defineProperty(exports, "Pressable", {
+  enumerable: true,
+  get: function () {
+    return _Pressable.Pressable;
+  }
+});
+Object.defineProperty(exports, "RefreshControl", {
+  enumerable: true,
+  get: function () {
+    return _RefreshControl.RefreshControl;
+  }
+});
+Object.defineProperty(exports, "SafeAreaView", {
+  enumerable: true,
+  get: function () {
+    return _SafeAreaView.SafeAreaView;
+  }
+});
+Object.defineProperty(exports, "ScrollView", {
+  enumerable: true,
+  get: function () {
+    return _ScrollView.ScrollView;
+  }
+});
+Object.defineProperty(exports, "SectionList", {
+  enumerable: true,
+  get: function () {
+    return _SectionList.SectionList;
+  }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () {
+    return _Switch.Switch;
+  }
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function () {
+    return _Text.Text;
+  }
+});
+Object.defineProperty(exports, "TextInput", {
+  enumerable: true,
+  get: function () {
+    return _TextInput.TextInput;
+  }
+});
+Object.defineProperty(exports, "TouchableHighlight", {
+  enumerable: true,
+  get: function () {
+    return _TouchableHighlight.TouchableHighlight;
+  }
+});
+Object.defineProperty(exports, "TouchableNativeFeedback", {
+  enumerable: true,
+  get: function () {
+    return _TouchableNativeFeedback.TouchableNativeFeedback;
+  }
+});
+Object.defineProperty(exports, "TouchableOpacity", {
+  enumerable: true,
+  get: function () {
+    return _TouchableOpacity.TouchableOpacity;
+  }
+});
+Object.defineProperty(exports, "TouchableWithoutFeedback", {
+  enumerable: true,
+  get: function () {
+    return _TouchableWithoutFeedback.TouchableWithoutFeedback;
+  }
+});
+Object.defineProperty(exports, "View", {
+  enumerable: true,
+  get: function () {
+    return _View.View;
+  }
+});
+Object.defineProperty(exports, "VirtualizedList", {
+  enumerable: true,
+  get: function () {
+    return _VirtualizedList.VirtualizedList;
+  }
+});
+var _reactNative = require("react-native");
+Object.keys(_reactNative).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _reactNative[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _reactNative[key];
+    }
+  });
+});
+var _ActivityIndicator = require("./ActivityIndicator");
+var _Button = require("./Button");
+var _FlatList = require("./FlatList");
+var _Image = require("./Image");
+var _ImageBackground = require("./ImageBackground");
+var _KeyboardAvoidingView = require("./KeyboardAvoidingView");
+var _Modal = require("./Modal");
+var _Pressable = require("./Pressable");
+var _RefreshControl = require("./RefreshControl");
+var _SafeAreaView = require("./SafeAreaView");
+var _ScrollView = require("./ScrollView");
+var _SectionList = require("./SectionList");
+var _Switch = require("./Switch");
+var _Text = require("./Text");
+var _TextInput = require("./TextInput");
+var _TouchableHighlight = require("./TouchableHighlight");
+var _TouchableNativeFeedback = require("./TouchableNativeFeedback");
+var _TouchableOpacity = require("./TouchableOpacity");
+var _TouchableWithoutFeedback = require("./TouchableWithoutFeedback");
+var _View = require("./View");
+var _VirtualizedList = require("./VirtualizedList");

package/dist/common/components/web/metro-injected.js

@@ -0,0 +1 @@
+"use strict";

package/dist/common/components/web/rnw.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toRNWClassName = void 0;
+var _core = require("../../core");
+var _listener = require("../../core/listener");
+var _types = require("../../types");
+require("./metro-injected");
+const moveCssRulesToUtilitiesLayer = sourceSheet => {
+  const layerRuleIndex = sourceSheet.insertRule("@layer rnw {}", 0);
+  const layerRule = sourceSheet.cssRules[layerRuleIndex];
+  while (sourceSheet.cssRules.length > 1) {
+    const nextRule = sourceSheet.cssRules[1];
+    layerRule.insertRule(nextRule.cssText, layerRule.cssRules.length);
+    sourceSheet.deleteRule(1);
+  }
+};
+if (typeof window !== "undefined" && typeof document !== "undefined") {
+  const rnwStyleSheet = document.querySelector("#react-native-stylesheet");
+  if (rnwStyleSheet?.sheet) {
+    moveCssRulesToUtilitiesLayer(rnwStyleSheet.sheet);
+  }
+}
+const addClassNameToRoot = () => {
+  if (typeof document === "undefined") {
+    return;
+  }
+  const root = document.documentElement;
+  _core.Uniwind.themes.forEach(theme => root.classList.remove(theme));
+  root.classList.add(_core.Uniwind.currentTheme);
+};
+_listener.UniwindListener.subscribe(() => {
+  addClassNameToRoot();
+}, [_types.StyleDependency.Theme]);
+addClassNameToRoot();
+const toRNWClassName = className => className !== void 0 ? {
+  $$css: true,
+  tailwind: className
+} : {};
+exports.toRNWClassName = toRNWClassName;

package/dist/common/core/config/config.common.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UniwindConfigBuilder = exports.Uniwind = void 0;
+var _reactNative = require("react-native");
+var _types = require("../../types");
+var _listener = require("../listener");
+const SYSTEM_THEME = "system";
+class UniwindConfigBuilder {
+  themes = ["light", "dark"];
+  #hasAdaptiveThemes = true;
+  #currentTheme = this.colorScheme;
+  constructor() {
+    _reactNative.Appearance.addChangeListener(event => {
+      const colorScheme = event.colorScheme ?? _types.ColorScheme.Light;
+      const prevTheme = this.#currentTheme;
+      if (this.#hasAdaptiveThemes && prevTheme !== colorScheme) {
+        this.#currentTheme = colorScheme;
+        this.onThemeChange();
+        _listener.UniwindListener.notify([_types.StyleDependency.Theme]);
+      }
+    });
+  }
+  get hasAdaptiveThemes() {
+    return this.#hasAdaptiveThemes;
+  }
+  get currentTheme() {
+    return this.#currentTheme;
+  }
+  get colorScheme() {
+    return _reactNative.Appearance.getColorScheme() ?? _types.ColorScheme.Light;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+  setTheme(theme) {
+    const prevTheme = this.#currentTheme;
+    const prevHasAdaptiveThemes = this.#hasAdaptiveThemes;
+    const isAdaptiveTheme = ["light", "dark"].includes(theme);
+    try {
+      if (theme === SYSTEM_THEME) {
+        this.#hasAdaptiveThemes = true;
+        this.#currentTheme = this.colorScheme;
+        if (_reactNative.Platform.OS !== "web") {
+          _reactNative.Appearance.setColorScheme(void 0);
+        }
+        return;
+      }
+      if (!this.themes.includes(theme)) {
+        throw new Error(`Uniwind: You're trying to setTheme to '${theme}', but it was not registered.`);
+      }
+      this.#hasAdaptiveThemes = false;
+      this.#currentTheme = theme;
+      if (_reactNative.Platform.OS !== "web") {
+        _reactNative.Appearance.setColorScheme(isAdaptiveTheme ? this.#currentTheme : void 0);
+      }
+    } finally {
+      if (prevTheme !== this.#currentTheme) {
+        this.onThemeChange();
+        _listener.UniwindListener.notify([_types.StyleDependency.Theme]);
+      }
+      if (prevHasAdaptiveThemes !== this.#hasAdaptiveThemes) {
+        _listener.UniwindListener.notify([_types.StyleDependency.AdaptiveThemes]);
+      }
+    }
+  }
+  updateCSSVariables(theme, variables) {
+    theme;
+    variables;
+  }
+  updateInsets(insets) {
+    insets;
+  }
+  __reinit(_, themes) {
+    this.themes = themes;
+  }
+  onThemeChange() {}
+}
+exports.UniwindConfigBuilder = UniwindConfigBuilder;
+const Uniwind = exports.Uniwind = new UniwindConfigBuilder();

package/dist/common/core/config/config.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Uniwind = void 0;
+var _types = require("../../types");
+var _listener = require("../listener");
+var _logger = require("../logger");
+var _config = require("./config.common");
+class UniwindConfigBuilder extends _config.UniwindConfigBuilder {
+  runtimeCSSVariables = /* @__PURE__ */new Map();
+  constructor() {
+    super();
+  }
+  onThemeChange() {
+    if (typeof document === "undefined") {
+      return;
+    }
+    document.documentElement.removeAttribute("style");
+    const runtimeCSSVariables = this.runtimeCSSVariables.get(this.currentTheme);
+    if (!runtimeCSSVariables) {
+      return;
+    }
+    Object.entries(runtimeCSSVariables).forEach(([varName, varValue]) => {
+      this.applyCSSVariable(varName, varValue);
+    });
+  }
+  updateCSSVariables(theme, variables) {
+    Object.entries(variables).forEach(([varName, varValue]) => {
+      if (!varName.startsWith("--") && __DEV__) {
+        _logger.Logger.error(`CSS variable name must start with "--", instead got: ${varName}`);
+        return;
+      }
+      const runtimeCSSVariables = this.runtimeCSSVariables.get(theme) ?? {};
+      runtimeCSSVariables[varName] = varValue;
+      this.runtimeCSSVariables.set(theme, runtimeCSSVariables);
+      this.applyCSSVariable(varName, varValue);
+    });
+    if (theme === this.currentTheme) {
+      _listener.UniwindListener.notify([_types.StyleDependency.Variables]);
+    }
+  }
+  applyCSSVariable(varName, varValue) {
+    if (typeof document === "undefined") {
+      return;
+    }
+    document.documentElement.style.setProperty(varName, typeof varValue === "number" ? `${varValue}px` : varValue);
+  }
+}
+const Uniwind = exports.Uniwind = new UniwindConfigBuilder();

package/dist/common/core/config/config.native.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Uniwind = void 0;
+var _culori = require("culori");
+var _types = require("../../types");
+var _listener = require("../listener");
+var _logger = require("../logger");
+var _native = require("../native");
+var _config = require("./config.common");
+class UniwindConfigBuilder extends _config.UniwindConfigBuilder {
+  constructor() {
+    super();
+  }
+  __reinit(generateStyleSheetCallback, themes) {
+    super.__reinit(generateStyleSheetCallback, themes);
+    _native.UniwindStore.reinit(generateStyleSheetCallback);
+  }
+  onThemeChange() {
+    _native.UniwindStore.runtime.currentThemeName = this.currentTheme;
+    _native.UniwindStore.reinit();
+  }
+  updateCSSVariables(theme, variables) {
+    Object.entries(variables).forEach(([varName, varValue]) => {
+      if (!varName.startsWith("--") && __DEV__) {
+        _logger.Logger.error(`CSS variable name must start with "--", instead got: ${varName}`);
+        return;
+      }
+      const getValue = () => {
+        if (typeof varValue === "number") {
+          return varValue;
+        }
+        const parsedColor = (0, _culori.parse)(varValue);
+        if (parsedColor) {
+          return parsedColor.alpha === void 0 || parsedColor.alpha === 1 ? (0, _culori.formatHex)(parsedColor) : (0, _culori.formatHex8)(parsedColor);
+        }
+        return varValue;
+      };
+      const value = getValue();
+      const runtimeThemeVariables = _native.UniwindStore.runtimeThemeVariables.get(theme) ?? {};
+      Object.defineProperty(_native.UniwindStore.vars, varName, {
+        configurable: true,
+        enumerable: true,
+        get: () => value
+      });
+      Object.defineProperty(runtimeThemeVariables, varName, {
+        configurable: true,
+        enumerable: true,
+        get: () => value
+      });
+      _native.UniwindStore.runtimeThemeVariables.set(theme, runtimeThemeVariables);
+    });
+    if (theme === this.currentTheme) {
+      _listener.UniwindListener.notify([_types.StyleDependency.Variables]);
+    }
+  }
+  updateInsets(insets) {
+    _native.UniwindStore.runtime.insets.bottom = insets.bottom ?? 0;
+    _native.UniwindStore.runtime.insets.top = insets.top ?? 0;
+    _native.UniwindStore.runtime.insets.left = insets.left ?? 0;
+    _native.UniwindStore.runtime.insets.right = insets.right ?? 0;
+    _listener.UniwindListener.notify([_types.StyleDependency.Insets]);
+  }
+}
+const Uniwind = exports.Uniwind = new UniwindConfigBuilder();

package/dist/common/core/config/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _config = require("./config");
+Object.keys(_config).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _config[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _config[key];
+    }
+  });
+});

package/dist/common/core/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _config = require("./config");
+Object.keys(_config).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _config[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _config[key];
+    }
+  });
+});

package/dist/common/core/listener.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UniwindListener = void 0;
+var _types = require("../types");
+class UniwindListenerBuilder {
+  listeners = {
+    [_types.StyleDependency.ColorScheme]: /* @__PURE__ */new Set(),
+    [_types.StyleDependency.Theme]: /* @__PURE__ */new Set(),
+    [_types.StyleDependency.Dimensions]: /* @__PURE__ */new Set(),
+    [_types.StyleDependency.Orientation]: /* @__PURE__ */new Set(),
+    [_types.StyleDependency.Insets]: /* @__PURE__ */new Set(),
+    [_types.StyleDependency.FontScale]: /* @__PURE__ */new Set(),
+    [_types.StyleDependency.Rtl]: /* @__PURE__ */new Set(),
+    [_types.StyleDependency.AdaptiveThemes]: /* @__PURE__ */new Set(),
+    [_types.StyleDependency.Variables]: /* @__PURE__ */new Set()
+  };
+  notify(dependencies) {
+    dependencies.forEach(dep => {
+      this.listeners[dep].forEach(callback => callback());
+    });
+  }
+  notifyAll() {
+    Object.values(this.listeners).forEach(listenerSet => {
+      listenerSet.forEach(callback => callback());
+    });
+  }
+  subscribe(listener, dependencies, options) {
+    const wrappedListeners = /* @__PURE__ */new Map();
+    const dispose = () => {
+      wrappedListeners.forEach((wrappedListener, dep) => {
+        this.listeners[dep].delete(wrappedListener);
+      });
+      wrappedListeners.clear();
+    };
+    dependencies.forEach(dep => {
+      const wrappedListener = () => {
+        listener();
+        if (options?.once) {
+          dispose();
+        }
+      };
+      wrappedListeners.set(dep, wrappedListener);
+      this.listeners[dep].add(wrappedListener);
+    });
+    return dispose;
+  }
+}
+const UniwindListener = exports.UniwindListener = new UniwindListenerBuilder();

package/dist/common/core/logger.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Logger = void 0;
+class Logger {
+  static log(message) {
+    console.log(`Uniwind - ${message}`);
+  }
+  static error(message) {
+    console.error(`Uniwind - ${message}`);
+  }
+  static warn(message) {
+    console.warn(`Uniwind - ${message}`);
+  }
+}
+exports.Logger = Logger;

package/dist/common/core/native/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _runtime = require("./runtime");
+Object.keys(_runtime).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _runtime[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _runtime[key];
+    }
+  });
+});
+var _store = require("./store");
+Object.keys(_store).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _store[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _store[key];
+    }
+  });
+});