@webority-technologies/mobile 0.0.1

package/lib/commonjs/storage/index.js

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setStorageImplementation = exports.Storage = void 0;
+var _index = require("../logger/index.js");
+/**
+ * Minimal AsyncStorage shape we depend on.
+ * Lets us avoid a hard import on `@react-native-async-storage/async-storage`.
+ */
+
+let backend = null;
+let resolved = false;
+const resolveBackend = () => {
+  if (resolved) return backend;
+  resolved = true;
+  try {
+    /* eslint-disable @typescript-eslint/no-require-imports */
+    const mod = require('@react-native-async-storage/async-storage');
+    /* eslint-enable */
+    backend = mod.default ?? mod;
+  } catch {
+    backend = null;
+  }
+  return backend;
+};
+const requireBackend = op => {
+  const b = resolveBackend();
+  if (!b) {
+    const err = new Error(`[Storage] @react-native-async-storage/async-storage is not installed; cannot ${op}. ` + 'Install the peer dep or call setStorageImplementation() with a custom backend.');
+    _index.Logger.error(err.message);
+    throw err;
+  }
+  return b;
+};
+
+/**
+ * Inject a custom storage backend (e.g. MMKV adapter) at runtime.
+ * Pass `null` to reset to the default AsyncStorage backend.
+ */
+const setStorageImplementation = impl => {
+  backend = impl;
+  resolved = true;
+};
+exports.setStorageImplementation = setStorageImplementation;
+const safeJsonParse = raw => {
+  if (raw == null) return null;
+  try {
+    return JSON.parse(raw);
+  } catch (error) {
+    _index.Logger.warn('[Storage] Failed to parse JSON value, returning null', error);
+    return null;
+  }
+};
+const getItem = async key => {
+  try {
+    return await requireBackend('getItem').getItem(key);
+  } catch (error) {
+    _index.Logger.error(`[Storage] getItem failed for key "${key}"`, error);
+    return null;
+  }
+};
+const setItem = async (key, value) => {
+  try {
+    await requireBackend('setItem').setItem(key, value);
+    return true;
+  } catch (error) {
+    _index.Logger.error(`[Storage] setItem failed for key "${key}"`, error);
+    return false;
+  }
+};
+const removeItem = async key => {
+  try {
+    await requireBackend('removeItem').removeItem(key);
+    return true;
+  } catch (error) {
+    _index.Logger.error(`[Storage] removeItem failed for key "${key}"`, error);
+    return false;
+  }
+};
+const getJson = async key => {
+  const raw = await getItem(key);
+  return safeJsonParse(raw);
+};
+const setJson = async (key, value) => {
+  try {
+    return await setItem(key, JSON.stringify(value));
+  } catch (error) {
+    _index.Logger.error(`[Storage] setJson failed for key "${key}"`, error);
+    return false;
+  }
+};
+const multiGet = async keys => {
+  try {
+    const b = requireBackend('multiGet');
+    if (!b.multiGet) {
+      const out = {};
+      await Promise.all(keys.map(async k => {
+        out[k] = await b.getItem(k);
+      }));
+      return out;
+    }
+    const pairs = await b.multiGet(keys);
+    const out = {};
+    for (const [k, v] of pairs) out[k] = v;
+    return out;
+  } catch (error) {
+    _index.Logger.error('[Storage] multiGet failed', error);
+    return {};
+  }
+};
+const multiSet = async entries => {
+  try {
+    const b = requireBackend('multiSet');
+    const pairs = Object.entries(entries);
+    if (!b.multiSet) {
+      await Promise.all(pairs.map(([k, v]) => b.setItem(k, v)));
+      return true;
+    }
+    await b.multiSet(pairs);
+    return true;
+  } catch (error) {
+    _index.Logger.error('[Storage] multiSet failed', error);
+    return false;
+  }
+};
+const multiRemove = async keys => {
+  try {
+    const b = requireBackend('multiRemove');
+    if (!b.multiRemove) {
+      await Promise.all(keys.map(k => b.removeItem(k)));
+      return true;
+    }
+    await b.multiRemove(keys);
+    return true;
+  } catch (error) {
+    _index.Logger.error('[Storage] multiRemove failed', error);
+    return false;
+  }
+};
+const clear = async () => {
+  try {
+    const b = requireBackend('clear');
+    if (!b.clear) {
+      _index.Logger.warn('[Storage] backend does not support clear()');
+      return false;
+    }
+    await b.clear();
+    return true;
+  } catch (error) {
+    _index.Logger.error('[Storage] clear failed', error);
+    return false;
+  }
+};
+const getAllKeys = async () => {
+  try {
+    const b = requireBackend('getAllKeys');
+    if (!b.getAllKeys) return [];
+    const keys = await b.getAllKeys();
+    return [...keys];
+  } catch (error) {
+    _index.Logger.error('[Storage] getAllKeys failed', error);
+    return [];
+  }
+};
+/**
+ * Typed AsyncStorage wrapper with safe JSON helpers.
+ * All operations swallow errors (logging them) and return a falsy result
+ * so that storage problems never crash the app.
+ *
+ * Backed by `@react-native-async-storage/async-storage` by default;
+ * override with `setStorageImplementation()` for MMKV or custom adapters.
+ */
+const Storage = exports.Storage = {
+  getItem,
+  setItem,
+  removeItem,
+  getJson,
+  setJson,
+  multiGet,
+  multiSet,
+  multiRemove,
+  clear,
+  getAllKeys
+};
+//# sourceMappingURL=index.js.map

package/lib/commonjs/theme/ThemeContext.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useThemeMode = exports.useTheme = exports.ThemeProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _tokens = require("./tokens.js");
+var _merge = require("./merge.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const defaultValue = {
+  theme: _tokens.lightTheme,
+  mode: 'light',
+  preference: 'system',
+  setPreference: () => undefined,
+  toggleColorMode: () => undefined
+};
+const ThemeContext = /*#__PURE__*/(0, _react.createContext)(defaultValue);
+const ThemeProvider = ({
+  children,
+  initialPreference = 'system',
+  lightOverrides,
+  darkOverrides
+}) => {
+  const [preference, setPreference] = (0, _react.useState)(initialPreference);
+  const [systemMode, setSystemMode] = (0, _react.useState)(() => _reactNative.Appearance.getColorScheme() ?? 'light');
+  (0, _react.useEffect)(() => {
+    const sub = _reactNative.Appearance.addChangeListener(({
+      colorScheme
+    }) => {
+      setSystemMode(colorScheme ?? 'light');
+    });
+    return () => sub.remove();
+  }, []);
+  const mode = preference === 'system' ? systemMode : preference;
+  const theme = (0, _react.useMemo)(() => {
+    const base = mode === 'dark' ? _tokens.darkTheme : _tokens.lightTheme;
+    const overrides = mode === 'dark' ? darkOverrides : lightOverrides;
+    return overrides ? (0, _merge.mergeTheme)(base, overrides) : base;
+  }, [mode, lightOverrides, darkOverrides]);
+  const value = (0, _react.useMemo)(() => ({
+    theme,
+    mode,
+    preference,
+    setPreference,
+    toggleColorMode: () => setPreference(current => {
+      if (current === 'system') {
+        return systemMode === 'dark' ? 'light' : 'dark';
+      }
+      return current === 'dark' ? 'light' : 'dark';
+    })
+  }), [theme, mode, preference, systemMode]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+exports.ThemeProvider = ThemeProvider;
+const useTheme = () => (0, _react.useContext)(ThemeContext).theme;
+exports.useTheme = useTheme;
+const useThemeMode = () => {
+  const ctx = (0, _react.useContext)(ThemeContext);
+  return {
+    mode: ctx.mode,
+    preference: ctx.preference,
+    setPreference: ctx.setPreference,
+    toggleColorMode: ctx.toggleColorMode
+  };
+};
+exports.useThemeMode = useThemeMode;
+//# sourceMappingURL=ThemeContext.js.map

package/lib/commonjs/theme/index.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeContext.ThemeProvider;
+  }
+});
+Object.defineProperty(exports, "darkTheme", {
+  enumerable: true,
+  get: function () {
+    return _tokens.darkTheme;
+  }
+});
+exports.getTheme = exports.getColorMode = void 0;
+Object.defineProperty(exports, "lightTheme", {
+  enumerable: true,
+  get: function () {
+    return _tokens.lightTheme;
+  }
+});
+Object.defineProperty(exports, "mergeTheme", {
+  enumerable: true,
+  get: function () {
+    return _merge.mergeTheme;
+  }
+});
+exports.subscribeTheme = exports.setTheme = exports.setColorMode = exports.resetTheme = void 0;
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () {
+    return _ThemeContext.useTheme;
+  }
+});
+Object.defineProperty(exports, "useThemeMode", {
+  enumerable: true,
+  get: function () {
+    return _ThemeContext.useThemeMode;
+  }
+});
+var _tokens = require("./tokens.js");
+var _merge = require("./merge.js");
+var _ThemeContext = require("./ThemeContext.js");
+let currentMode = 'light';
+let currentTheme = _tokens.lightTheme;
+let lightOverridesGlobal;
+let darkOverridesGlobal;
+const subscribers = new Set();
+const recompute = () => {
+  const base = currentMode === 'dark' ? _tokens.darkTheme : _tokens.lightTheme;
+  const overrides = currentMode === 'dark' ? darkOverridesGlobal : lightOverridesGlobal;
+  currentTheme = overrides ? (0, _merge.mergeTheme)(base, overrides) : base;
+  subscribers.forEach(cb => cb());
+};
+const setTheme = (overrides, mode) => {
+  if (mode) {
+    currentMode = mode;
+  }
+  if (currentMode === 'dark') {
+    darkOverridesGlobal = overrides;
+  } else {
+    lightOverridesGlobal = overrides;
+  }
+  recompute();
+};
+exports.setTheme = setTheme;
+const setColorMode = mode => {
+  currentMode = mode;
+  recompute();
+};
+exports.setColorMode = setColorMode;
+const getColorMode = () => currentMode;
+exports.getColorMode = getColorMode;
+const getTheme = () => currentTheme;
+exports.getTheme = getTheme;
+const resetTheme = () => {
+  currentMode = 'light';
+  lightOverridesGlobal = undefined;
+  darkOverridesGlobal = undefined;
+  recompute();
+};
+exports.resetTheme = resetTheme;
+const subscribeTheme = callback => {
+  subscribers.add(callback);
+  return () => {
+    subscribers.delete(callback);
+  };
+};
+exports.subscribeTheme = subscribeTheme;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/theme/merge.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeTheme = void 0;
+const isPlainObject = value => typeof value === 'object' && value !== null && !Array.isArray(value);
+const deepMerge = (target, source) => {
+  if (!isPlainObject(target) || !isPlainObject(source)) {
+    return source !== undefined ? source : target;
+  }
+  const result = {
+    ...target
+  };
+  for (const key of Object.keys(source)) {
+    const sourceValue = source[key];
+    const targetValue = target[key];
+    if (isPlainObject(sourceValue) && isPlainObject(targetValue)) {
+      result[key] = deepMerge(targetValue, sourceValue);
+    } else if (sourceValue !== undefined) {
+      result[key] = sourceValue;
+    }
+  }
+  return result;
+};
+const mergeTheme = (base, overrides) => {
+  return deepMerge(base, overrides);
+};
+exports.mergeTheme = mergeTheme;
+//# sourceMappingURL=merge.js.map

package/lib/commonjs/theme/tokens.js

@@ -0,0 +1,319 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lightTheme = exports.darkTheme = void 0;
+const typography = {
+  fontSize: {
+    xs: 11,
+    sm: 13,
+    base: 15,
+    lg: 17,
+    xl: 20,
+    '2xl': 24,
+    '3xl': 30,
+    '4xl': 36
+  },
+  fontWeight: {
+    normal: '400',
+    medium: '500',
+    semibold: '600',
+    bold: '700'
+  },
+  lineHeight: {
+    tight: 1.2,
+    normal: 1.4,
+    relaxed: 1.6
+  },
+  letterSpacing: {
+    tight: -0.2,
+    normal: 0,
+    wide: 0.4
+  }
+};
+const spacing = {
+  none: 0,
+  xxs: 2,
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 24,
+  '2xl': 32,
+  '3xl': 48,
+  '4xl': 64
+};
+const radius = {
+  none: 0,
+  xs: 4,
+  sm: 6,
+  md: 10,
+  lg: 14,
+  xl: 20,
+  '2xl': 28,
+  full: 9999
+};
+const motion = {
+  duration: {
+    instant: 80,
+    fast: 160,
+    normal: 240,
+    slow: 360,
+    slower: 500
+  },
+  easing: {
+    standard: [0.4, 0.0, 0.2, 1],
+    accelerate: [0.4, 0.0, 1, 1],
+    decelerate: [0.0, 0.0, 0.2, 1],
+    sharp: [0.4, 0.0, 0.6, 1]
+  },
+  spring: {
+    gentle: {
+      damping: 18,
+      stiffness: 140,
+      mass: 1
+    },
+    bouncy: {
+      damping: 12,
+      stiffness: 200,
+      mass: 1
+    },
+    snappy: {
+      damping: 22,
+      stiffness: 260,
+      mass: 1
+    }
+  }
+};
+const lightShadows = {
+  none: {},
+  xs: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.04,
+    shadowRadius: 2,
+    elevation: 1
+  },
+  sm: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.06,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  md: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.08,
+    shadowRadius: 8,
+    elevation: 4
+  },
+  lg: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 8
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 16,
+    elevation: 8
+  },
+  xl: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 12
+    },
+    shadowOpacity: 0.14,
+    shadowRadius: 24,
+    elevation: 12
+  },
+  '2xl': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 20
+    },
+    shadowOpacity: 0.18,
+    shadowRadius: 32,
+    elevation: 20
+  }
+};
+const darkShadows = {
+  none: {},
+  xs: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 2,
+    elevation: 1
+  },
+  sm: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.4,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  md: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.5,
+    shadowRadius: 8,
+    elevation: 4
+  },
+  lg: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 8
+    },
+    shadowOpacity: 0.55,
+    shadowRadius: 16,
+    elevation: 8
+  },
+  xl: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 12
+    },
+    shadowOpacity: 0.6,
+    shadowRadius: 24,
+    elevation: 12
+  },
+  '2xl': {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 20
+    },
+    shadowOpacity: 0.7,
+    shadowRadius: 32,
+    elevation: 20
+  }
+};
+const lightTheme = exports.lightTheme = {
+  mode: 'light',
+  colors: {
+    primary: '#5B5BD6',
+    primaryHover: '#4F4FBF',
+    primaryPressed: '#4040A8',
+    primaryMuted: '#EEEEFC',
+    secondary: '#F4F4F8',
+    secondaryHover: '#E9E9F0',
+    success: '#1FAD66',
+    warning: '#F59E0B',
+    error: '#E5484D',
+    info: '#3B82F6',
+    text: {
+      primary: '#0F0F1A',
+      secondary: '#52525B',
+      tertiary: '#8B8B95',
+      inverse: '#FFFFFF',
+      disabled: '#B4B4BB',
+      link: '#5B5BD6'
+    },
+    background: {
+      primary: '#FFFFFF',
+      secondary: '#F8F8FB',
+      tertiary: '#F1F1F5',
+      elevated: '#FFFFFF',
+      overlay: 'rgba(15, 15, 26, 0.5)',
+      inverse: '#0F0F1A'
+    },
+    border: {
+      primary: '#E5E5EC',
+      secondary: '#EFEFF3',
+      focus: '#5B5BD6',
+      error: '#E5484D'
+    },
+    surface: {
+      pressed: 'rgba(15, 15, 26, 0.06)',
+      hovered: 'rgba(15, 15, 26, 0.04)',
+      selected: 'rgba(91, 91, 214, 0.1)',
+      disabled: '#F1F1F5'
+    },
+    skeleton: {
+      background: '#EBEDF3',
+      highlight: '#F5F6FA'
+    }
+  },
+  typography,
+  spacing,
+  radius,
+  shadows: lightShadows,
+  motion
+};
+const darkTheme = exports.darkTheme = {
+  mode: 'dark',
+  colors: {
+    primary: '#7C7CE8',
+    primaryHover: '#9292EE',
+    primaryPressed: '#A8A8F2',
+    primaryMuted: '#1F1F3D',
+    secondary: '#1F1F26',
+    secondaryHover: '#2A2A33',
+    success: '#30C780',
+    warning: '#FBBF24',
+    error: '#F87171',
+    info: '#60A5FA',
+    text: {
+      primary: '#FAFAFA',
+      secondary: '#B4B4BB',
+      tertiary: '#71717A',
+      inverse: '#0F0F1A',
+      disabled: '#52525B',
+      link: '#9292EE'
+    },
+    background: {
+      primary: '#0B0B12',
+      secondary: '#13131C',
+      tertiary: '#1C1C26',
+      elevated: '#1C1C26',
+      overlay: 'rgba(0, 0, 0, 0.65)',
+      inverse: '#FAFAFA'
+    },
+    border: {
+      primary: '#27272F',
+      secondary: '#1C1C26',
+      focus: '#7C7CE8',
+      error: '#F87171'
+    },
+    surface: {
+      pressed: 'rgba(255, 255, 255, 0.08)',
+      hovered: 'rgba(255, 255, 255, 0.05)',
+      selected: 'rgba(124, 124, 232, 0.18)',
+      disabled: '#1C1C26'
+    },
+    skeleton: {
+      background: '#1C1C26',
+      highlight: '#27272F'
+    }
+  },
+  typography,
+  spacing,
+  radius,
+  shadows: darkShadows,
+  motion
+};
+//# sourceMappingURL=tokens.js.map

package/lib/commonjs/theme/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/types/vector-icons.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=vector-icons.d.js.map