@rpcbase/client 0.227.0 → 0.231.0

package/notifications/NotificationsContext/index.js

@@ -1,71 +0,0 @@
-/* @flow */
-import {useEffect, createContext, useContext} from "react"
-
-import {useNotificationsList} from "./useNotificationsList"
-
-// const ICONS_MAP = {
-//   warning: "warning",
-//   error: "danger",
-// }
-
-export const NotificationsContext = createContext()
-
-export const NotificationsProvider = ({value, children}) => {
-  const [notifications, setNotifications] = useNotificationsList([])
-
-  const addNotification = ({
-    id,
-    title,
-    body,
-    timestamp = Date.now(),
-    zIndex = 2000,
-    isLoading = false,
-  }) => {
-    const notification = {
-      id: id || `notif-${Date.now().toString()}`,
-      title,
-      body,
-      timestamp,
-      zIndex,
-      level: "toast",
-      isLoading,
-      // icon: ICONS_MAP.error,
-    }
-
-    setNotifications((current) => {
-      const next = [...current]
-      next.push(notification)
-      return next
-    })
-
-    const dismiss = () => {
-      setNotifications((current) => {
-        const next = [...current]
-        return next.filter((n) => n.id !== id)
-      })
-    }
-
-    const update = (payload) => {
-      setNotifications((current) => {
-        const next = [...current]
-        return next.map((n) => {
-          if (n.id === id) {
-            // n.isLoading = false
-            Object.assign(n, payload)
-          }
-          return n
-        })
-      })
-    }
-
-    return {dismiss, update}
-  }
-
-  return (
-    <NotificationsContext.Provider value={{notifications, setNotifications, addNotification}}>
-      {children}
-    </NotificationsContext.Provider>
-  )
-}
-
-export const useNotifications = () => useContext(NotificationsContext)

package/notifications/NotificationsContext/useNotificationsList.js

@@ -1,75 +0,0 @@
-/* eslint-disable */
-/* @flow */
-import {useState, useEffect} from "react"
-
-import {useQuery} from "../../rts"
-
-import {ON_NOTIFICATION_RECEIVED_EVENT} from "../config"
-
-export const useNotificationsList = (initial = []) => {
-  const [allNotifications, setAllNotifications] = useState(initial)
-
-  const notificationsQuery = useQuery(
-    "Notification",
-    {
-      $or: [{ack_at_ms: null}, {ack_at_ms: {$exists: false}}],
-    },
-    {
-      projection: {
-        _owners: 0,
-      },
-    },
-  )
-
-  useEffect(() => {
-    if (!notificationsQuery.data) return
-
-    // console.log("NOTIFS TMP RETURN", notificationsQuery.data)
-    return
-
-    // console.log("got new notifs data", notificationsQuery.data)
-
-    // get all current ids
-    const allNotificationsIds = allNotifications.filter((n) => !!n.id).map((n) => n.id)
-
-    const insertNotifications = notificationsQuery.data.filter(
-      (n) => !allNotificationsIds.includes(n._id),
-    )
-
-    const notificationsDataIds = notificationsQuery.data.map((n) => n._id)
-
-    // remove all notifications that are from the notifications collection
-    const removeNotificationsIds = allNotifications
-      .filter((n) => !!n.id && n.col === "Notification")
-      .filter((n) => !notificationsDataIds.includes(n.id))
-      .map((n) => n.id)
-
-    // update our notifications
-    if (insertNotifications.length > 0 || removeNotificationsIds.length > 0) {
-      setAllNotifications((previous) => {
-        // copy and remove old notifs
-        const nextNotifs = [...previous].filter((n) => !removeNotificationsIds.includes(n.id))
-
-        const formattedNotifications = insertNotifications.map((n) => {
-          return {
-            id: n._id,
-            col: "Notification",
-            ...n.notification,
-            timestamp: n.server_timestamp_ms,
-          }
-        })
-
-        nextNotifs.unshift(...formattedNotifications)
-        return nextNotifs
-      })
-    }
-
-    // play animation if we added anything
-    if (insertNotifications.length > 0) {
-      const ev = new CustomEvent(ON_NOTIFICATION_RECEIVED_EVENT)
-      document.body.dispatchEvent(ev)
-    }
-  }, [notificationsQuery.data, allNotifications])
-
-  return [allNotifications, setAllNotifications]
-}

package/notifications/NotificationsSettingsModal/SettingsForm.js

@@ -1,52 +0,0 @@
-/* @flow */
-import Form from "react-bootstrap/Form"
-import TimePicker from "react-time-picker"
-
-import {useStoredValue} from "../../helpers/useStoredValue"
-
-
-const TIME_FORMAT = "HH:mm"
-
-const timePickerProps = {
-  format: TIME_FORMAT,
-  maxDetail: "minute",
-  renderSecondHand: false,
-}
-
-const SettingsForm = () => {
-  const [isEnabled, setIsEnabled] = useStoredValue("has_notifications_enabled", "yes")
-
-  const [fromTime, setFromTime] = useStoredValue("notifications_from_time", "09:00")
-  const [toTime, setToTime] = useStoredValue("notifications_to_time", "22:00")
-
-  const onToggleNotifications = (e) => {
-    setIsEnabled(e.target.checked ? "yes" : "no")
-  }
-
-  return (
-    <div className="px-2 py-3">
-      <div>
-        <div className="h6 fw-bold">Enable Notifications</div>
-        <Form.Check
-          type="switch"
-          id="toggle-notifications-switch"
-          label={`Notifications are ${isEnabled ? "enabled" : "disabled"}`}
-          checked={isEnabled === "yes"}
-          onChange={onToggleNotifications}
-        />
-      </div>
-
-      <div className="mt-3">
-        <div className="h6 fw-bold">Notifications are allowed:</div>
-        <div className="">
-          <span className="me-2">From:</span>
-          <TimePicker onChange={setFromTime} value={fromTime} {...timePickerProps} />
-          <span className="me-2">To:</span>
-          <TimePicker onChange={setToTime} value={toTime} {...timePickerProps} />
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default SettingsForm

package/notifications/NotificationsSettingsModal/index.js

@@ -1,48 +0,0 @@
-/* @flow */
-import ActivityIndicator from "../../ui/ActivityIndicator"
-import Modal, {withHashStateModal} from "../../ui/Modal"
-
-// import TemplatesView from "./TemplatesView"
-// import {TemplateContextProvider} from "./TemplateContext"
-
-// import DialogAnimatedPreview from "./components/DialogAnimatedPreview"
-// import TogglePreviewButton from "./components/TogglePreviewButton"
-
-import SettingsForm from "./SettingsForm"
-
-import BellGlyph from "static/icons/notifications/bell-glyph.svg"
-
-import "./notifications-settings.scss"
-
-
-const NotificationsSettingsModal = ({onHide}) => {
-  const isLoading = false
-
-  return (
-    <Modal className="channel-templates-modal" show scrollable={false} onHide={onHide}>
-      <Modal.Header className="close-top" closeButton>
-        <BellGlyph className="me-2 align-self-start mt-1" width={22} fill={"#0d6efd"} />
-        <div>
-          <div>Notifications</div>
-        </div>
-      </Modal.Header>
-      <Modal.Body className="p-0" style={{maxHeight: "70vh", overflow: "visible"}}>
-        {isLoading && (
-          <div className="d-flex flex-row align-items-center">
-            <ActivityIndicator size={24} />
-            <div className="ms-2">Loading text...</div>
-          </div>
-        )}
-
-        <SettingsForm />
-      </Modal.Body>
-      <Modal.Footer className="d-flex justify-content-between">
-        <div>
-          For more info see <a href="/docs/notifications">/docs/notifications</a>
-        </div>
-      </Modal.Footer>
-    </Modal>
-  )
-}
-
-export default withHashStateModal(NotificationsSettingsModal, "showNotificationsSettingsModal")

package/notifications/NotificationsSettingsModal/notifications-settings.scss

@@ -1 +0,0 @@
-@import "helpers";

package/notifications/config.js

@@ -1 +0,0 @@
-export const ON_NOTIFICATION_RECEIVED_EVENT = "ON_NOTIFICATION_RECEIVED_EVENT"

package/notifications/index.js

@@ -1,4 +0,0 @@
-export * from "./NotificationsContext"
-export * from "./NotificationsContainer"
-
-export * from "./config"

package/page.js

@@ -1,9 +0,0 @@
-/* @flow */
-import page from "page"
-
-import {hashStateMiddleware} from "./hashState"
-
-// custom event handler to get hash state changes when navigating with url
-page(hashStateMiddleware)
-
-export default page

package/rpc.js

@@ -1,32 +0,0 @@
-/* @flow */
-import axios from "axios"
-import {Platform} from "react-native"
-
-import {SERVER_PORT} from "env"
-
-
-export const rpcClientPost = async(rpcName, payload) => {
-  const baseUrl = `http://localhost:${SERVER_PORT}`
-  const rpcUrl = `/rpc/${rpcName.replace("server/", "")}`
-
-  const reqUrl = `${baseUrl}${rpcUrl}`
-
-  const headers = {}
-  if (Platform.OS !== "web") {
-    headers["user-agent"] = "rb-rpc-client/dev"
-  }
-
-  let res
-  try {
-    res = await axios.post(reqUrl, payload, {
-      withCredentials: true,
-      headers,
-    })
-  } catch (err) {
-    console.log("RPC got err", err)
-    console.log(err.message)
-    console.log(err.response)
-  }
-
-  return res.data
-}

package/rr-trace/get_fingerprint.js

@@ -1,10 +0,0 @@
-/* @flow */
-import FingerprintJS from "@fingerprintjs/fingerprintjs"
-
-const get_fingerprint = async() => {
-  const fp = await FingerprintJS.load()
-  const fp_result = await fp.get()
-  return fp_result.visitorId
-}
-
-export default get_fingerprint

package/rr-trace/get_perf_vitals.js

@@ -1,24 +0,0 @@
-/* @flow */
-import {getTTFB, getFCP} from "web-vitals"
-
-let _ttfb = null
-let _fcp = null
-
-getTTFB(({value}) => {
-  _ttfb = value
-})
-
-getFCP(({value}) => {
-  _fcp = value
-})
-
-const get_perf_vitals = async() => {
-  return {
-    perf_vitals: {
-      ttfb: _ttfb,
-      fcp: _fcp,
-    }
-  }
-}
-
-export default get_perf_vitals

package/rr-trace/get_session_id.js

@@ -1,29 +0,0 @@
-/* @flow */
-import * as uuid from "uuid"
-
-const SESSION_STORAGE_KEY = "rb::rr-trace-session-uuid"
-const LOCAL_STORAGE_KEY = "rb::rr-trace-storage-uuid"
-
-// runtime: regenrated each time the page realoads
-const runtime_id = uuid.v4()
-// session
-let session_id = sessionStorage.getItem(SESSION_STORAGE_KEY)
-if (!session_id) {
-  session_id = uuid.v4()
-  sessionStorage.setItem(SESSION_STORAGE_KEY, session_id)
-}
-// storage id: kept as long as the local storage isn't cleared
-let storage_id = localStorage.getItem(LOCAL_STORAGE_KEY)
-if (!storage_id) {
-  storage_id = uuid.v4()
-  localStorage.setItem(LOCAL_STORAGE_KEY, storage_id)
-}
-
-// TODO: add user_id if is authenticated
-
-const get_session_id = () => {
-  return {runtime_id, session_id, storage_id}
-}
-
-
-export default get_session_id

package/rr-trace/index.js

@@ -1,138 +0,0 @@
-/* @flow */
-import * as rrweb from "rrweb"
-
-import * as env from "env"
-
-import write_session_data from "./write_session_data"
-import get_session_id from "./get_session_id"
-
-const SAVE_INTERVAL = 11000
-// TODO: sessions should not last longer than 10 minutes
-const MAX_SESSION_LENGTH = 30 * 1000 // 10s
-
-// when was the session started
-const start_time = Date.now()
-
-// rr events store
-const events = []
-
-//
-const is_session_over = () => {
-  const now = Date.now()
-  const delta = now - start_time
-  return delta > MAX_SESSION_LENGTH
-}
-
-// POST payload to rr-trace backend
-const send_payload = async(payload) => {
-  if (!env.RR_TRACE_URL) {
-    console.log("send_payload: RR_TRACE_URL is not set, returning")
-    return
-  }
-
-  // TODO: body compression
-  const body = JSON.stringify(payload)
-
-  const url = `${env.RR_TRACE_URL}/rb-api/v1/write_events`
-
-  try {
-    const fetch_response = await fetch(url, {
-      method: "POST",
-      cache: "no-cache",
-      credentials: "include",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      referrerPolicy: "no-referrer",
-      body,
-    })
-    const json = await fetch_response.json()
-    if (json.status !== "ok") {
-      console.log("status not ok", json)
-    }
-  } catch(err) {
-    console.log(err)
-  }
-}
-
-
-// while has events, shift array, add to new array
-// send events to backend
-const send_events = async() => {
-  const events_payload = []
-
-  let should_break = false
-  // force stop loop after a short delay
-  setTimeout(() => {
-    should_break = true
-  }, 100)
-
-  while (events.length > 0 && !should_break) {
-    const ev = events.shift()
-    events_payload.push(ev)
-  }
-
-  if (events_payload.length > 0) {
-    // console.log("SEND PAYLOAD", JSON.stringify(events_payload, null, 2))
-    await send_payload({
-      events: events_payload,
-      session_id: get_session_id(),
-    })
-  }
-}
-
-const init = async() => {
-  // rrweb record
-  const stop_recording = rrweb.record({
-    inlineStylesheet: false,
-    emit(event) {
-      // if event contains html snapshot, replace the vendor script tag ?
-      // if (event.type === 2 && event.data?.node?.childNodes) {
-      //   console.log("got dom snapshot", event)
-      // }
-      events.push(event)
-
-      if (is_session_over()) {
-        console.log("session exceeded timeout, stopping recording")
-        stop_recording()
-      }
-    },
-  })
-
-  await write_session_data()
-}
-
-
-const delay = (time) => new Promise((resolve) => setTimeout(resolve, time))
-
-// send new events to backend every 1500 ms + random delay
-const send_interval = setInterval(async() => {
-  const random_time = Math.floor(Math.random() * 500)
-  await delay(random_time)
-
-  send_events()
-
-  if (is_session_over()) {
-    console.log("session timeout, clear interval")
-    clearInterval(send_interval)
-  }
-}, SAVE_INTERVAL)
-
-export default {init}
-
-// TODO:
-// send last events before window unload
-// fetch + keepalive with 64kb max payload and 30s timeout
-// window.addEventListener("beforeunload", async(event) => {
-//   const res = await hello({hello: "world"})
-//   console.log("unload alert res", res)
-//   // event.returnValue = "hello wlert"
-// })
-
-// window.onunload = function() {
-//   fetch("/analytics", {
-//     method: 'POST',
-//     body: "statistics",
-//     keepalive: true
-//   });
-// };

package/rr-trace/write_session_data.js

@@ -1,86 +0,0 @@
-/* @flow */
-import {RR_TRACE_URL} from "env"
-
-import get_fingerprint from "./get_fingerprint"
-import get_perf_vitals from "./get_perf_vitals"
-import get_session_id from "./get_session_id"
-
-const get_screen = () => ({
-  screen_w: window.screen.width,
-  screen_h: window.screen.height,
-  window_w: window.innerWidth,
-  window_h: window.innerHeight,
-  pixel_ratio: window.devicePixelRatio,
-  orientation: window.screen.orientation?.type,
-})
-
-const get_analytics_data = async() => {
-  const payload = {
-    date_now: Date.now()
-  }
-  // screen info
-  Object.assign(payload, get_screen())
-
-  // nav info
-  Object.assign(payload, {
-    referrer: window.document.referrer,
-    location: window.location.href,
-    language: navigator.language,
-    user_agent: navigator.userAgent,
-  })
-
-  // Battery (WARNING: battery api is deprecated)
-  if (typeof navigator.getBattery === "function") {
-    const battery = await navigator.getBattery()
-    Object.assign(payload, {
-      battery_charging: battery.charging,
-      battery_level: battery.level
-    })
-  }
-
-  // get fingerprint
-  // TODO: save fingerprint to localStorage and check if it changed across sessions
-  const visitor_id = await get_fingerprint()
-  payload.visitor_id = visitor_id
-
-  // runtime ids
-  Object.assign(payload, {...get_session_id()})
-
-  const perf_vitals = await get_perf_vitals()
-  Object.assign(payload, perf_vitals)
-
-  return payload
-}
-
-
-const write_session_data = async() => {
-  if (!RR_TRACE_URL) {
-    console.log("RR_TRACE_URL is not set, skipping")
-    return
-  }
-
-  const payload = await get_analytics_data()
-
-  try {
-    const url = `${RR_TRACE_URL}/rb-api/v1/write_session_data`
-    const fetch_response = await fetch(url, {
-      method: "POST",
-      cache: "no-cache",
-      credentials: "include",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      referrerPolicy: "no-referrer",
-      body: JSON.stringify(payload), // TODO: compress + encrypt
-    })
-
-    console.log("write_session_data: got fetch response", fetch_response)
-  } catch (err) {
-    console.log("failed to fetch write_session_data", err)
-    console.log("Error", JSON.stringify(err))
-    console.log(err)
-  }
-
-}
-
-export default write_session_data

package/rts/boot.js

@@ -1,3 +0,0 @@
-/* @flow */
-
-import "./store"

package/rts/getUseDocument.js

@@ -1,21 +0,0 @@
-/* @flow */
-import {getUseQuery} from "./getUseQuery"
-
-
-export const getUseDocument = (registerQuery) => (...args) => {
-
-  const useQuery = getUseQuery(registerQuery)
-
-  const res = useQuery(...args)
-
-  let data
-  // WARNING: cache will always return [] when there are no matching documents, but we want null instead
-  if (Array.isArray(res.data) && res.data.length === 0 && res.source === "cache") {
-    data = null
-  } else if (Array.isArray(res.data) && res.data.length  > 0) {
-    // TODO: should we throw if res.data.length > 1 ? ie: there are more than one matching document
-    data = res.data[0]
-  }
-
-  return {...res, data}
-}