@clicktap/state 0.1.0 → 0.1.2

package/src/toast/timer.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.timerMachine = void 0;
+const xstate_1 = require("xstate");
+const immer_1 = require("@xstate/immer");
+exports.timerMachine = 
+/** @xstate-layout N4IgpgJg5mDOIC5QBcCWBbMAnAdABwEMBXWSAYgCUBRAZQFUBZKgfQBUBJJigbQAYBdRKDwB7WKjQiAdkJAAPRAFoAjADYATDmUBOXQA5tAZmV69AFgDsq1QBoQAT0SHehnAFYAvh7tpMuLERSUqhSUGQcAMIA0nyCSCCi4pIy8QoIJqo4qnoWbnaOCGZmmaq8Zbyqyi5uym6qXj4Y2DgBQSFhAAoAgnQ0LBxcsbKJEqjSsmlVbjimFmZ6agZmbsbq+U4u7g0gvs2twaFkQ-EjyRNObrxZOXkOiGbKFjjq5WbqFurFvNpmXt4gUhEEDgsl2WGGYlG41SSnUVS0um0BmMpks1nW6Tcmk8-zB+GIpAgEKSYxSoDSvAxn142zx+3axKhZPkiEpdwQhjmW1xTVwAGMROg8AAbMDISCMs4whBsgpuOp-DxAA */
+(0, xstate_1.createMachine)({
+    id: 'timer',
+    initial: 'running',
+    context: {
+        elapsed: 0,
+        duration: 3000,
+        interval: 100,
+        intervalId: null,
+    },
+    states: {
+        paused: {
+            on: {
+                // START_TIMER: {
+                //   target: 'running',
+                //   cond: (context) => context.elapsed < context.duration,
+                // },
+                RESUME_TIMER: {
+                    target: 'running',
+                    cond: (context) => context.elapsed < context.duration,
+                },
+            },
+        },
+        running: {
+            invoke: {
+                src: (context) => (send) => {
+                    // eslint-disable-next-line no-console
+                    // console.log('context.interval: ', context.interval);
+                    const interval = setInterval(() => {
+                        send('TICK');
+                    }, context.interval);
+                    return () => {
+                        clearInterval(interval);
+                    };
+                },
+            },
+            always: [
+                {
+                    target: 'completed',
+                    cond: (context) => {
+                        return context.elapsed >= context.duration;
+                    },
+                },
+            ],
+            on: {
+                TICK: {
+                    actions: (0, immer_1.assign)((context, event) => {
+                        if (event.type !== 'TICK')
+                            return;
+                        context.elapsed += context.interval;
+                        // eslint-disable-next-line no-console
+                        // console.log(
+                        //   'elapsed: %d | interval: %d',
+                        //   context.elapsed,
+                        //   context.interval
+                        // );
+                    }),
+                },
+                PAUSE_TIMER: { target: 'paused' },
+            },
+        },
+        completed: {
+            type: 'final',
+        },
+    },
+});
+exports.default = exports.timerMachine;
+//# sourceMappingURL=timer.js.map

package/src/toast/timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timer.js","sourceRoot":"","sources":["../../../../../libs/state/src/toast/timer.ts"],"names":[],"mappings":";;;AAAA,mCAAuC;AACvC,yCAAuC;AAwC1B,QAAA,YAAY;AACvB,6cAA6c;AAC7c,IAAA,sBAAa,EAA4B;IACvC,EAAE,EAAE,OAAO;IACX,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,GAAG;QACb,UAAU,EAAE,IAAI;KACjB;IACD,MAAM,EAAE;QACN,MAAM,EAAE;YACN,EAAE,EAAE;gBACF,iBAAiB;gBACjB,uBAAuB;gBACvB,2DAA2D;gBAC3D,KAAK;gBACL,YAAY,EAAE;oBACZ,MAAM,EAAE,SAAS;oBACjB,IAAI,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,QAAQ;iBACtD;aACF;SACF;QACD,OAAO,EAAE;YACP,MAAM,EAAE;gBACN,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE;oBACzB,sCAAsC;oBACtC,uDAAuD;oBACvD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;wBAChC,IAAI,CAAC,MAAM,CAAC,CAAC;oBACf,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;oBACrB,OAAO,GAAG,EAAE;wBACV,aAAa,CAAC,QAAQ,CAAC,CAAC;oBAC1B,CAAC,CAAC;gBACJ,CAAC;aACF;YACD,MAAM,EAAE;gBACN;oBACE,MAAM,EAAE,WAAW;oBACnB,IAAI,EAAE,CAAC,OAAO,EAAE,EAAE;wBAChB,OAAO,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC;oBAC7C,CAAC;iBACF;aACF;YACD,EAAE,EAAE;gBACF,IAAI,EAAE;oBACJ,OAAO,EAAE,IAAA,cAAM,EAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;wBACjC,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM;4BAAE,OAAO;wBAClC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC;wBACpC,sCAAsC;wBACtC,eAAe;wBACf,kCAAkC;wBAClC,qBAAqB;wBACrB,qBAAqB;wBACrB,KAAK;oBACP,CAAC,CAAC;iBACH;gBACD,WAAW,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;aAClC;SACF;QACD,SAAS,EAAE;YACT,IAAI,EAAE,OAAO;SACd;KACF;CACF,CAAC,CAAC;AAEL,kBAAe,oBAAY,CAAC"}

package/src/toast/toast.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+import type { ReactElement } from 'react';
+/** @todo figure out TS here */
+export type ToastItem = {
+    id: string | null;
+    duration: number;
+    element: ReactNode;
+};
+export interface ToastMachineContext {
+    /** @todo create proper type for Array items */
+    items: Array<ToastItem>;
+    order: 'asc' | 'desc';
+    duration: number;
+    activeItem: string | null;
+}
+export interface AddItemEvent {
+    type: 'ADD_ITEM';
+    item: ReactElement;
+    duration?: number;
+}
+export interface RemoveItemEvent {
+    type: 'REMOVE_ITEM';
+}
+export interface SetIdleEvent {
+    type: 'SET_IDLE';
+}
+export interface SetActiveEvent {
+    type: 'SET_ACTIVE';
+}
+export interface ResumeTimerEvent {
+    type: 'RESUME_TIMER';
+}
+export interface PauseTimerEvent {
+    type: 'PAUSE_TIMER';
+}
+export interface TimeoutEvent {
+    type: 'xstate.after(ITEM_TIMEOUT)#toast.active';
+}
+export interface TimerDoneEvent {
+    type: 'done.invoke.timer';
+}
+export type ToastMachineEvents = AddItemEvent | RemoveItemEvent | SetIdleEvent | SetActiveEvent | TimeoutEvent | ResumeTimerEvent | PauseTimerEvent | TimerDoneEvent;
+export declare const toastMachine: import("xstate").StateMachine<ToastMachineContext, any, ToastMachineEvents, {
+    value: any;
+    context: ToastMachineContext;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, ToastMachineEvents, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/src/toast/toast.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toastMachine = void 0;
+const tslib_1 = require("tslib");
+const xstate_1 = require("xstate");
+const immer_1 = require("@xstate/immer");
+const react_1 = require("react");
+const crypto_1 = tslib_1.__importDefault(require("crypto"));
+const timer_1 = require("./timer");
+exports.toastMachine = 
+/** @xstate-layout N4IgpgJg5mDOIC5QBcD2BDWyB0BLCANmAMQCCAIuQPoCSAKgKICyA2gAwC6ioADqrLmS5UAO24gAHogCMAZgCs2AGzS2SgBxKA7AE4lO2ToAsAGhABPRAFoj6gL52zaTDnQBjIQDcSEUWDwinqgA1v5CALZgAE7sXEggfAJCouJSCEpsOspaOQay0kqyAExKZpYIReps2LY6mmxG+kUKWkYOThhY2O5eJBTU9Myx4omCwmLxabKF2NKN8kpFbPls8gpl1vLqykXyasaNhdJFWu0gzl09uN7EAErMAPIAagy0jKycI-xjKZOIi9sDPI9EZgYV1LItBsEIYlNg9NIdGxKki1jkzhdXB5riQAMoMOi0cgAGQYw3io2SE1AaTkWS0RQOSKWEK0c2hzWkNUWJy0Skah1sGM6WN6dwYuIAqkxXnQaDLbuTeN8qakZPIuXylhktAppgUitDilpsJpQeo9KsVOoCsKXN1sTcAAqkSX4qhyhVKhIq8ZqirSbaZeTyLRbVnqVqyaHSaQm45mtirKo6Eo6O2XCAQXAiKDEfGEmgksmfCm+340xC2bCh3XGrTLfR8+TQqxFJbYTIoow6HStBshjOuLM5vMFqikADCcpe3spfr+MKMmsZbDmFvU6jBRtW8I3IcMBT7Q+wUTA4VQnlH+YJRNJc-L1MkiHURiKps0DIWKhyIZjehqfc1h0I8GyUE8zwvK9cxvQkpxnEs4mVJIF0rBBU1kWZVw1WtgSMUwLHVIxsEqIxjVDIF5CFM4RFQCA4HETEvhQitnwQKxYxNOoDFjbQ2RtfRW1kfJO1THjA1sVRZBPfAiGYn4nzSKx9D3cS+MDI9-zhWot2A0C1BPK5vHk1VF1kIwuOZPICmKYEtMAuoDxAptlkMkdcxM1C2MMYjKhKXUlH5DUimkVsijImsxMMcLpjDUMIPPS9R081i0i3OE10afI42XcKW0ImFgRrYE5FBWx1F2cyHAcIA */
+(0, xstate_1.createMachine)({
+    context: { items: [], order: 'desc', duration: 0, activeItem: null },
+    predictableActionArguments: true,
+    id: 'toast',
+    initial: 'idle',
+    states: {
+        idle: {
+            on: {
+                ADD_ITEM: {
+                    target: 'adding',
+                },
+            },
+        },
+        active: {
+            invoke: {
+                id: 'timer',
+                src: timer_1.timerMachine,
+                onDone: {
+                    target: 'removing',
+                    cond: 'itemHasTimeout',
+                },
+                data: Object.assign(timer_1.timerMachine.context, {
+                    duration: (context) => {
+                        var _a;
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return
+                        return (_a = context.items[context.items.length - 1].duration) !== null && _a !== void 0 ? _a : context.duration;
+                    },
+                }),
+            },
+            on: {
+                ADD_ITEM: {
+                    // actions: sendTo('timer', 'PAUSE_TIMER'),
+                    target: 'adding',
+                },
+                REMOVE_ITEM: {
+                    target: 'removing',
+                },
+                SET_IDLE: {
+                    target: 'idle',
+                },
+                RESUME_TIMER: {
+                    actions: (0, xstate_1.sendTo)('timer', 'RESUME_TIMER'),
+                    // cond: (context) => context.duration > 0,
+                },
+                PAUSE_TIMER: {
+                    actions: (0, xstate_1.sendTo)('timer', 'PAUSE_TIMER'),
+                    // cond: (context) => context.duration > 0,
+                },
+            },
+            // after: {
+            //   ITEM_TIMEOUT: {
+            //     target: 'removing',
+            //     cond: 'itemHasTimeout',
+            //   },
+            // },
+        },
+        adding: {
+            entry: ['addItem'],
+            on: {
+                SET_IDLE: {
+                    target: 'idle',
+                },
+                SET_ACTIVE: {
+                    target: 'active',
+                },
+            },
+        },
+        removing: {
+            entry: 'removeItem',
+            on: {
+                SET_IDLE: {
+                    target: 'idle',
+                },
+                SET_ACTIVE: {
+                    target: 'active',
+                },
+            },
+        },
+    },
+}, {
+    actions: {
+        addItem: (0, immer_1.assign)((context, event) => {
+            var _a, _b;
+            if (event.type !== 'ADD_ITEM')
+                return;
+            const id = `notification-${crypto_1.default.randomBytes(16).toString('hex')}`;
+            const duration = (_a = event.duration) !== null && _a !== void 0 ? _a : context.duration;
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+            const notification = (0, react_1.cloneElement)(event.item, Object.assign({ duration,
+                id, key: (_b = event.item.key) !== null && _b !== void 0 ? _b : id }, event.item.props));
+            const item = {
+                duration,
+                id,
+                element: notification,
+            };
+            if (context.order === 'desc') {
+                context.items.push(item);
+            }
+            else {
+                context.items.unshift(item);
+            }
+            context.activeItem = id;
+        }),
+        removeItem: (0, immer_1.assign)((context, event) => {
+            if (event.type !== 'REMOVE_ITEM' &&
+                event.type !== 'xstate.after(ITEM_TIMEOUT)#toast.active' &&
+                event.type !== 'done.invoke.timer')
+                return;
+            if (context.order === 'desc') {
+                context.items.pop();
+                context.activeItem =
+                    context.items.length > 0
+                        ? context.items[context.items.length - 1].id
+                        : null;
+            }
+            else {
+                context.items.shift();
+                context.activeItem =
+                    context.items.length > 0 ? context.items[0].id : null;
+            }
+        }),
+        // startTimer: sendTo('timer', { type: 'START' }),
+    },
+    delays: {
+        ITEM_TIMEOUT: (context) => {
+            var _a;
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+            return (
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+            (_a = context.items[context.items.length - 1].duration) !== null && _a !== void 0 ? _a : context.duration);
+        },
+    },
+    guards: {
+        itemHasTimeout: (context) => {
+            return (
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+            context.items[context.items.length - 1].duration > 0 ||
+                context.duration > 0);
+        },
+    },
+});
+//# sourceMappingURL=toast.js.map

package/src/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../../libs/state/src/toast/toast.ts"],"names":[],"mappings":"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"}

package/.eslintrc.json

@@ -1,40 +0,0 @@
-{
-  "extends": [
-    "../../.eslintrc.json"
-  ],
-  "ignorePatterns": [
-    "!**/*",
-    "jest.config.ts",
-    "*.spec.ts"
-  ],
-  "overrides": [
-    {
-      "files": [
-        "*.ts",
-        "*.tsx",
-        "*.js",
-        "*.jsx"
-      ],
-      "rules": {}
-    },
-    {
-      "files": [
-        "*.ts",
-        "*.tsx"
-      ],
-      "rules": {},
-      "parserOptions": {
-        "project": [
-          "libs/state/tsconfig.lib.json"
-        ]
-      }
-    },
-    {
-      "files": [
-        "*.js",
-        "*.jsx"
-      ],
-      "rules": {}
-    }
-  ]
-}

package/jest.config.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-export default {
-  displayName: 'state',
-  preset: '../../jest.preset.js',
-  transform: {
-    '^.+\\.[tj]s$': ['ts-jest', { tsconfig: '<rootDir>/tsconfig.spec.json' }],
-  },
-  moduleFileExtensions: ['ts', 'js', 'html'],
-  coverageDirectory: '../../coverage/libs/state',
-};

package/project.json

@@ -1,40 +0,0 @@
-{
-  "name": "state",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "libs/state/src",
-  "projectType": "library",
-  "targets": {
-    "build": {
-      "executor": "@nx/js:tsc",
-      "outputs": ["{options.outputPath}"],
-      "options": {
-        "outputPath": "dist/libs/state",
-        "main": "libs/state/src/index.ts",
-        "tsConfig": "libs/state/tsconfig.lib.json",
-        "assets": ["libs/state/*.md"]
-      }
-    },
-    "lint": {
-      "executor": "@nx/linter:eslint",
-      "outputs": ["{options.outputFile}"],
-      "options": {
-        "lintFilePatterns": ["libs/state/**/*.ts"]
-      }
-    },
-    "test": {
-      "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
-      "options": {
-        "jestConfig": "libs/state/jest.config.ts",
-        "passWithNoTests": true
-      },
-      "configurations": {
-        "ci": {
-          "ci": true,
-          "codeCoverage": true
-        }
-      }
-    }
-  },
-  "tags": []
-}

package/src/auth/AuthProvider.tsx

@@ -1,97 +0,0 @@
-import { createContext, useContext } from 'react';
-import { interpret } from 'xstate';
-import type { InterpreterFrom } from 'xstate';
-import cookie from 'cookie';
-import type { ReactNode } from 'react';
-import type { NextPageContext } from 'next';
-import { authMachine } from './auth';
-
-// removing dependencies on next, this should work regardless of platform
-// import type { NextPageContext } from 'next';
-// import { useRouter } from 'next/router';
-
-export const AuthContext = createContext(
-  {} as InterpreterFrom<typeof authMachine>
-);
-
-export const useAuth = () => {
-  // console.log('useAuth');
-  // console.log(useContext(AuthContext).getSnapshot().context);
-  return useContext(AuthContext);
-};
-
-export const useUser = () => {
-  return useContext(AuthContext).getSnapshot().context.user;
-};
-
-type AuthOptions = {
-  devTools: boolean;
-  endpoints: {
-    login: string;
-    logout: string;
-    refresh: string;
-    ssrRefresh: string;
-  };
-};
-
-/**
- * this will run on the server side as part of app.getInitialProps
- * @todo is it possible to share state from client to server? headers? cookies?
- */
-export const getAuth = async (
-  context: NextPageContext,
-  options: AuthOptions
-  // eslint-disable-next-line @typescript-eslint/require-await
-) => {
-  if (typeof window !== 'undefined') {
-    // eslint-disable-next-line no-console
-    console.warn(
-      'App.getInitialProps::getAuth should not be run on the frontend. You are probably missing getServerSideProps in your page.'
-    );
-    return interpret(authMachine, { devTools: options.devTools }).start();
-  }
-
-  const cookies = cookie.parse(
-    context?.req?.headers && context.req.headers.cookie
-      ? context.req.headers.cookie
-      : ''
-  );
-  if (typeof cookies['refresh_token'] !== 'undefined') {
-    const authContext = {
-      ...authMachine.initialState.context,
-      refreshToken: cookies['refresh_token'],
-      endpoints: { ...options.endpoints },
-    };
-    return interpret(authMachine.withContext(authContext), {
-      devTools: options.devTools,
-    }).start();
-  }
-
-  return interpret(authMachine, { devTools: options.devTools }).start();
-};
-
-type Props = {
-  children: ReactNode;
-  service: InterpreterFrom<typeof authMachine>;
-  // options: {
-  //   devTools: boolean;
-  // };
-  // state: StateConfig<AuthMachineContext, AuthMachineEvents>;
-};
-
-export function AuthProvider({
-  children,
-  service,
-}: // options = { devTools: false },
-// state
-Props) {
-  // console.log('AuthProvider::state');
-  // console.log(state.context);
-  // let authService = interpret(authMachine, { devTools: options.devTools }).start(state);
-  // console.log('AuthProvider::authService');
-  // console.log(authService.getSnapshot().context);
-
-  return (
-    <AuthContext.Provider value={service}>{children}</AuthContext.Provider>
-  );
-}

package/src/auth/auth.spec.ts

@@ -1,7 +0,0 @@
-import { authMachine } from './auth';
-
-describe('state', () => {
-  it('should work', () => {
-    expect(authMachine).toEqual('auth');
-  });
-});