floppy-disk 3.0.0-experimental.1 → 3.0.0

package/lib/react/with-context.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-export declare const withContext: <T>(initFn: () => T) => readonly [({ children, onInitialize, }: {
-    children: ReactNode;
-    onInitialize?: ((value: T) => void) | undefined;
-}) => import("react").FunctionComponentElement<import("react").ProviderProps<T | null>>, () => T | null];

package/lib/react/with-context.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withContext = void 0;
-const react_1 = require("react");
-const withContext = (initFn) => {
-    const Context = (0, react_1.createContext)(null);
-    const Provider = ({ children, onInitialize, }) => {
-        const [value] = (0, react_1.useState)(() => {
-            const store = initFn();
-            onInitialize && onInitialize(store);
-            return store;
-        });
-        return (0, react_1.createElement)(Context.Provider, { value, children });
-    };
-    const useCurrentContext = () => (0, react_1.useContext)(Context);
-    return [Provider, useCurrentContext];
-};
-exports.withContext = withContext;

package/lib/utils.d.ts

@@ -1,24 +0,0 @@
-export type Maybe<T> = T | null | undefined;
-/**
- * Check if this runs on browser.
- */
-export declare const isClient: boolean;
-export declare const noop: () => void;
-export declare const identityFn: <T>(value: T) => T;
-/**
- * Check if a value is not undefined and not null.
- *
- * ```ts
- * const hasValue = (value: any) => value !== undefined && value !== null;
- * ```
- */
-export declare const hasValue: (value: any) => boolean;
-/**
- * If the value is a function, it will invoke the function.\
- * If the value is not a function, it will just return it.
- */
-export declare const getValue: <T, P extends any[]>(valueOrComputeValueFn: T | ((...params: P) => T), ...params: P) => T;
-/**
- * Create an Error instance with custom props.
- */
-export declare const createError: (message: string, props: Record<string, any>) => Error & Record<string, any>;

package/lib/utils.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createError = exports.getValue = exports.hasValue = exports.identityFn = exports.noop = exports.isClient = void 0;
-/**
- * Check if this runs on browser.
- */
-exports.isClient = typeof window !== 'undefined' && !('Deno' in window);
-const noop = () => { };
-exports.noop = noop;
-const identityFn = (value) => value;
-exports.identityFn = identityFn;
-/**
- * Check if a value is not undefined and not null.
- *
- * ```ts
- * const hasValue = (value: any) => value !== undefined && value !== null;
- * ```
- */
-const hasValue = (value) => value !== undefined && value !== null;
-exports.hasValue = hasValue;
-/**
- * If the value is a function, it will invoke the function.\
- * If the value is not a function, it will just return it.
- */
-const getValue = (valueOrComputeValueFn, ...params) => {
-    if (typeof valueOrComputeValueFn === 'function') {
-        return valueOrComputeValueFn(...params);
-    }
-    return valueOrComputeValueFn;
-};
-exports.getValue = getValue;
-/**
- * Create an Error instance with custom props.
- */
-const createError = (message, props) => {
-    const error = Object.assign(new Error(message), props);
-    return error;
-};
-exports.createError = createError;

package/lib/vanilla/fetcher.d.ts

@@ -1,27 +0,0 @@
-type FetcherOptions<TResponse = any> = {
-    url: string;
-    query?: string;
-    params?: Record<string, string | number | boolean> | null;
-    payload?: any;
-    interceptRequest?: (requestOptions: RequestInit & {
-        url: string;
-    }) => (RequestInit & {
-        url: string;
-    }) | Promise<RequestInit & {
-        url: string;
-    }>;
-    interceptResponse?: (response: TResponse) => TResponse | Promise<TResponse>;
-} & RequestInit;
-/**
- * Experimental fetcher - abstraction layer for query/mutation function creator.
- *
- * Can be used for REST or GraphQL.
- *
- * Only work for JSON response only.
- *
- * @see https://floppy-disk.vercel.app/docs/experimental
- *
- * @returns A function to fetch data
- */
-export declare const fetcher: <TResponse = any, TInput extends any[] = any[]>(options: FetcherOptions<TResponse> | ((...args: TInput) => FetcherOptions<TResponse>)) => (...args: TInput) => Promise<TResponse>;
-export {};

package/lib/vanilla/fetcher.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetcher = void 0;
-const utils_1 = require("../utils");
-const encodeParams = (params) => Object.entries(params)
-    .filter(([, value]) => value !== undefined && value !== null)
-    .map((kv) => kv.map(encodeURIComponent).join('='))
-    .join('&');
-/**
- * Experimental fetcher - abstraction layer for query/mutation function creator.
- *
- * Can be used for REST or GraphQL.
- *
- * Only work for JSON response only.
- *
- * @see https://floppy-disk.vercel.app/docs/experimental
- *
- * @returns A function to fetch data
- */
-const fetcher = (options) => async (...args) => {
-    const { url, query, params, payload, headers, interceptRequest = utils_1.identityFn, interceptResponse, ...rest } = (0, utils_1.getValue)(options, ...args);
-    let autoOptions = {};
-    let searchParams = params;
-    if (query) {
-        // GraphQL
-        autoOptions = {
-            method: 'POST',
-            body: JSON.stringify({ query, variables: payload || args[0] }),
-        };
-    }
-    else if (rest.method && rest.method.toLowerCase() !== 'get') {
-        // REST - Mutation
-        autoOptions = {
-            body: JSON.stringify(payload === undefined ? args[0] : payload),
-        };
-    }
-    else {
-        // REST - Query
-        if (typeof options === 'object' && params === undefined)
-            searchParams = args[0];
-    }
-    const interceptedOptions = await interceptRequest({
-        url: searchParams ? [url, encodeParams(searchParams)].join('?') : url,
-        headers: { 'Content-Type': 'application/json', ...headers },
-        ...autoOptions,
-        ...rest,
-    });
-    const { url: finalUrl, ...finalOptions } = interceptedOptions;
-    const res = await fetch(finalUrl, finalOptions);
-    const contentType = res.headers.get('content-type');
-    const isJsonFile = /\.json(\?.+)?$/.test(finalUrl);
-    if (contentType?.includes('application/json') || isJsonFile) {
-        let resJson = await res.json();
-        if (query) {
-            if (resJson.errors) {
-                throw (0, utils_1.createError)('Error GraphQL response', {
-                    status: res.status,
-                    statusText: res.statusText,
-                    response: resJson.errors,
-                    request: interceptedOptions,
-                });
-            }
-            resJson = resJson.data;
-        }
-        if (res.ok) {
-            if (interceptResponse) {
-                try {
-                    const finalResponse = await interceptResponse(resJson);
-                    return finalResponse;
-                }
-                catch (error) {
-                    throw (0, utils_1.createError)('Error intercept response', {
-                        status: res.status,
-                        statusText: res.statusText,
-                        response: resJson,
-                        error,
-                        request: interceptedOptions,
-                    });
-                }
-            }
-            return resJson;
-        }
-        throw (0, utils_1.createError)('Fetch error', {
-            status: res.status,
-            statusText: res.statusText,
-            response: resJson,
-            request: interceptedOptions,
-        });
-    }
-    const resText = await res.text().catch(() => undefined);
-    throw (0, utils_1.createError)('Response type is not a JSON', {
-        status: res.status,
-        statusText: res.statusText,
-        response: resText,
-        contentType,
-        request: interceptedOptions,
-    });
-};
-exports.fetcher = fetcher;

package/lib/vanilla/init-store.d.ts

@@ -1,24 +0,0 @@
-import { Maybe } from '../utils';
-export type StoreState = Record<string, any>;
-export type SetStoreState<T> = Partial<T> | ((state: T) => Partial<T>);
-export type SelectDeps<T> = ((state: T) => any[]) | undefined | null;
-export type Subscribers<T> = Map<(state: T) => void, SelectDeps<T>>;
-export type StoreInitializer<T> = T | ((api: {
-    get: () => T;
-    set: (value: SetStoreState<T>, silent?: boolean) => void;
-}) => T);
-export type StoreEvent<T> = (state: T) => void;
-export type InitStoreOptions<T> = {
-    intercept?: (nextState: T, prevState: T) => void | Maybe<Partial<T>>;
-    onFirstSubscribe?: StoreEvent<T>;
-    onSubscribe?: StoreEvent<T>;
-    onUnsubscribe?: StoreEvent<T>;
-    onLastUnsubscribe?: StoreEvent<T>;
-};
-export type InitStoreReturn<T> = {
-    get: () => T;
-    set: (value: SetStoreState<T>, silent?: boolean) => void;
-    subscribe: (fn: (state: T) => void, selectDeps?: SelectDeps<T>) => () => void;
-    getSubscribers: () => Subscribers<T>;
-};
-export declare const initStore: <T extends StoreState>(initializer: StoreInitializer<T>, options?: InitStoreOptions<T>) => InitStoreReturn<T>;

package/lib/vanilla/init-store.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initStore = void 0;
-const utils_1 = require("../utils");
-const initStore = (initializer, options = {}) => {
-    const { intercept, onFirstSubscribe = utils_1.noop, onSubscribe = utils_1.noop, onUnsubscribe = utils_1.noop, onLastUnsubscribe = utils_1.noop, } = options;
-    const subscribers = new Map();
-    const getSubscribers = () => subscribers;
-    let state;
-    const get = () => state;
-    const set = (value, silent = false) => {
-        const prevState = state;
-        state = { ...state, ...(0, utils_1.getValue)(value, state) };
-        if (intercept) {
-            state = { ...state, ...intercept(state, prevState) };
-        }
-        if (silent)
-            return;
-        const keys = Object.keys(state);
-        subscribers.forEach((selectDeps, fn) => {
-            if (!selectDeps) {
-                for (let i = 0, n = keys.length; i < n; i++) {
-                    if (prevState[keys[i]] !== state[keys[i]]) {
-                        fn(state);
-                        break;
-                    }
-                }
-                return;
-            }
-            const prevs = selectDeps(prevState);
-            const nexts = selectDeps(state);
-            for (let i = 0, n = prevs.length; i < n; i++) {
-                if (prevs[i] !== nexts[i]) {
-                    fn(state);
-                    break;
-                }
-            }
-        });
-    };
-    const subscribe = (fn, selectDeps) => {
-        subscribers.set(fn, selectDeps);
-        if (subscribers.size === 1)
-            onFirstSubscribe(state);
-        onSubscribe(state);
-        return () => {
-            subscribers.delete(fn);
-            onUnsubscribe(state);
-            if (subscribers.size === 0)
-                onLastUnsubscribe(state);
-        };
-    };
-    state = (0, utils_1.getValue)(initializer, { get, set });
-    return { get, set, subscribe, getSubscribers };
-};
-exports.initStore = initStore;

package/utils/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "../lib/utils.js",
-  "module": "../esm/utils.js",
-  "types": "../lib/utils.d.ts"
-}