@neko-os/ui 0.5.4 → 0.6.0

package/src/helpers/pickAssets.native.js

@@ -0,0 +1,66 @@
+import { openCamera, openLibrary } from './media'
+import { compressAsset, compressAssets } from './compress'
+import { persistFile } from './files'
+
+let MediaLibrary
+try {
+  MediaLibrary = require('expo-media-library')
+} catch {}
+
+async function saveAssetsToLibrary(assets) {
+  if (!MediaLibrary || !assets?.length) return
+  try {
+    const perm = await MediaLibrary.requestPermissionsAsync(true)
+    if (!perm.granted) return
+    for (const a of assets) {
+      try {
+        await MediaLibrary.saveToLibraryAsync(a.uri)
+      } catch (e) {
+        console.warn('[neko-ui pick] saveToLibrary failed:', e?.message)
+      }
+    }
+  } catch (e) {
+    console.warn('[neko-ui pick] saveToLibrary permission error:', e?.message)
+  }
+}
+
+function persistAsset(asset, persistTo) {
+  if (!persistTo) return asset
+  return { ...asset, uri: persistFile(asset.uri, persistTo, { name: asset.name }) }
+}
+
+async function processAssets(assets, { compress = true, persistTo } = {}) {
+  let result = assets
+  if (compress !== false) {
+    const compressOpts = typeof compress === 'object' ? compress : {}
+    result = await compressAssets(result, compressOpts)
+  }
+  if (persistTo) {
+    result = result.map((a) => persistAsset(a, persistTo))
+  }
+  return result
+}
+
+export async function pickFromCamera({ multiple = false, maxCount, mediaTypes, persistTo, compress, saveToLibrary } = {}) {
+  const assets = await openCamera({
+    allowsMultipleSelection: multiple,
+    selectionLimit: maxCount || 0,
+    mediaTypes,
+  })
+  if (!assets.length) return multiple ? [] : null
+  // Save original (pre-compression) captures to device Photos
+  if (saveToLibrary) await saveAssetsToLibrary(assets)
+  const result = await processAssets(assets, { compress, persistTo })
+  return multiple ? result : result[0]
+}
+
+export async function pickFromLibrary({ multiple = false, maxCount, mediaTypes, persistTo, compress } = {}) {
+  const assets = await openLibrary({
+    allowsMultipleSelection: multiple,
+    selectionLimit: maxCount || 0,
+    mediaTypes,
+  })
+  if (!assets.length) return multiple ? [] : null
+  const result = await processAssets(assets, { compress, persistTo })
+  return multiple ? result : result[0]
+}

package/src/helpers/storage.js

@@ -41,6 +41,21 @@ function getAsync(key, defaultValue) {
   })
 }
 
+function notifyAll(value) {
+  Object.keys(listeners).forEach((key) => notify(key, value))
+}
+
+function clear() {
+  AbsStorage.clear()
+  notifyAll(undefined)
+}
+
+function clearAsync() {
+  return AbsStorage.clearAsync().then(() => {
+    notifyAll(undefined)
+  })
+}
+
 function formatStoragedValue(value) {
   try {
     if (!value) return value
@@ -73,5 +88,7 @@ export const Storage = {
   setAsync,
   get,
   getAsync,
+  clear,
+  clearAsync,
   useState,
 }

package/src/i18n/I18n.js

@@ -26,7 +26,7 @@ export class I18n {
   }
 
   t(key, opts = {}) {
-    let { ns = 'common', context, ...vars } = opts
+    let { ns = 'common', context, default: defaultVal, ...vars } = opts
     const count = vars?.count
     if (key.includes(':')) {
       const splittedKey = key.split(':')
@@ -39,7 +39,7 @@ export class I18n {
 
     if (!value) {
       const fallbackData = this.resources[this.fallback]?.[ns]
-      value = this._resolveKey(fallbackData, key, count, context) || key
+      value = this._resolveKey(fallbackData, key, count, context) ?? defaultVal ?? key
     }
 
     return this._interpolate(value, vars)

package/src/index.js

@@ -6,4 +6,4 @@ export * from './i18n'
 export * from './NekoUI'
 export * from './abstractions'
 
-export const version = 41
+export const version = 44

package/src/responsive/responsiveHooks.js

@@ -27,6 +27,20 @@ export function useGetResponsiveValue() {
 
       if (!isObj) return value
 
+      // Only treat the object as a responsive descriptor when it actually
+      // carries breakpoint / platform / df keys. Otherwise it is a plain
+      // object prop (e.g. titleProps) and must pass through untouched.
+      const bpNames = breakpoints.map((b) => b.name)
+      const isResponsiveKey = (k) =>
+        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]
 
       const keys = Object.keys(value)