@rpcbase/client 0.227.0 → 0.231.0

package/form/FileInput/upload-worker/upload_file.js

@@ -1,129 +0,0 @@
-/* @flow */
-import assert from "assert"
-// import debug from "debug"
-import brotliPromise from "brotli-wasm"
-
-import getBaseUrl from "../../../getBaseUrl"
-
-import {NO_COMPRESS_EXTS} from "./no_compress_exts"
-import {UPLOAD_CHUNK_SIZE, EVENTS} from "../constants"
-
-// const log = debug("rb:upload_worker")
-const log = (...args) => console.log(...args)
-
-let _brotli
-
-
-const check_should_compress = (file) => {
-  for (const ext of NO_COMPRESS_EXTS) {
-    if (file.name.endsWith(ext)) return false
-  }
-  return true
-}
-
-const upload_file = async(file, hash) => {
-  assert(file, "upload_file has no file")
-
-  const should_compress = check_should_compress(file)
-  log("filename:", file.name, "should_compress:", should_compress)
-
-  if (should_compress && !_brotli) {
-    _brotli = await brotliPromise
-  }
-
-  const reader = new FileReader()
-  const size = file.size
-
-  log("total file size", file.size)
-
-  const total_chunks = Math.ceil(size / UPLOAD_CHUNK_SIZE)
-
-  let current_chunks_count = 0
-
-  let offset = 0
-  let total_bytes_read = 0
-
-  reader.onloadend = async(e) => {
-    if (e.target.readyState === FileReader.DONE) {
-      const chunk_index = current_chunks_count
-
-      // how many bytes did we just read
-      const read_chunk_length = e.target.result.byteLength
-
-      const chunk = should_compress
-        ? _brotli.compress(new Uint8Array(e.target.result))
-        : e.target.result
-
-      log("will upload chunk of size:", chunk.size)
-
-      const data = new FormData()
-
-      data.append("file_chunk", new Blob([chunk]))
-      data.append("is_compressed", should_compress ? "yes" : "no")
-      data.append("chunk_index", chunk_index)
-      data.append("total_chunks", total_chunks)
-      data.append("chunk_size", UPLOAD_CHUNK_SIZE)
-      data.append("original_filename", file.name)
-      data.append("mime_type", file.type)
-      data.append("hash", hash)
-      let res_json
-      try {
-        const res = await fetch(`${getBaseUrl()}/rb-api/v1/files/upload_chunk`, {
-          method: "POST",
-          credentials: "include",
-          body: data,
-        })
-        res_json = await res.json()
-        assert(res_json.status === "ok", "failed to fetch")
-      } catch (error) {
-        log("Error uploading chunk:", error)
-        console.log("error json", res_json)
-        // self.postMessage({
-        //   type: EVENTS.UPLOAD_ERROR,
-        //   payload: {
-        //     filename: file.name,
-        //     hash,
-        //     error: error.message,
-        //   },
-        // })
-        //
-        return
-      }
-
-      total_bytes_read += read_chunk_length
-
-      current_chunks_count++
-
-      log(
-        `upload chunks ${current_chunks_count} chunk // ${total_bytes_read} total_bytes_read...`
-      )
-
-      // there are more bytes to be read
-      if (total_bytes_read < size) {
-        offset += UPLOAD_CHUNK_SIZE
-        const blob = file.slice(offset, offset + UPLOAD_CHUNK_SIZE)
-        reader.readAsArrayBuffer(blob)
-      }
-      // reading complete, finalize upload
-      else {
-        console.log("upload complete!")
-        console.log("FINALLL RESS", res_json)
-        self.postMessage({
-          type: EVENTS.UPLOAD_COMPLETE,
-          payload: {
-            filename: file.name,
-            hash,
-          },
-        })
-      }
-    } else {
-      log("unknown filereader state", e.target.readyState)
-    }
-  }
-
-  // start reading the first chunk
-  const blob = file.slice(offset, offset + UPLOAD_CHUNK_SIZE)
-  reader.readAsArrayBuffer(blob)
-}
-
-export default upload_file

package/form/Form.tsx

@@ -1,23 +0,0 @@
-import {FormProvider, SubmitHandler, UseFormReturn} from "react-hook-form"
-
-
-type FormProps = {
-  ref?: React.Ref<HTMLFormElement>;
-  children: React.ReactNode;
-  onSubmit: SubmitHandler<any>;
-  className?: string;
-  form: UseFormReturn<any>;
-}
-
-export const Form = ({ref, children, onSubmit, className = "", ...form}: FormProps) => {
-
-  // const/*"needs-validation"*/
-
-  return (
-    <FormProvider {...form}>
-      <form ref={ref} onSubmit={onSubmit} className={cx(className)} noValidate>
-        {children}
-      </form>
-    </FormProvider>
-  )
-}

package/form/Input.tsx

@@ -1,62 +0,0 @@
-import React from "react"
-// import {NestedKeyOf} from "@rpcbase/client/types"
-import _snakeCase from "lodash/snakeCase"
-import _get from "lodash/get"
-import {useFormContext} from "./hook-form"
-
-
-type NestedKeys<T> = {
-  [K in keyof T & (string | number)]: T[K] extends object
-    ? `${K}` | `${K}.${NestedKeys<T[K]>}`
-    : `${K}`;
-}[keyof T & (string | number)];
-
-
-export type InputProps<T> = {
-  field: NestedKeys<T>;
-  label?: string;
-  hint?: string;
-  placeholder?: string;
-  id?: string;
-  disabled?: boolean;
-  className?: string;
-}
-
-export const Input = <T,>({
-  field,
-  label,
-  hint,
-  placeholder,
-  id: idProp,
-  className,
-  disabled: isDisabled,
-  ...props
-}: InputProps<T> & React.InputHTMLAttributes<HTMLInputElement>) => {
-  const form = useFormContext()
-
-  const id = idProp || _snakeCase(`input_${field}`)
-
-  const error = _get(form.formState.errors, field)
-
-  const {isSubmitting} = form.formState
-
-  const disabled = isDisabled || isSubmitting
-
-  return (
-    <div className={className}>
-      {label && <label htmlFor={id}>{label}</label>}
-      <input
-        id={id}
-        className={cx("form-control form-control-sm", {
-          "is-invalid": !!error,
-        })}
-        type="text"
-        placeholder={placeholder}
-        disabled={disabled}
-        {...form.register(field)}
-      />
-      {!error && hint && <div className="form-text">{hint}</div>}
-      {error && <div className="invalid-feedback">{error.message}</div>}
-    </div>
-  )
-}

package/form/SubmitButton/index.tsx

@@ -1,58 +0,0 @@
-import {ReactNode} from "react"
-import {useFormContext} from "react-hook-form"
-
-import ActivityIndicator from "../../ui/ActivityIndicator"
-
-
-interface Props {
-  id?: string;
-  className?: string;
-  disabled: boolean;
-  isLoading: boolean;
-  title: string;
-  submittingTitle?: string;
-  onClick: () => void | Promise<void>;
-  children?: ReactNode;
-}
-
-export const SubmitButton = ({
-  id = "btn-submit",
-  className = "",
-  title,
-  submittingTitle,
-  children,
-  ...props
-}: Props) => {
-
-  const formContext = useFormContext()
-
-  let isSubmitting = formContext?.formState?.isSubmitting
-
-  const isDisabled = props.disabled || props.isLoading || isSubmitting
-  const isLoading = props.isLoading || isSubmitting
-
-  if (!formContext && isLoading) {
-    isSubmitting = true
-  }
-
-  if (title && children) {
-    throw new Error("button cannot have both title and children props")
-  }
-
-  return (
-    <button
-      id={id}
-      type="submit"
-      className={cx("btn btn-primary d-flex flex-row align-items-center align-self-start", className)}
-      disabled={isDisabled}
-      onClick={props.onClick}
-    >
-      {isLoading && (
-        <ActivityIndicator style={{marginRight: 7}} color="#FFF" size={15} />
-      )}
-      {title && !isSubmitting && title}
-      {submittingTitle && isSubmitting && submittingTitle}
-      {children}
-    </button>
-  )
-}

package/form/hook-form.tsx

@@ -1,7 +0,0 @@
-
-
-import {useForm, useFormContext} from "react-hook-form"
-import type {Resolver} from "react-hook-form"
-
-
-export {useForm, useFormContext, Resolver}

package/form/index.tsx

@@ -1,5 +0,0 @@
-export * from "./hook-form"
-export * from "./Form"
-export * from "./Input"
-export * from "./FileInput"
-export * from "./SubmitButton"

package/getBaseUrl.js

@@ -1,14 +0,0 @@
-/* @flow */
-import {SERVER_PORT, APP_DOMAIN} from "env"
-
-const protocol = (typeof window !== "undefined" && window?.location?.protocol) || "http:"
-
-// there is no SERVER_PORT in production, as we use the default port and we are behind the gateway
-// we assume we specify the port only when localhost or 127.0.0.1
-const isLocal = ["localhost", "127.0.0.1"].includes(APP_DOMAIN)
-
-const BASE_URL = isLocal ? `${protocol}//${APP_DOMAIN}:${SERVER_PORT}` : `https://${APP_DOMAIN}`
-
-const getBaseUrl = () => BASE_URL
-
-export default getBaseUrl

package/getObjectId.ts

@@ -1,31 +0,0 @@
-import assert from "assert"
-import mongoose from "mongoose"
-import isHexadecimal from "validator/lib/isHexadecimal"
-
-import { RB_TENANT_ID } from "env"
-
-const getRandomBytes = (n: number): Uint8Array => {
-  let array = new Uint8Array(n)
-  window.crypto.getRandomValues(array)
-  return array
-}
-
-// validate env var is defined
-assert(RB_TENANT_ID, "expected RB_TENANT_ID to be defined")
-// is hexadecimal
-assert(isHexadecimal(RB_TENANT_ID), "expected RB_TENANT_ID to be a hexadecimal")
-// is 4 bytes
-assert(RB_TENANT_ID.length === 8, "RB_TENANT_ID must be exactly 4 bytes long ie: 8 hex chars")
-
-// generates a 12 bytes mongodb object id using the org id prefix or custom customer id
-export const getObjectId = (): mongoose.Types.ObjectId => {
-  const tsBytes = Math.floor(Date.now() / 1000).toString(16)
-  assert(tsBytes.length === 8, "expected tsBytes.length to be 4")
-
-  const randomBytes = getRandomBytes(4)
-  const randomHex = Buffer.from(randomBytes).toString("hex")
-
-  const objId = `${tsBytes}${RB_TENANT_ID}${randomHex}`
-
-  return new mongoose.Types.ObjectId(objId)
-}

package/hashState.js

@@ -1,158 +0,0 @@
-/* @flow */
-import {useState, useEffect, createContext, useContext, useCallback} from "react"
-import LZString from "lz-string"
-import _isNil from "lodash/isNil"
-import _omitBy from "lodash/omitBy"
-
-import isEqualValues from "./isEqualValues"
-
-
-const PAGE_NAVIGATION_EVENT = "RB_PAGE_NAVIGATION"
-
-const EMPTY_STATE_TOKEN = "N4XyA" // lz-string encoded empty state ''
-
-// WARNING: this assumes hash_str starts with "#"
-const parse_hash_str = (_hash_str) => {
-  let hash_str
-  if (_hash_str) hash_str = _hash_str
-  else if (typeof window !== "undefined" && window?.location?.hash) {
-    hash_str = window.location.hash
-  } else {
-    hash_str = ""
-  }
-  if (hash_str.length < 1) {
-    return {}
-  }
-  const current_state_str = hash_str.slice(1)
-  let parsed
-  try {
-    const decoded = LZString.decompressFromEncodedURIComponent(current_state_str)
-    parsed = JSON.parse(decoded)
-  } catch (e) {
-    console.error(e)
-  }
-
-  return parsed || {}
-}
-
-// On first load, retrieve hashState from URL
-const __initial_state = _omitBy(parse_hash_str(), _isNil)
-
-export const encodeHashState = (payload) =>
-  LZString.compressToEncodedURIComponent(JSON.stringify(payload))
-
-// add payload to window hash
-const apply_hash_state = (payload) => {
-  const str = encodeHashState(payload)
-
-  if (!history) return
-
-  if (str === EMPTY_STATE_TOKEN) {
-    history.replaceState(null, null, window.location.pathname + window.location.search)
-  } else {
-    history.replaceState(null, null, `${window.location.pathname}${window.location.search}#${encodeHashState(payload)}`)
-  }
-}
-
-export const HashContext = createContext({
-  hashState: {},
-  serializeHashState: () => null,
-  encodeHashLink: () => null,
-})
-
-export const useHashState = () => {
-  return useContext(HashContext)
-}
-
-export const withHashState = (Component) => {
-  const WrappedComp = ({children, ...props}) => {
-    const hashCtx = useContext(HashContext)
-
-    return (
-      <Component
-        {...props}
-        hashState={hashCtx.hashState}
-        serializeHashState={hashCtx.serializeHashState}
-        encodeHashLink={hashCtx.encodeHashLink}
-      />
-    )
-  }
-
-  WrappedComp.displayName = `withHashState(${Component.displayName})`
-
-  return WrappedComp
-}
-
-export const HashStateProvider = ({children}) => {
-  const [hashState, setHashState] = useState(__initial_state)
-
-  useEffect(() => {
-    const onChange = (ev) => {
-      const newHashStr = ev.detail.context?.hash
-      if (!newHashStr) return
-      // WARNING: page.js strips the "#" we add it back
-      const parsed = _omitBy(parse_hash_str(`#${newHashStr}`), _isNil)
-      const newState = {
-        ...hashState,
-        ...parsed,
-      }
-      // apply only if changed
-      if (!isEqualValues(hashState, newState)) {
-        setHashState(newState)
-      }
-    }
-    document.body.addEventListener(PAGE_NAVIGATION_EVENT, onChange)
-
-    return () => document.body.removeEventListener(PAGE_NAVIGATION_EVENT, onChange)
-  }, [hashState, setHashState])
-
-  useEffect(() => {
-    apply_hash_state(hashState)
-    window.__PRIVATE_HASH_STATE_DO_NOT_USE__ = hashState
-  }, [hashState])
-
-  const serializeHashState = useCallback((payload) => {
-    setHashState((current) => {
-      // clone and remove nil values
-      const newState = _omitBy(
-        {
-          ...current,
-          ...payload,
-        },
-        _isNil,
-      )
-      return newState
-    })
-  }, [])
-
-  const encodeHashLink = useCallback((payload) => {
-    const newState = _omitBy(
-      {
-        ...hashState,
-        ...payload,
-      },
-      _isNil,
-    )
-
-    return encodeHashState(newState)
-  }, [])
-
-  return (
-    <HashContext.Provider
-      value={{
-        hashState,
-        serializeHashState,
-        encodeHashLink,
-      }}
-    >
-      {children}
-    </HashContext.Provider>
-  )
-}
-
-
-export const hashStateMiddleware = (context, next) => {
-  next()
-  const ev = new CustomEvent(PAGE_NAVIGATION_EVENT, {detail: {context}})
-  document.body.dispatchEvent(ev)
-}

package/helpers/createBatcher/index.js

@@ -1,36 +0,0 @@
-/* @flow */
-
-const createBatcher = (func, delay) => {
-  let queue = []
-  let timeout = null
-
-  function processBatch() {
-    const batch = [...queue]
-    queue = []
-    timeout = null
-
-    func(batch.map((item) => item.args))
-      .then((results) => {
-        for (let i = 0; i < batch.length; i++) {
-          batch[i].resolve(results[i])
-        }
-      })
-      .catch((err) => {
-        for (let item of batch) {
-          item.reject(err)
-        }
-      })
-  }
-
-  return (...args) => {
-    return new Promise((resolve, reject) => {
-      queue.push({args, resolve, reject})
-
-      if (!timeout) {
-        timeout = setTimeout(processBatch, delay)
-      }
-    })
-  }
-}
-
-export default createBatcher

package/helpers/getInitials.js

@@ -1,39 +0,0 @@
-/* @flow */
-const _deburr = require("lodash/deburr")
-
-
-const KNOWN_PREFIXES = ["O", "de", "Van"]
-const INITIALS_MAX_LENGTH = 3
-
-const getInitials = (input) => {
-  const cleaned = _deburr(input)
-
-  const initials = []
-
-  const splitted = cleaned.split(/'|’| |-/)
-
-  // when single word, return begining of that word as initials
-  if (splitted.length === 1) {
-    return splitted[0].toUpperCase().slice(0, INITIALS_MAX_LENGTH)
-  }
-
-  for (let i = 0; i < splitted.length; i++) {
-    const part = splitted[i]
-    // TMP: this breaks for lowercased words
-    // skip if first letter not capitalized
-    // if (!/[A-Z]/.test(part[0])) {
-    //   continue
-    // }
-
-    // skip if prefix, but not if prefix not followed by other non prefix word
-    if (KNOWN_PREFIXES.includes(part) && i < splitted.length - 1) {
-      continue
-    }
-
-    initials.push(part[0])
-  }
-
-  return initials.slice(0, INITIALS_MAX_LENGTH).join("")
-}
-
-module.exports = getInitials

package/helpers/onReady.js

@@ -1,15 +0,0 @@
-/* @flow */
-
-const onReady = (callback) => {
-  if (["interactive", "complete"].includes(document.readyState)) {
-    callback()
-  } else if (document.readyState === "loading") {
-    window.addEventListener("DOMContentLoaded", () => {
-      callback()
-    })
-  } else {
-    throw new Error("unknown ready state, cannot initialize")
-  }
-}
-
-export default onReady

package/helpers/post.js

@@ -1,18 +0,0 @@
-/* @flow */
-import axios from "axios"
-
-import getBaseUrl from "../getBaseUrl"
-
-const client = axios.create({
-  withCredentials: true,
-  headers: {
-    "Content-Type": "application/json"
-  },
-})
-
-const post = async(url, payload) => {
-  const res = await client.post(`${getBaseUrl()}${url}`, payload)
-  return res.data
-}
-
-export default post

package/helpers/postRPC.js

@@ -1,42 +0,0 @@
-/* @flow */
-import assert from "assert"
-import axios from "axios"
-import _get from "lodash/get"
-import _set from "lodash/set"
-
-import {get_txn_id} from "@rpcbase/std"
-
-import getBaseUrl from "../getBaseUrl"
-import getTenantId from "../auth/getTenantId"
-import {add_local_txn} from "../rts/rts"
-
-const TENANT_ID_HEADER = "rb-tenant-id"
-
-const client = axios.create({
-  withCredentials: true,
-  headers: {
-    "Content-Type": "application/json",
-  },
-})
-
-const postRPC = async(url, payload, options = {}) => {
-  if (!options?.headers?.["rts-txn-id"]) {
-    _set(options, ["headers", "rts-txn-id"], get_txn_id())
-  }
-
-  const txn_id = _get(options, ["headers", "rts-txn-id"])
-  assert(txn_id, `unable to find txn_id for request ${url}`)
-  add_local_txn(txn_id)
-
-  options.headers[TENANT_ID_HEADER] = getTenantId()
-
-  const res = await client.post(`${getBaseUrl()}${url}`, payload, options)
-
-  if (res.data === "") {
-    console.warn("postRPC:error: got empty res", res)
-  }
-
-  return res.data
-}
-
-export default postRPC

package/helpers/useRPC.js

@@ -1,41 +0,0 @@
-/* @flow */
-import {useCallback, useMemo, useState, useEffect, useRef} from "react"
-import isEqual from "fast-deep-equal"
-
-const useRPC = (fn, payload) => {
-  const previousPayloadRef = useRef(null)
-
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState()
-  const [data, setData] = useState()
-
-  const memoFn = useCallback(fn, [fn])
-  const memoPayload = useMemo(() => {
-    return payload || {}
-  }, [payload])
-
-  useEffect(() => {
-    if (isEqual(previousPayloadRef.current, memoPayload)) {
-      return
-    }
-
-    previousPayloadRef.current = memoPayload
-
-    const load = async() => {
-      setLoading(true)
-
-      const res = await memoFn(memoPayload)
-
-      setLoading(false)
-      setData(res)
-      if (res.status !== "ok") {
-        setError(res.message)
-      }
-    }
-    load()
-  }, [memoFn, memoPayload])
-
-  return {loading, error, data}
-}
-
-export default useRPC