@based/react 4.1.0 → 4.2.0

package/dist/meta.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useError = exports.useLoading = exports.updateMeta = void 0;
-const react_1 = require("react");
-const errors = {};
-const errorListeners = new Set();
-const loadings = new Set();
-const loadingListeners = new Set();
-let isLoading = false;
-let lastError = '';
-let errorCnt = 0;
-let errorKey = errorCnt + lastError;
-function updateMeta(subKey, loading, error) {
-    if (error) {
-        lastError = error;
-        if (subKey in errors) {
-            errors[subKey] = error;
-        }
-        else {
-            errors[subKey] = error;
-            errorCnt++;
-        }
-    }
-    else {
-        if (subKey in errors) {
-            errorCnt--;
-            delete errors[subKey];
-        }
-    }
-    const newErrorKey = errorCnt + lastError;
-    if (newErrorKey !== errorKey) {
-        errorKey = newErrorKey;
-        errorListeners.forEach((fn) => fn(errorKey));
-    }
-    if (loading) {
-        loadings.add(subKey);
-    }
-    else {
-        loadings.delete(subKey);
-    }
-    const newLoading = !!loadings.size;
-    if (newLoading !== isLoading) {
-        isLoading = newLoading;
-        loadingListeners.forEach((fn) => fn(isLoading));
-    }
-}
-exports.updateMeta = updateMeta;
-function useLoading() {
-    const [, setLoading] = (0, react_1.useState)(isLoading);
-    loadingListeners.add(setLoading);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            loadingListeners.delete(setLoading);
-        };
-    }, []);
-    return { loading: isLoading };
-}
-exports.useLoading = useLoading;
-function useError() {
-    const [, setError] = (0, react_1.useState)(errorKey);
-    errorListeners.add(setError);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            errorListeners.delete(setError);
-        };
-    }, []);
-    return { error: errorCnt ? lastError : null, errors: Object.values(errors) };
-}
-exports.useError = useError;
-//# sourceMappingURL=meta.js.map

package/dist/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../src/meta.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAE3C,MAAM,MAAM,GAAG,EAAE,CAAA;AACjB,MAAM,cAAc,GAAG,IAAI,GAAG,EAAE,CAAA;AAChC,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAA;AAC1B,MAAM,gBAAgB,GAAG,IAAI,GAAG,EAAE,CAAA;AAElC,IAAI,SAAS,GAAG,KAAK,CAAA;AACrB,IAAI,SAAS,GAAG,EAAE,CAAA;AAClB,IAAI,QAAQ,GAAG,CAAC,CAAA;AAChB,IAAI,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEnC,SAAgB,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK;IAC/C,IAAI,KAAK,EAAE;QACT,SAAS,GAAG,KAAK,CAAA;QACjB,IAAI,MAAM,IAAI,MAAM,EAAE;YACpB,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAA;SACvB;aAAM;YACL,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAA;YACtB,QAAQ,EAAE,CAAA;SACX;KACF;SAAM;QACL,IAAI,MAAM,IAAI,MAAM,EAAE;YACpB,QAAQ,EAAE,CAAA;YACV,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;SACtB;KACF;IAED,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAA;IACxC,IAAI,WAAW,KAAK,QAAQ,EAAE;QAC5B,QAAQ,GAAG,WAAW,CAAA;QACtB,cAAc,CAAC,OAAO,CAAC,CAAC,EAAY,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;KACvD;IAED,IAAI,OAAO,EAAE;QACX,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;KACrB;SAAM;QACL,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;KACxB;IAED,MAAM,UAAU,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAA;IAClC,IAAI,UAAU,KAAK,SAAS,EAAE;QAC5B,SAAS,GAAG,UAAU,CAAA;QACtB,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAY,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;KAC1D;AACH,CAAC;AAjCD,gCAiCC;AAED,SAAgB,UAAU;IACxB,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,CAAA;IAE1C,gBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,gBAAgB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;QACrC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,CAAA;AAC/B,CAAC;AAZD,gCAYC;AAED,SAAgB,QAAQ;IACtB,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAA;IAEvC,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QACjC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAA;AAC9E,CAAC;AAZD,4BAYC"}

package/dist/reducer.d.ts

@@ -1,18 +0,0 @@
-import { Data, Loading } from './types';
-export declare function resultReducer(state: {
-    data: Data;
-    error?: Error;
-    loading: Loading;
-    checksum: number;
-}, action: {
-    merge?: Data;
-    data?: Data;
-    error?: Error;
-    loading?: Loading;
-    checksum?: number;
-}): {
-    data: Data;
-    error?: Error;
-    loading: Loading;
-    checksum: number;
-};

package/dist/reducer.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.resultReducer = void 0;
-function resultReducer(state, action) {
-    if (action.error) {
-        state.error = action.error;
-    }
-    if (action.data) {
-        state.checksum = action.checksum || 0;
-        state.data = action.data;
-        state.loading = false;
-        if (state.error) {
-            delete state.error;
-        }
-    }
-    if (action.merge) {
-        state.checksum = action.checksum || 0;
-        if (!state.data) {
-            state.data = action.merge;
-        }
-        else {
-            Object.assign(state.data, action.merge);
-        }
-        state.loading = false;
-        if (state.error) {
-            delete state.error;
-        }
-    }
-    if (action.loading) {
-        state.loading = action.loading;
-    }
-    return { ...state };
-}
-exports.resultReducer = resultReducer;
-//# sourceMappingURL=reducer.js.map

package/dist/reducer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reducer.js","sourceRoot":"","sources":["../src/reducer.ts"],"names":[],"mappings":";;;AAEA,SAAgB,aAAa,CAC3B,KAAwE,EACxE,MAMC;IAED,IAAI,MAAM,CAAC,KAAK,EAAE;QAChB,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;KAC3B;IACD,IAAI,MAAM,CAAC,IAAI,EAAE;QACf,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,CAAC,CAAA;QACrC,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;QACxB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAA;QACrB,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,OAAO,KAAK,CAAC,KAAK,CAAA;SACnB;KACF;IAED,IAAI,MAAM,CAAC,KAAK,EAAE;QAChB,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,CAAC,CAAA;QACrC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACf,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,CAAA;SAC1B;aAAM;YACL,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;SACxC;QACD,KAAK,CAAC,OAAO,GAAG,KAAK,CAAA;QACrB,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,OAAO,KAAK,CAAC,KAAK,CAAA;SACnB;KACF;IAED,IAAI,MAAM,CAAC,OAAO,EAAE;QAClB,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA;KAC/B;IACD,OAAO,EAAE,GAAG,KAAK,EAAE,CAAA;AACrB,CAAC;AAvCD,sCAuCC"}

package/dist/types.d.ts

@@ -1,3 +0,0 @@
-import { GenericObject } from '@based/client';
-export declare type Data = GenericObject;
-export declare type Loading = boolean;

package/dist/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/src/clients.ts

@@ -1,161 +0,0 @@
-import React, {
-  createContext,
-  FunctionComponent,
-  ReactNode,
-  useContext,
-  useEffect,
-  useReducer,
-} from 'react'
-
-import based, { Based, BasedOpts } from '@based/client'
-
-import { genOptsId } from './genOptsId'
-
-export type CreateClient = (
-  selector: string | (BasedOpts & { key?: string })
-) => Based
-
-const newClientListeners: Set<() => void> = new Set()
-
-interface BasedContextType {
-  clients: { [key: string]: Based }
-  createClient?: CreateClient
-  removeClient: (
-    selector: string | (BasedOpts & { key?: string }) | Based
-  ) => void
-}
-
-export const BasedContext = createContext<BasedContextType>({
-  clients: {},
-  // eslint-disable-next-line
-  removeClient: (...args: any) => {},
-})
-
-export const defaultCreateClient: CreateClient = (selector) => {
-  if (typeof selector === 'object') {
-    if (
-      typeof process !== 'undefined' &&
-      process.env.CLUSTER &&
-      process.env.CLUSTER.startsWith('local') &&
-      !selector.cluster
-    ) {
-      selector.cluster = process.env.CLUSTER
-    }
-    return based(selector)
-  } else {
-    // default
-    console.error('Cannot create client from ' + selector)
-  }
-}
-
-export const Provider: FunctionComponent<{
-  client?: Based
-  clients?: { [key: string]: Based }
-  children: ReactNode
-  createClient?: CreateClient
-}> = ({ client, children, clients, createClient }) => {
-  if (!clients && client) {
-    clients = {
-      default: client,
-    }
-  } else if (clients && client) {
-    clients.default = client
-  }
-
-  const ctx = React.createElement(
-    BasedContext.Provider,
-    {
-      value: {
-        clients,
-        createClient: createClient || defaultCreateClient,
-        removeClient: (selector) => {
-          if (selector instanceof Based) {
-            for (const cl in clients) {
-              if (clients[cl] === selector) {
-                selector = cl
-                break
-              }
-            }
-            if (typeof selector !== 'string') {
-              console.error('Cannot find client to remove from ctx', selector)
-              return
-            }
-          } else if (typeof selector !== 'string') {
-            selector = genOptsId(selector)
-          }
-          // @ts-ignore
-          if (clients[selector]) {
-            // @ts-ignore
-            clients[selector].disconnect()
-            // @ts-ignore
-            delete clients[selector]
-            newClientListeners.forEach((fn) => fn())
-          }
-        },
-      },
-    },
-    children
-  )
-
-  return ctx
-}
-
-export const useBasedContext = () => {
-  return useContext(BasedContext)
-}
-
-function forceUpdate(state: number) {
-  return state + 1
-}
-
-export const useClients = (): Based[] => {
-  const ctx = useBasedContext()
-  const [, update] = useReducer(forceUpdate, 0)
-
-  useEffect(() => {
-    let timer
-    const fn = () => {
-      timer = setTimeout(update, 0)
-    }
-    newClientListeners.add(fn)
-    return () => {
-      newClientListeners.delete(fn)
-      clearTimeout(timer)
-    }
-  }, [])
-
-  return Object.values(ctx.clients)
-}
-
-export const useClient = (
-  selector: string | (BasedOpts & { key?: string }) = 'default'
-) => {
-  const basedCtx = useContext(BasedContext)
-
-  if (typeof selector === 'object') {
-    if (!(selector.env && selector.project && selector.org)) {
-      return
-    }
-  }
-
-  let key: string
-
-  if (typeof selector === 'string') {
-    key = selector
-  } else {
-    key = selector.key || genOptsId(selector)
-  }
-
-  let client: Based = basedCtx.clients[key]
-
-  if (!client && basedCtx.createClient) {
-    client = basedCtx.createClient(selector)
-
-    if (client) {
-      basedCtx.clients[key] = client
-      newClientListeners.forEach((fn) => fn())
-    }
-  }
-
-  return client
-}

package/src/components/InfiniteList/index.tsx

@@ -1,182 +0,0 @@
-import {
-  addSubscriber,
-  removeSubscriber,
-  generateSubscriptionId,
-} from '@based/client'
-import React, { useRef, useState, useEffect } from 'react'
-import { FixedSizeList as List } from 'react-window'
-import { useData, useClient } from '../..'
-
-const addScrollSub = (client, subId, payload, offset, current, setChecksum) => {
-  const [, subscriberId] = addSubscriber(
-    client.client,
-    payload,
-    ({ items }, checksum) => {
-      for (let i = 0; i < items.length; i++) {
-        current.items[i + offset] = items[i]
-      }
-      setChecksum(`${offset}-${checksum}`)
-    },
-    (err) => err && console.error(err),
-    console.error,
-    subId
-  )
-  return subscriberId
-}
-
-export function InfiniteList({
-  query,
-  delay = 100,
-  itemSize = 50,
-  height = 400,
-  limit = Math.ceil(height / itemSize),
-  treshold = 0,
-  target = 'root',
-  ...props
-}) {
-  const blockHeight = itemSize * limit
-  const client = useClient()
-  const [offset, setOffset] = useState(0)
-  const [blocks, setBlocks] = useState(() => {
-    let blocks = Math.ceil(height / blockHeight)
-    if (treshold) {
-      blocks += Math.ceil(
-        (height / itemSize + treshold - blocks * limit) / limit
-      )
-    }
-    return blocks
-  })
-
-  const [, setChecksum] = useState()
-  const { current } = useRef({
-    offset,
-    blocks,
-    scroll: 0,
-    items: [],
-    timer: null,
-    subs: {},
-  })
-  const {
-    data: { itemCount },
-  } = useData({
-    itemCount: {
-      $aggregate: {
-        $function: 'count',
-        ...query().$list.$find,
-      },
-    },
-  })
-
-  useEffect(() => {
-    if (client) {
-      return () => {
-        const { subs } = current
-        current.subs = {}
-        setTimeout(() => {
-          for (const subId in subs) {
-            const subscriberId = current.subs[subId]
-            removeSubscriber(client.client, Number(subId), subscriberId)
-          }
-        })
-      }
-    }
-  }, [client, current])
-
-  useEffect(() => {
-    if (client) {
-      const subs = {}
-      let i = blocks
-
-      while (i--) {
-        const start = offset + limit * i
-        const payload = {
-          $id: target,
-          items: query(start, limit),
-        }
-        const subId = generateSubscriptionId(payload)
-        subs[subId] =
-          current.subs[subId] ||
-          addScrollSub(client, subId, payload, start, current, setChecksum)
-      }
-
-      for (const subId in current.subs) {
-        if (!(subId in subs)) {
-          const subscriberId = current.subs[subId]
-          removeSubscriber(client.client, Number(subId), subscriberId)
-        }
-      }
-
-      current.subs = subs
-    }
-  }, [target, client, offset, blocks, query, current]) // dont include limit
-
-  useEffect(update, [
-    blockHeight,
-    delay,
-    height,
-    itemSize,
-    current,
-    limit,
-    treshold,
-  ])
-
-  if (!itemCount || !current.items.length) {
-    return null
-  }
-
-  return (
-    <List
-      {...props}
-      height={height}
-      itemSize={itemSize}
-      itemData={current.items}
-      itemCount={itemCount}
-      onScroll={({ scrollOffset }) => {
-        current.scroll = scrollOffset
-        update()
-      }}
-    />
-  )
-
-  function update() {
-    const start = Math.max(0, current.scroll / itemSize - treshold)
-    const end = (current.scroll + height) / itemSize
-    const newOffset = start - (start % limit)
-    let newBlocks = Math.ceil(
-      height / blockHeight + (current.scroll % blockHeight) / blockHeight
-    )
-
-    if (treshold) {
-      const newLength = newOffset + limit * newBlocks
-      newBlocks += Math.max(0, Math.ceil((end + treshold - newLength) / limit))
-    }
-
-    if (newOffset !== current.offset || newBlocks !== current.blocks) {
-      current.offset = newOffset
-      current.blocks = newBlocks
-
-      const set = () => {
-        setOffset(current.offset)
-        setBlocks(current.blocks)
-      }
-
-      if (current.timer) {
-        clearTimeout(current.timer)
-      } else {
-        set()
-      }
-
-      current.timer = setTimeout(() => {
-        current.timer = null
-        set()
-      }, delay)
-    } else if (current.timer) {
-      clearTimeout(current.timer)
-      current.timer = setTimeout(() => {
-        current.timer = null
-        setOffset(current.offset)
-        setBlocks(current.blocks)
-      }, delay)
-    }
-  }
-}

package/src/genOptsId.ts

@@ -1,13 +0,0 @@
-import { BasedOpts } from '@based/client'
-
-export const genOptsId = (opts: BasedOpts & { key?: string }): string => {
-  if (!opts) {
-    return
-  }
-  if (opts.key) {
-    return opts.key
-  }
-  return `${opts.env}_${opts.project}_${opts.org}_${opts.cluster || ''}_${
-    opts.name || ''
-  }`
-}