@rpcbase/client 0.227.0 → 0.231.0

package/rts/store/index.js

@@ -1,100 +0,0 @@
-/* @flow */
-import debug from "debug"
-
-import "./debug"
-
-import {UNDERSCORE_PREFIX} from "./constants"
-
-import {get_collection} from "./get_collection"
-import update_docs from "./update_docs"
-import satisfies_projection from "./satisfies_projection"
-import replace_query_keys from "./replace_query_keys"
-
-
-const log = debug("rb:rts:store")
-
-// TODO: listening for changes
-// https://github.com/pouchdb/pouchdb/tree/master/packages/node_modules/pouchdb-find#dbcreateindexindex--callback
-//   const res = await db.createIndex({
-//     index: {fields: ["name"]}
-//   })
-//   // Listen for changes on the database
-//   const fn = db.changes({
-//     since: "now",
-//     live: true,
-//     include_docs: true
-//   }).on("change", function(change) {
-//     // handle change
-//     console.log("GOT CHANGE", change)
-//   }).on("error", function (err) {
-//     // handle errors
-//     console.log(err)
-//   })
-//   fn.cancel()
-//   console.log("got res", res)
-// _cols_store[col_name].getIndexes().then(function (result) {
-//   console.log("got indexes", result)
-// })
-
-
-// TODO: implement store in a shared worker
-// TODO: should we filter all docs by projection ? or just the ones where the projection isn't complete ?
-const run_query = async({model_name, query, options}, callback) => {
-  log("run_query", {model_name, query, options})
-  // console.time("store run_query")
-
-  // TODO: we should prefix model_name with RB_TENANT_ID + env_id
-  const collection = get_collection(model_name, options)
-
-  const replaced_query = replace_query_keys(query, (k) => (k.startsWith("_") && k !== "_id") ? `${UNDERSCORE_PREFIX}${k}` : k)
-
-  const find_query = {
-    selector: replaced_query,
-    // DO NOT INCLUDE FIELDS HERE AS IT USES PICK AND WE WOULD GO through the list twice
-    // https://github.com/pouchdb/pouchdb/blob/master/packages/node_modules/pouchdb-find/src/adapters/local/find/index.js
-    // fields: [""]
-  }
-
-  // console.time(`query-${model_name}`)
-  // https://github.com/pouchdb/pouchdb/tree/master/packages/node_modules/pouchdb-find#dbcreateindexindex--callback
-  const {docs} = await collection.find(find_query)
-  // console.timeEnd(`query-${model_name}`)
-
-  let mapped_docs = docs
-    .map(({_rev, ...doc}) => {
-      // TODO: handle projections here
-      const remapped_doc = Object.entries(doc).reduce((new_doc, [key, value]) => {
-        let new_key = key.startsWith("$_") ? key.replace(/^\$_/, "") : key
-        new_doc[new_key] = value
-        return new_doc
-      }, {})
-
-      return remapped_doc
-    })
-
-  if (options.projection) {
-    mapped_docs = mapped_docs.filter((doc) => {
-      return satisfies_projection(doc, options.projection)
-    })
-  }
-
-  if (options.sort) {
-    mapped_docs = mapped_docs.sort((a, b) => {
-      for (const key in options.sort) {
-        // Check if property exists on both objects
-        if (Object.hasOwn(a, key) && Object.hasOwn(b, key)) {
-          const dir = options.sort[key] // Direction of sorting: 1 or -1
-
-          if (a[key] < b[key]) return -1 * dir
-          if (a[key] > b[key]) return 1 * dir
-        }
-      }
-      return 0
-    })
-  }
-
-  callback(null, mapped_docs, {source: "cache"})
-}
-
-
-export default {run_query, update_docs}

package/rts/store/replace_query_keys.js

@@ -1,30 +0,0 @@
-/* @flow */
-
-
-// WARNING: this is a bit of a toy implementation it's not certain it will work with complex queries where a field isn't referenced by being an object's key
-// TODO: this isn't right it's missing a lot of possible queries
-// https://chat.openai.com/share/da344eed-e3e1-4c8d-8091-cc26b22a8f2e
-
-const replace_query_keys = (obj, fn) => {
-  if (typeof obj !== 'object' || obj === null) {
-    return obj
-  }
-
-  if (Array.isArray(obj)) {
-    return obj.map(item => replace_query_keys(item, fn))
-  }
-
-  // create an empty new obj with the same prototype as obj
-  const new_obj = Object.create(Object.getPrototypeOf(obj))
-
-  Object
-    .keys(obj)
-    .forEach(key => {
-      const new_key = fn(key)
-      new_obj[new_key] = replace_query_keys(obj[key], fn)
-    })
-
-  return new_obj
-}
-
-export default replace_query_keys

package/rts/store/satisfies_projection.js

@@ -1,32 +0,0 @@
-/* @flow */
-
-const get_keys = (obj, parent_key = '') => {
-  return Object.keys(obj).reduce((acc, key) => {
-    const new_key = parent_key ? `${parent_key}.${key}` : key
-    if (typeof obj[key] === 'object' && obj[key] !== null && !Array.isArray(obj[key])) {
-      acc.push(...get_keys(obj[key], new_key))
-    } else {
-      acc.push(new_key)
-    }
-    return acc
-  }, [])
-}
-
-const set_contains_set = (set_a, set_b) => {
-  if (set_b.size > set_a.size) return false
-  for (const b of set_b) if (!set_a.has(b)) return false
-  return true
-}
-
-const satisfies_projection = (doc, projection) => {
-  const doc_keys = new Set(get_keys(doc))
-  const projection_keys = new Set(Object.keys(projection).filter(k => projection[k] === 1))
-
-  if (!projection_keys.has('_id')) {
-    doc_keys.delete('_id')
-  }
-
-  return set_contains_set(doc_keys, projection_keys)
-}
-
-module.exports = satisfies_projection

package/rts/store/update_docs.js

@@ -1,47 +0,0 @@
-/* @flow */
-
-import {get_collection} from "./get_collection"
-
-import {UNDERSCORE_PREFIX} from "./constants"
-
-
-const update_docs = async(model_name, data, uid) => {
-  const collection = get_collection(model_name, {uid})
-
-  const all_ids = data.map((doc) => doc._id)
-
-  // https://github.com/pouchdb/pouchdb/tree/master/packages/node_modules/pouchdb-find#dbcreateindexindex--callback
-  const {docs: current_docs} = await collection.find({
-    selector: {_id: {$in: all_ids}},
-    fields: ["_id", "_rev"],
-  })
-
-  const current_docs_by_id = current_docs.reduce((acc, val) => {
-    acc[val._id] = val
-    return acc
-  }, {})
-
-  // WARNING: tmp
-  // we don't need to remove docs that aren't present in data because queries are refined with find
-
-  const revs_map = {}
-  current_docs.forEach((doc) => revs_map[doc._id] = doc._rev)
-
-  const new_docs = data.map((mongo_doc) => {
-    const current_doc = current_docs_by_id[mongo_doc._id] || {}
-
-    const op = Object.entries(mongo_doc)
-      .reduce((new_doc, [key, value]) => {
-        let new_key = key !== "_id" && key.startsWith("_") ? `${UNDERSCORE_PREFIX}${key}` : key
-        new_doc[new_key] = value
-        return new_doc
-      }, current_doc)
-
-    op._rev = revs_map[mongo_doc._id]
-    return op
-  })
-
-  await collection.bulkDocs(new_docs)
-}
-
-export default update_docs

package/storage/index.jest.js

@@ -1,15 +0,0 @@
-/* @flow */
-
-const getEmptyStorage = () => {
-  const storage = {
-    getItem: (key) => {
-    },
-    setItem: (key, value) => {
-    }
-  }
-
-  return storage
-}
-
-
-export default getEmptyStorage()

package/storage/index.native.js

@@ -1,38 +0,0 @@
-/* @flow */
-import {MMKV} from "react-native-mmkv"
-
-// TODO: add encryption key
-// https://github.com/mrousavy/react-native-mmkv#customize
-const mmkv = new MMKV
-
-const getStorage = () => {
-  const storage = {
-    getItem: (key) => {
-      try {
-        const res = mmkv.getString(key)
-        if (!res) return
-        const val = JSON.parse(res)
-        if (val) return val
-      } catch (error) {
-        // There was an error on the native side
-        console.log("storage.getItem error:", error)
-      }
-    },
-    setItem: (key, value) => {
-      if (value === null || typeof value === "undefined") {
-        mmkv.delete(key)
-        return
-      } else {
-        mmkv.set(key, JSON.stringify(value))
-      }
-    },
-    clear: () => {
-      mmkv.clearAll()
-    }
-  }
-
-  return storage
-}
-
-
-export default getStorage()

package/storage/index.web.js

@@ -1,25 +0,0 @@
-/* @flow */
-
-const getStorage = () => {
-  const storage = {
-    getItem: (key) => {
-      try {
-        const res = localStorage.getItem(key)
-        if (!res) return
-        const val = JSON.parse(res)
-        return val
-      } catch (error) {
-        // There was an error on the native side
-        console.log("storage.getItem error:", error)
-      }
-    },
-    setItem: (key, value) => {
-      localStorage.setItem(key, JSON.stringify(value))
-    }
-  }
-
-  return storage
-}
-
-
-export default getStorage()

package/types.ts

@@ -1,6 +0,0 @@
-
-export type NestedKeyOf<ObjectType extends object> =
-{[Key in keyof ObjectType & (string | number)]: ObjectType[Key] extends object
-? `${Key}` | `${Key}.${NestedKeyOf<ObjectType[Key]>}`
-: `${Key}`
-}[keyof ObjectType & (string | number)];

package/ui/ActivityIndicator/index.js

@@ -1,113 +0,0 @@
-/* @flow */
-import assert from "assert"
-import {useEffect, useRef} from "react"
-import {Animated, StyleSheet, View, ViewStyle} from "react-native"
-
-import {withStyles} from "@ui-kitten/components/theme/theme/withStyles"
-import {SpinnerAnimation} from "@ui-kitten/components/ui/spinner/animation"
-
-
-type SizeType = {width: number, height: number}
-
-type ArcElementStyle = {
-  container: ViewStyle,
-  arc: ViewStyle,
-  overflow?: ViewStyle,
-}
-
-const styles = StyleSheet.create({
-  noOverflow: {
-    overflow: "hidden",
-  },
-})
-
-const ActivityIndicator = ({
-  animating = true,
-  size = 24,
-  strokeWidth = 2.6,
-  duration = 1600,
-  color = "#007BFF",
-  testID = "activity-indicator",
-  style = {},
-}) => {
-  const animationRef = useRef(new SpinnerAnimation(size, {duration}))
-
-  assert(typeof size === "number")
-
-  useEffect(() => {
-    if (!animationRef.current) {
-      animationRef.current = new SpinnerAnimation(size, {duration})
-    }
-
-    return () => {
-      animationRef.current?.stop()
-      animationRef.current?.release()
-    }
-  }, [size])
-
-  useEffect(() => {
-    if (animating) {
-      animationRef.current?.start()
-    } else {
-      animationRef.current?.stop()
-    }
-  }, [animating])
-
-  const getComponentStyle = (
-    source: SpinnerAnimation,
-  ): {start: ArcElementStyle, end: ArcElementStyle} => {
-    const start: ArcElementStyle = {
-      container: source.container,
-      arc: source.start,
-    }
-
-    const end: ArcElementStyle = {
-      container: source.container,
-      arc: source.end,
-      overflow: {top: size / 2},
-    }
-
-    return {start, end}
-  }
-
-  const renderArcElement = (arcStyle: ArcElementStyle): React.Element<typeof View> => {
-    const arcSize: SizeType = {width: size, height: size / 2}
-
-    const spinnerStyle = {
-      borderColor: color,
-      borderRadius: size,
-      borderWidth: strokeWidth,
-      height: size,
-      width: size,
-    }
-
-    return (
-      <Animated.View
-        style={[StyleSheet.absoluteFill, arcStyle.container, {width: size, height: size}]}
-      >
-        <View style={[styles.noOverflow, arcStyle.overflow, arcSize]}>
-          <Animated.View style={[arcStyle.arc, {width: size, height: size}]}>
-            <View style={[styles.noOverflow, arcSize]}>
-              <View style={[spinnerStyle]} />
-            </View>
-          </Animated.View>
-        </View>
-      </Animated.View>
-    )
-  }
-
-  if (!animationRef.current) {
-    return null
-  }
-
-  const evaStyle = getComponentStyle(animationRef.current?.toProps())
-
-  return (
-    <View testID={testID} style={{width: size, height: size, ...style}}>
-      {renderArcElement(evaStyle.start)}
-      {renderArcElement(evaStyle.end)}
-    </View>
-  )
-}
-
-export default withStyles(ActivityIndicator, () => ({}))

package/ui/Avatar/index.native.js

@@ -1,31 +0,0 @@
-/* @flow */
-import {Text, View} from "react-native"
-
-// import View from "ui/View"
-
-import {SIZE_STYLES} from "./styles"
-
-
-const Avatar = ({size = "medium", style = {}, text = "?", color = "#000", textColor = "#FFF"}) => {
-  const sizeStyles = SIZE_STYLES[size]
-
-  return (
-    <View
-      className={"font-monospace"}
-      style={{
-        justifyContent: "center",
-        alignItems: "center",
-        backgroundColor: color,
-        userSelect: "none",
-        ...sizeStyles,
-        ...style,
-      }}
-    >
-      <Text style={{color: textColor}}>{text}</Text>
-    </View>
-  )
-}
-
-export default Avatar
-
-export {SIZE_STYLES}

package/ui/Avatar/index.web.js

@@ -1,37 +0,0 @@
-/* @flow */
-import {Text} from "react-native"
-
-import {SIZE_STYLES} from "./styles"
-
-
-const Avatar = ({
-  className = "",
-  size = "medium",
-  style = {},
-  text = "?",
-  color = "#000",
-  textColor = "#FFF",
-}) => {
-  const sizeStyles = SIZE_STYLES[size]
-
-  return (
-    <div
-      className={cx("font-monospace", className)}
-      style={{
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        backgroundColor: color,
-        userSelect: "none",
-        ...sizeStyles,
-        ...style,
-      }}
-    >
-      <Text style={{color: textColor, font: "inherit"}}>{text}</Text>
-    </div>
-  )
-}
-
-export default Avatar
-
-export {SIZE_STYLES}

package/ui/Avatar/styles.js

@@ -1,41 +0,0 @@
-/* @flow */
-import {getSvgPath} from "figma-squircle"
-import {Platform} from "react-native"
-
-
-const CORNER_SMOOTHING = 0.82
-
-const getSizeProps = ({size, smoothRadius, fallbackRadius}) => ({
-  width: size,
-  height: size,
-  ...Platform.select({
-    web: {
-      clipPath: `path('${getSvgPath({
-        width: size,
-        height: size,
-        cornerRadius: smoothRadius,
-        cornerSmoothing: CORNER_SMOOTHING,
-      })}')`,
-    },
-    native: {borderRadius: fallbackRadius},
-  }),
-})
-
-export const SIZE_STYLES = {
-  small: {
-    ...getSizeProps({size: 22, smoothRadius: 4, fallbackRadius: 3}),
-    fontSize: 9,
-  },
-  medium: {
-    ...getSizeProps({size: 34, smoothRadius: 8, fallbackRadius: 6}),
-    fontSize: 15,
-  },
-  large: {
-    ...getSizeProps({size: 48, smoothRadius: 14, fallbackRadius: 6}),
-    fontSize: 26,
-  },
-  xlarge: {
-    ...getSizeProps({size: 68, smoothRadius: 18, fallbackRadius: 8}),
-    fontSize: 26,
-  },
-}

package/ui/ErrorBoundary/index.js

@@ -1,12 +0,0 @@
-import {ErrorBoundary as ReactErrorBoundary} from "react-error-boundary"
-
-import {RedBoxError} from "../RedboxError"
-
-// TODO: in production Redbox should just say there is an error but not display a stacktrace or more info
-export const ErrorBoundary = ({children, ...props}) => {
-  const fallbackRender = ({error}) => {
-    return <RedBoxError className="redbox-error" error={error} />
-  }
-
-  return <ReactErrorBoundary fallbackRender={fallbackRender}>{children}</ReactErrorBoundary>
-}

package/ui/ExpandableFloatView/exp.scss

@@ -1,15 +0,0 @@
-@import "helpers";
-
-#exp-float-view-backdrop {
-  // background-color: rgba(0, 0, 0, 0.2);
-  background-color: $black;
-  position: fixed;
-
-  // top: 700px;
-  // right: 1000px;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  transition: opacity 200ms ease-in-out;
-}

package/ui/ExpandableFloatView/index.tsx

@@ -1,123 +0,0 @@
-import {motion} from "framer-motion"
-import {useRef, useState, useImperativeHandle} from "react"
-
-import {SPRING_DEFAULT} from "../springs"
-import useBackdrop from "./useBackdrop"
-
-import "./exp.scss"
-
-
-export const ExpandableFloatView = ({
-  ref,
-  renderContent,
-  containerRef,
-  onGetExpandedRect,
-  targetRef,
-  ...props
-}) => {
-  const parentRef = useRef(null)
-  const wrapperRef = useRef(null)
-
-  const isOpen = useRef(false)
-  const openedFromRect = useRef(null)
-
-  const [animatedVals, setAnimatedVals] = useState({})
-
-  const getRect = () => {
-    const boundingRect = containerRef.current.getBoundingClientRect()
-    const rect = {
-      left: `${boundingRect.x}px`,
-      top: `${boundingRect.top}px`,
-      right: `${window.innerWidth - boundingRect.right}px`,
-      bottom: `${window.innerHeight - boundingRect.bottom}px`,
-    }
-
-    return rect
-  }
-
-  const onOpen = () => {
-    // eslint-disable-next-line no-use-before-define
-    showBackdrop()
-
-    isOpen.current = true
-
-    const expandedRect = onGetExpandedRect()
-
-    requestAnimationFrame(() => {
-      // set the wrapper ref to current + fixed
-      const rect = getRect()
-      openedFromRect.current = rect
-
-      const newStyle = {
-        position: "fixed",
-        top: rect.top,
-        right: rect.right,
-        bottom: rect.bottom,
-        left: rect.left,
-        zIndex: 1000,
-      }
-      Object.keys(newStyle).forEach((k) => {
-        wrapperRef.current.style[k] = newStyle[k]
-      })
-
-      document.body.appendChild(wrapperRef.current)
-
-      setAnimatedVals(expandedRect)
-    })
-  }
-
-  const onClose = () => {
-    isOpen.current = false
-
-    const returnToRect = openedFromRect.current
-    setAnimatedVals({
-      top: returnToRect.top,
-      right: returnToRect.right,
-      bottom: returnToRect.bottom,
-      left: returnToRect.left,
-      zIndex: "unset",
-    })
-  }
-
-  const onToggle = () => {
-    if (isOpen.current) {
-      onClose()
-    } else {
-      onOpen()
-    }
-  }
-
-  const {showBackdrop} = useBackdrop(isOpen, onToggle)
-
-  useImperativeHandle(ref, () => {
-    return {
-      open: () => {
-        onOpen()
-      },
-      toggle: () => {
-        onToggle()
-      },
-      close: () => onClose(),
-    }
-  })
-
-  return (
-    <>
-      <div ref={parentRef}>
-        <motion.div
-          ref={wrapperRef}
-          style={{
-            inset: "unset",
-            // zIndex: 10000,
-            // ...styleProps,
-          }}
-          transition={SPRING_DEFAULT}
-          animate={{...animatedVals}}
-          onClick={(e) => e.stopPropagation()}
-        >
-          {renderContent({})}
-        </motion.div>
-      </div>
-    </>
-  )
-}