@neko-os/ui 0.5.4 → 0.6.0

package/dist/helpers/compress.js

@@ -0,0 +1,61 @@
+function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}var IMAGE_DEFAULTS = { maxWidth: 1920, maxHeight: 1920, quality: 0.8 };
+
+function isImage(asset) {var _asset$type;
+  return asset == null ? void 0 : (_asset$type = asset.type) == null ? void 0 : _asset$type.startsWith('image/');
+}
+
+function loadImage(src) {
+  return new Promise(function (resolve, reject) {
+    var img = new Image();
+    img.onload = function () {return resolve(img);};
+    img.onerror = reject;
+    img.src = src;
+  });
+}
+
+var ALPHA_TYPES = new Set(['image/png', 'image/webp', 'image/gif']);
+
+function compressWithCanvas(img, _ref) {var maxWidth = _ref.maxWidth,maxHeight = _ref.maxHeight,quality = _ref.quality,mimeType = _ref.mimeType;
+  var width = img.width,height = img.height;
+  if (width > maxWidth || height > maxHeight) {
+    var ratio = Math.min(maxWidth / width, maxHeight / height);
+    width = Math.round(width * ratio);
+    height = Math.round(height * ratio);
+  }
+
+  var canvas = document.createElement('canvas');
+  canvas.width = width;
+  canvas.height = height;
+  var ctx = canvas.getContext('2d');
+  ctx.drawImage(img, 0, 0, width, height);
+
+  var outputType = ALPHA_TYPES.has(mimeType) ? mimeType : 'image/jpeg';
+
+  return new Promise(function (resolve) {
+    canvas.toBlob(
+      function (blob) {return resolve(blob ? { uri: URL.createObjectURL(blob), width: width, height: height } : null);},
+      outputType,
+      quality
+    );
+  });
+}
+
+export function compressAsset(_x) {return _compressAsset.apply(this, arguments);}function _compressAsset() {_compressAsset = _asyncToGenerator(function* (asset) {var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    if (!(asset != null && asset.uri) || !isImage(asset)) return asset;
+
+    try {
+      var opts = Object.assign({}, IMAGE_DEFAULTS, options.image);
+      var img = yield loadImage(asset.uri);
+      var result = yield compressWithCanvas(img, Object.assign({}, opts, { mimeType: asset.type }));
+      if (!result) return asset;
+      return Object.assign({}, asset, { uri: result.uri, width: result.width, height: result.height });
+    } catch (e) {
+      console.warn('[neko-ui compress] web image compression failed:', e == null ? void 0 : e.message);
+      return asset;
+    }
+  });return _compressAsset.apply(this, arguments);}
+
+export function compressAssets(assets) {var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!(assets != null && assets.length)) return Promise.resolve(assets || []);
+  return Promise.all(assets.map(function (a) {return compressAsset(a, options);}));
+}

package/dist/helpers/compress.native.js

@@ -0,0 +1,49 @@
+function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}var ImageCompressor;
+var VideoCompressor;
+try {
+  var RNC = require('react-native-compressor');
+  ImageCompressor = RNC.Image;
+  VideoCompressor = RNC.Video;
+} catch (_unused) {}
+
+var IMAGE_DEFAULTS = { maxWidth: 1920, maxHeight: 1920, quality: 0.8 };
+var VIDEO_DEFAULTS = { maxSize: 720 };
+
+function isImage(asset) {var _asset$type;
+  return asset == null ? void 0 : (_asset$type = asset.type) == null ? void 0 : _asset$type.startsWith('image/');
+}
+
+function isVideo(asset) {var _asset$type2;
+  return asset == null ? void 0 : (_asset$type2 = asset.type) == null ? void 0 : _asset$type2.startsWith('video/');
+}
+
+export function compressAsset(_x) {return _compressAsset.apply(this, arguments);}function _compressAsset() {_compressAsset = _asyncToGenerator(function* (asset) {var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    if (!(asset != null && asset.uri)) return asset;
+
+    if (isImage(asset) && ImageCompressor) {
+      try {
+        var uri = yield ImageCompressor.compress(asset.uri, Object.assign({}, IMAGE_DEFAULTS, options.image));
+        return Object.assign({}, asset, { uri: uri });
+      } catch (e) {
+        console.warn('[neko-ui compress] image failed, keeping original:', e == null ? void 0 : e.message);
+        return asset;
+      }
+    }
+
+    if (isVideo(asset) && VideoCompressor) {
+      try {
+        var _uri = yield VideoCompressor.compress(asset.uri, Object.assign({}, VIDEO_DEFAULTS, options.video));
+        return Object.assign({}, asset, { uri: _uri });
+      } catch (e) {
+        console.warn('[neko-ui compress] video failed, keeping original:', e == null ? void 0 : e.message);
+        return asset;
+      }
+    }
+
+    return asset;
+  });return _compressAsset.apply(this, arguments);}
+
+export function compressAssets(assets) {var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!(assets != null && assets.length)) return Promise.resolve(assets || []);
+  return Promise.all(assets.map(function (a) {return compressAsset(a, options);}));
+}

package/dist/helpers/files.js

@@ -0,0 +1,7 @@
+
+
+export function persistFile(uri) {
+  return uri;
+}
+
+export function removeFile() {}

package/dist/helpers/files.native.js

@@ -0,0 +1,55 @@
+function _construct(t, e, r) {if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments);var o = [null];o.push.apply(o, e);var p = new (t.bind.apply(t, o))();return r && _setPrototypeOf(p, r.prototype), p;}function _setPrototypeOf(t, e) {return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {return t.__proto__ = e, t;}, _setPrototypeOf(t, e);}function _isNativeReflectConstruct() {try {var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));} catch (t) {}return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {return !!t;})();}function _toConsumableArray(r) {return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();}function _nonIterableSpread() {throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _arrayWithoutHoles(r) {if (Array.isArray(r)) return _arrayLikeToArray(r);}function _toArray(r) {return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArray(r) {if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}var FS;
+try {
+  FS = require('expo-file-system');
+} catch (_unused) {}
+
+
+
+function resolveDir(target) {
+  var _split$filter = (target || '').split('/').filter(Boolean),_split$filter2 = _toArray(_split$filter),base = _split$filter2[0],rest = _split$filter2.slice(1);
+  if (base !== 'cache' && base !== 'document') {
+    console.warn(`[neko-ui files] target base "${base}" unknown — using document dir. Use "document" or "cache".`);
+  }
+  var root = base === 'cache' ? FS.Paths.cache : FS.Paths.document;
+  var dir = _construct(FS.Directory, [root].concat(_toConsumableArray(rest)));
+  try {
+    dir.create({ intermediates: true, idempotent: true });
+  } catch (e) {
+    console.warn('[neko-ui files] dir create failed:', e == null ? void 0 : e.message);
+  }
+  return dir;
+}
+
+var seq = 0;
+
+
+
+
+
+
+
+
+
+export function persistFile(uri) {var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'document/files';var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},name = _ref.name;
+  if (!FS || !uri) return uri;
+  try {
+    var ext = (name == null ? void 0 : name.split('.').pop()) || uri.split('?')[0].split('.').pop() || 'jpg';
+    var filename = `${Date.now()}_${seq++}_${Math.round(Math.random() * 1e6)}.${ext}`;
+    var dest = new FS.File(resolveDir(target), filename);
+    new FS.File(uri).copy(dest);
+    return dest.uri;
+  } catch (e) {
+    console.warn('[neko-ui files] persistFile failed, keeping uri:', e == null ? void 0 : e.message);
+    return uri;
+  }
+}
+
+
+export function removeFile(uri) {
+  if (!FS || !uri) return;
+  try {
+    new FS.File(uri).delete();
+  } catch (e) {
+    console.warn('[neko-ui files] removeFile failed:', e == null ? void 0 : e.message);
+  }
+}

package/dist/helpers/index.js

@@ -1,7 +1,12 @@
+export * from "./compress";
 export * from "./debounce";
-export * from "./string";
+export * from "./files";
+export * from "./media";
+export * from "./numbers";
+export * from "./pickAssets";
 export * from "./random";
 export * from "./storage";
+export * from "./string";
 export * from "./weekStart";
 export * from "./weekStartSetup";
 export * from "./../abstractions/helpers/useSafeAreaInsets";

package/dist/helpers/media.js

@@ -0,0 +1,4 @@
+function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}
+
+export var openCamera = function () {var _ref = _asyncToGenerator(function* () {return [];});return function openCamera() {return _ref.apply(this, arguments);};}();
+export var openLibrary = function () {var _ref2 = _asyncToGenerator(function* () {return [];});return function openLibrary() {return _ref2.apply(this, arguments);};}();

package/dist/helpers/media.native.js

@@ -0,0 +1,41 @@
+function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}var ImagePicker;
+try {
+  ImagePicker = require('expo-image-picker');
+} catch (_unused) {}
+
+
+
+function normalizeImageResult(asset) {
+  return {
+    uri: asset.uri,
+    name: asset.fileName || asset.uri.split('/').pop(),
+    type: asset.mimeType || asset.type || 'image/jpeg',
+    size: asset.fileSize || asset.filesize,
+    width: asset.width,
+    height: asset.height
+  };
+}
+
+
+
+
+
+
+export function openCamera() {return _openCamera.apply(this, arguments);}function _openCamera() {_openCamera = _asyncToGenerator(function* () {var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (!ImagePicker) return [];
+    var permission = yield ImagePicker.requestCameraPermissionsAsync();
+    if (!permission.granted) return [];
+    var result = yield ImagePicker.launchCameraAsync(options);
+    if (result.canceled) return [];
+    return result.assets.map(normalizeImageResult);
+  });return _openCamera.apply(this, arguments);}
+
+
+export function openLibrary() {return _openLibrary.apply(this, arguments);}function _openLibrary() {_openLibrary = _asyncToGenerator(function* () {var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (!ImagePicker) return [];
+    var permission = yield ImagePicker.requestMediaLibraryPermissionsAsync();
+    if (!permission.granted) return [];
+    var result = yield ImagePicker.launchImageLibraryAsync(options);
+    if (result.canceled) return [];
+    return result.assets.map(normalizeImageResult);
+  });return _openLibrary.apply(this, arguments);}

package/dist/helpers/numbers.js

@@ -0,0 +1,13 @@
+import { is } from 'ramda';
+
+export function fixedDecimals(num) {var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  if (!num) return num;
+  if (Number.isInteger(num)) return num;
+  if (is(String, num)) num = parseFloat(num);
+
+  var decimalPart = num.toString().split('.')[1];
+  if (decimalPart && decimalPart.length > count) {
+    return parseFloat(num.toFixed(count));
+  }
+  return num;
+}

package/dist/helpers/pickAssets.js

@@ -0,0 +1,7 @@
+function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}export function pickFromCamera() {return _pickFromCamera.apply(this, arguments);}function _pickFromCamera() {_pickFromCamera = _asyncToGenerator(function* () {var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},_ref$multiple = _ref.multiple,multiple = _ref$multiple === void 0 ? false : _ref$multiple;
+    return multiple ? [] : null;
+  });return _pickFromCamera.apply(this, arguments);}
+
+export function pickFromLibrary() {return _pickFromLibrary.apply(this, arguments);}function _pickFromLibrary() {_pickFromLibrary = _asyncToGenerator(function* () {var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},_ref2$multiple = _ref2.multiple,multiple = _ref2$multiple === void 0 ? false : _ref2$multiple;
+    return multiple ? [] : null;
+  });return _pickFromLibrary.apply(this, arguments);}

package/dist/helpers/pickAssets.native.js

@@ -0,0 +1,66 @@
+function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}import { openCamera, openLibrary } from "./media";
+import { compressAsset, compressAssets } from "./compress";
+import { persistFile } from "./files";
+
+var MediaLibrary;
+try {
+  MediaLibrary = require('expo-media-library');
+} catch (_unused) {}function
+
+saveAssetsToLibrary(_x) {return _saveAssetsToLibrary.apply(this, arguments);}function _saveAssetsToLibrary() {_saveAssetsToLibrary = _asyncToGenerator(function* (assets) {
+    if (!MediaLibrary || !(assets != null && assets.length)) return;
+    try {
+      var perm = yield MediaLibrary.requestPermissionsAsync(true);
+      if (!perm.granted) return;
+      for (var a of assets) {
+        try {
+          yield MediaLibrary.saveToLibraryAsync(a.uri);
+        } catch (e) {
+          console.warn('[neko-ui pick] saveToLibrary failed:', e == null ? void 0 : e.message);
+        }
+      }
+    } catch (e) {
+      console.warn('[neko-ui pick] saveToLibrary permission error:', e == null ? void 0 : e.message);
+    }
+  });return _saveAssetsToLibrary.apply(this, arguments);}
+
+function persistAsset(asset, persistTo) {
+  if (!persistTo) return asset;
+  return Object.assign({}, asset, { uri: persistFile(asset.uri, persistTo, { name: asset.name }) });
+}function
+
+processAssets(_x2) {return _processAssets.apply(this, arguments);}function _processAssets() {_processAssets = _asyncToGenerator(function* (assets) {var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},_ref3$compress = _ref3.compress,compress = _ref3$compress === void 0 ? true : _ref3$compress,persistTo = _ref3.persistTo;
+    var result = assets;
+    if (compress !== false) {
+      var compressOpts = typeof compress === 'object' ? compress : {};
+      result = yield compressAssets(result, compressOpts);
+    }
+    if (persistTo) {
+      result = result.map(function (a) {return persistAsset(a, persistTo);});
+    }
+    return result;
+  });return _processAssets.apply(this, arguments);}
+
+export function pickFromCamera() {return _pickFromCamera.apply(this, arguments);}function _pickFromCamera() {_pickFromCamera = _asyncToGenerator(function* () {var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},_ref$multiple = _ref.multiple,multiple = _ref$multiple === void 0 ? false : _ref$multiple,maxCount = _ref.maxCount,mediaTypes = _ref.mediaTypes,persistTo = _ref.persistTo,compress = _ref.compress,saveToLibrary = _ref.saveToLibrary;
+    var assets = yield openCamera({
+      allowsMultipleSelection: multiple,
+      selectionLimit: maxCount || 0,
+      mediaTypes: mediaTypes
+    });
+    if (!assets.length) return multiple ? [] : null;
+
+    if (saveToLibrary) yield saveAssetsToLibrary(assets);
+    var result = yield processAssets(assets, { compress: compress, persistTo: persistTo });
+    return multiple ? result : result[0];
+  });return _pickFromCamera.apply(this, arguments);}
+
+export function pickFromLibrary() {return _pickFromLibrary.apply(this, arguments);}function _pickFromLibrary() {_pickFromLibrary = _asyncToGenerator(function* () {var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},_ref2$multiple = _ref2.multiple,multiple = _ref2$multiple === void 0 ? false : _ref2$multiple,maxCount = _ref2.maxCount,mediaTypes = _ref2.mediaTypes,persistTo = _ref2.persistTo,compress = _ref2.compress;
+    var assets = yield openLibrary({
+      allowsMultipleSelection: multiple,
+      selectionLimit: maxCount || 0,
+      mediaTypes: mediaTypes
+    });
+    if (!assets.length) return multiple ? [] : null;
+    var result = yield processAssets(assets, { compress: compress, persistTo: persistTo });
+    return multiple ? result : result[0];
+  });return _pickFromLibrary.apply(this, arguments);}

package/dist/helpers/storage.js

@@ -41,6 +41,21 @@ function getAsync(key, defaultValue) {
   });
 }
 
+function notifyAll(value) {
+  Object.keys(listeners).forEach(function (key) {return notify(key, value);});
+}
+
+function clear() {
+  AbsStorage.clear();
+  notifyAll(undefined);
+}
+
+function clearAsync() {
+  return AbsStorage.clearAsync().then(function () {
+    notifyAll(undefined);
+  });
+}
+
 function formatStoragedValue(value) {
   try {
     if (!value) return value;
@@ -73,4 +88,6 @@ AbsStorage, {
   setAsync: setAsync,
   get: get,
   getAsync: getAsync,
+  clear: clear,
+  clearAsync: clearAsync,
   useState: useState });

package/dist/i18n/I18n.js

@@ -1,4 +1,4 @@
-var _excluded = ["ns", "context"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}function _classCallCheck(a, n) {if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");}function _defineProperties(e, r) {for (var t = 0; t < r.length; t++) {var o = r[t];o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);}}function _createClass(e, r, t) {return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e;}function _toPropertyKey(t) {var i = _toPrimitive(t, "string");return "symbol" == typeof i ? i : i + "";}function _toPrimitive(t, r) {if ("object" != typeof t || !t) return t;var e = t[Symbol.toPrimitive];if (void 0 !== e) {var i = e.call(t, r || "default");if ("object" != typeof i) return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return ("string" === r ? String : Number)(t);}export var I18n = function () {
+var _excluded = ["ns", "context", "default"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}function _classCallCheck(a, n) {if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");}function _defineProperties(e, r) {for (var t = 0; t < r.length; t++) {var o = r[t];o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);}}function _createClass(e, r, t) {return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e;}function _toPropertyKey(t) {var i = _toPrimitive(t, "string");return "symbol" == typeof i ? i : i + "";}function _toPrimitive(t, r) {if ("object" != typeof t || !t) return t;var e = t[Symbol.toPrimitive];if (void 0 !== e) {var i = e.call(t, r || "default");if ("object" != typeof i) return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return ("string" === r ? String : Number)(t);}export var I18n = function () {
   function I18n() {var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};_classCallCheck(this, I18n);
     this.language = options.language || 'en';
     this.fallback = options.fallback || 'en';
@@ -26,7 +26,7 @@ var _excluded = ["ns", "context"];function _objectWithoutProperties(e, t) {if (n
         });function tAsync(_x) {return _tAsync.apply(this, arguments);}return tAsync;}() }, { key: "t", value:
 
     function t(key) {var _this$resources$this$2;var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var _opts$ns2 = opts.ns,ns = _opts$ns2 === void 0 ? 'common' : _opts$ns2,context = opts.context,vars = _objectWithoutProperties(opts, _excluded);
+      var _opts$ns2 = opts.ns,ns = _opts$ns2 === void 0 ? 'common' : _opts$ns2,context = opts.context,defaultVal = opts.default,vars = _objectWithoutProperties(opts, _excluded);
       var count = vars == null ? void 0 : vars.count;
       if (key.includes(':')) {
         var splittedKey = key.split(':');
@@ -37,9 +37,9 @@ var _excluded = ["ns", "context"];function _objectWithoutProperties(e, t) {if (n
       var value = this._resolveKey(langData, key, count, context);
       if (context) console.log(context, value);
 
-      if (!value) {var _this$resources$this$3;
+      if (!value) {var _this$resources$this$3, _ref, _this$_resolveKey;
         var fallbackData = (_this$resources$this$3 = this.resources[this.fallback]) == null ? void 0 : _this$resources$this$3[ns];
-        value = this._resolveKey(fallbackData, key, count, context) || key;
+        value = (_ref = (_this$_resolveKey = this._resolveKey(fallbackData, key, count, context)) != null ? _this$_resolveKey : defaultVal) != null ? _ref : key;
       }
 
       return this._interpolate(value, vars);

package/dist/index.js

@@ -6,4 +6,4 @@ export * from "./i18n";
 export * from "./NekoUI";
 export * from "./abstractions";
 
-export var version = 41;
+export var version = 44;

package/dist/responsive/responsiveHooks.js

@@ -27,6 +27,20 @@ export function useGetResponsiveValue() {
 
       if (!isObj) return value;
 
+
+
+
+      var bpNames = breakpoints.map(function (b) {return b.name;});
+      var isResponsiveKey = function isResponsiveKey(k) {return (
+          k === 'df' ||
+          k === 'native' ||
+          k === 'web' ||
+          k === 'ios' ||
+          k === 'android' ||
+          bpNames.includes(k) ||
+          /^(\w+)[du]$/.test(k) && bpNames.includes(k.slice(0, -1)));};
+      if (!Object.keys(value).some(isResponsiveKey)) return value;
+
       if (value[screen]) return value[screen];
 
       var keys = Object.keys(value);var _loop = function _loop()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neko-os/ui",
-  "version": "0.5.4",
+  "version": "0.6.0",
   "author": "Christian Storch <ccstorch@gmail.com>",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -22,21 +22,9 @@
   },
   "peerDependencies": {
     "@remixicon/react": "^4.6.0",
-    "expo-linear-gradient": "~14.1.5",
     "dayjs": "*",
     "ramda": "^0.31.3",
-    "react": "*",
-    "react-native": "*",
-    "react-native-gesture-handler": "^2.28.0",
-    "react-native-reanimated": "^4.1.0",
-    "react-native-remix-icon": "^4.6.3",
-    "react-native-web": "*",
-    "react-native-safe-area-context": "*"
-  },
-  "peerDependenciesMeta": {
-    "react-native-safe-area-context": {
-      "optional": true
-    }
+    "react": "*"
   },
   "dependencies": {
     "prop-types": "^15.8.1",

package/src/NekoUI.js

@@ -1,6 +1,7 @@
 import { initFirstDayOfWeek } from './helpers/weekStartSetup'
 import { DynamicStyleTag } from './DynamicStyleTag'
 import { I18nProvider } from './i18n'
+import { MeasurementHandler } from './components/measurements/MeasurementHandler'
 import { ModalsHandler } from './components/modals/modal/handler/ModalsHandler'
 import { NotificationsHandler } from './components/feedback/notifications/NotificationsHandler'
 import { OverlayHandler } from './components/structure/overlay/OverlayHandler'
@@ -12,23 +13,25 @@ import { useThemeHandler } from './theme'
 
 initFirstDayOfWeek()
 
-export function NekoUI({ children, i18n, ...props }) {
+export function NekoUI({ children, i18n, measurementSystem, ...props }) {
   return (
     <ThemeHandler {...props}>
       <DynamicStyleTag />
       <ResponsiveHandler>
-        <PortalHandler>
-          <ModalsHandler>
-            <I18nProvider i18n={i18n}>
-              <NotificationsHandler>
-                <OverlayHandler>
-                  {children}
-                  <FixedComponents />
-                </OverlayHandler>
-              </NotificationsHandler>
-            </I18nProvider>
-          </ModalsHandler>
-        </PortalHandler>
+        <MeasurementHandler measurementSystem={measurementSystem}>
+          <PortalHandler>
+            <ModalsHandler>
+              <I18nProvider i18n={i18n}>
+                <NotificationsHandler>
+                  <OverlayHandler>
+                    {children}
+                    <FixedComponents />
+                  </OverlayHandler>
+                </NotificationsHandler>
+              </I18nProvider>
+            </ModalsHandler>
+          </PortalHandler>
+        </MeasurementHandler>
       </ResponsiveHandler>
     </ThemeHandler>
   )

package/src/abstractions/WindowOverlay.js

@@ -0,0 +1,3 @@
+export function AbsWindowOverlay({ children }) {
+  return children
+}

package/src/abstractions/WindowOverlay.native.js

@@ -0,0 +1,21 @@
+import { Platform } from 'react-native'
+
+let AbsWindowOverlay = ({ children }) => children
+
+// iOS native-stack modals (presentation: 'modal') present a UIViewController above
+// the RN root view, covering anything rendered inside it regardless of zIndex.
+// FullWindowOverlay renders above presented view controllers and passes touches
+// through empty areas. On Android/web screens stay in the same window, so the
+// passthrough is enough.
+if (Platform.OS === 'ios') {
+  try {
+    const { FullWindowOverlay } = require('react-native-screens') || {}
+    if (FullWindowOverlay) {
+      AbsWindowOverlay = ({ children }) => <FullWindowOverlay>{children}</FullWindowOverlay>
+    }
+  } catch {
+    console.warn('react-native-screens not installed. Notifications may render behind native iOS modals.')
+  }
+}
+
+export { AbsWindowOverlay }

package/src/abstractions/helpers/storage.js

@@ -3,7 +3,7 @@ function set(key, value) {
 }
 
 function setAsync(key, value) {
-  return Promise.resulve(set(key, value))
+  return Promise.resolve(set(key, value))
 }
 
 function get(key) {
@@ -11,7 +11,7 @@ function get(key) {
 }
 
 function getAsync(key) {
-  return Promise.resulve(get(key))
+  return Promise.resolve(get(key))
 }
 
 function remove(key) {
@@ -19,7 +19,15 @@ function remove(key) {
 }
 
 function removeAsync(key) {
-  return Promise.resulve(remove(key))
+  return Promise.resolve(remove(key))
+}
+
+function clear() {
+  return localStorage.clear()
+}
+
+function clearAsync() {
+  return Promise.resolve(clear())
 }
 
 export const AbsStorage = {
@@ -29,4 +37,6 @@ export const AbsStorage = {
   getAsync,
   remove,
   removeAsync,
+  clear,
+  clearAsync,
 }

package/src/abstractions/helpers/storage.native.js

@@ -7,6 +7,9 @@ let getAsync = () => Promise.resolve(get())
 let remove = () => console.warn('expo-sqlite not installed. Neko Storage needs expo-sqlite to work properly')
 let removeAsync = () => Promise.resolve(remove())
 
+let clear = () => console.warn('expo-sqlite not installed. Neko Storage needs expo-sqlite to work properly')
+let clearAsync = () => Promise.resolve(clear())
+
 try {
   const StorageModule = require('expo-sqlite/kv-store')
   if (StorageModule?.default) {
@@ -19,6 +22,9 @@ try {
 
     remove = Storage.removeItemSync.bind(Storage)
     removeAsync = Storage.removeItem.bind(Storage)
+
+    clear = Storage.clearSync.bind(Storage)
+    clearAsync = Storage.clearAsync.bind(Storage)
   }
 } catch (e) {
   console.log('expo-sqlite not available:', e)
@@ -31,4 +37,6 @@ export const AbsStorage = {
   getAsync,
   remove,
   removeAsync,
+  clear,
+  clearAsync,
 }

package/src/components/feedback/notifications/NotificationsHandler.js

@@ -1,10 +1,11 @@
 import { is } from 'ramda'
 import React from 'react'
 
+import { AbsWindowOverlay } from '../../../abstractions/WindowOverlay'
 import { Notification } from './Notification'
-import { SafeAreaView } from '../../structure/SafeAreaView'
 import { View } from '../../structure/View'
 import { useResponsiveValue } from '../../../responsive/responsiveHooks'
+import { useSafeAreaInsets } from '../../../abstractions/helpers/useSafeAreaInsets'
 
 const NotificationsContext = React.createContext(null)
 
@@ -35,6 +36,7 @@ export function useNotifier() {
 
 export function NotificationsHandler({ children }) {
   const width = useResponsiveValue({ sm: '100%', df: 400 })
+  const insets = useSafeAreaInsets()
   const [messages, setMessages] = React.useState([])
 
   const add = React.useCallback((key, data) => {
@@ -52,13 +54,15 @@ export function NotificationsHandler({ children }) {
       {children}
 
       {!!messages.length && (
-        <View fixed top={0} right={0} padding="md" width={width} maxWidth="100%" pointerEvents="box-none" zIndex={600}>
-          <SafeAreaView gap="xs">
-            {messages.map(({ key, ...item }) => (
-              <Notification key={key} {...item} />
-            ))}
-          </SafeAreaView>
-        </View>
+        <AbsWindowOverlay>
+          <View fixed top={0} right={0} padding="md" width={width} maxWidth="100%" pointerEvents="box-none" zIndex={600}>
+            <View paddingT={insets.top} paddingR={insets.right} gap="xs" pointerEvents="box-none">
+              {messages.map(({ key, ...item }) => (
+                <Notification key={key} {...item} />
+              ))}
+            </View>
+          </View>
+        </AbsWindowOverlay>
       )}
     </NotificationsContext.Provider>
   )

package/src/components/index.js

@@ -19,4 +19,6 @@ export * from './theme'
 export * from './sections'
 export * from './filter'
 export * from './steps'
+export * from './routing'
 export * from './carousel'
+export * from './measurements'