Merge pull request #82 from flextremedev/add-mobile-package

Add mobile package

Author: flextremedev

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "typescript.tsdk": "node_modules/typescript/lib"
+}

package.json

@@ -8,6 +8,7 @@
   "scripts": {
     "core-test": "yarn workspace @interval-timer/core run test",
     "core-test-coverage": "yarn workspace @interval-timer/core run test --runInBand --coverage",
+    "mobile": "yarn workspace @interval-timer/mobile start",
     "web": "yarn workspace @interval-timer/web run start",
     "web-build": "yarn workspace @interval-timer/web run build",
     "web-lint": "yarn workspace @interval-timer/web run lint:fix",
@@ -25,9 +26,16 @@
     "eslint-config-prettier": "^7.0.0",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-prettier": "^3.3.1",
+    "expo-yarn-workspaces": "^1.3.1",
     "husky": "^3.0.5",
     "lint-staged": "^9.2.5",
     "prettier": "^2.2.1",
     "typescript": "^4.2.3"
+  },
+  "resolutions": {
+    "babel-jest": "^26.0.0",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
+    "webpack": "~4.44.0"
   }
 }

packages/core/package.json

@@ -12,6 +12,7 @@
     "@flextremedev/eslint-config-typescript": "^0.1.1"
   },
   "dependencies": {
+    "@xstate/react": "^0.8.1",
     "xstate": "^4.17.1"
   }
 }

packages/core/src/hooks/index.ts

@@ -0,0 +1 @@
+export { useTimerMachine } from './useTimerMachine';

packages/core/src/hooks/useTimerMachine.ts

@@ -0,0 +1,46 @@
+/* istanbul ignore file */
+/* covered by app integration test */
+import { useMachine } from '@xstate/react';
+
+import { timerMachine } from '../machine/timerMachine';
+import { timerStates } from '../model/timerStates';
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+export const useTimerMachine = () => {
+  const [state, send, service] = useMachine(timerMachine);
+
+  const toggleTimer = (): void => {
+    if (state.value === timerStates.STOPPED) {
+      send('START');
+    } else {
+      send('STOP');
+    }
+  };
+
+  const setRounds = (rounds: string): void => {
+    send({ type: 'SET_ROUNDS', rounds: Number(rounds) });
+  };
+
+  const setWorkInterval = (workInterval: Date): void => {
+    send({
+      type: 'SET_WORK_INTERVAL',
+      workInterval,
+    });
+  };
+
+  const setBreakInterval = (breakInterval: Date): void => {
+    send({
+      type: 'SET_BREAK_INTERVAL',
+      breakInterval,
+    });
+  };
+
+  return Object.freeze({
+    state,
+    send,
+    service,
+    setBreakInterval,
+    setRounds,
+    setWorkInterval,
+    toggleTimer,
+  });
+};

packages/core/src/index.ts

@@ -1,4 +1,5 @@
-export { hasOneSecondElapsed } from './utils/hasOneSecondElapsed';
+export * from './hooks';
+export * from './utils';
 export { timerMachine } from './machine/timerMachine';
 export * from './machine/types';
 export { timerStates } from './model/timerStates';

packages/core/src/machine/timerMachine.ts

@@ -1,10 +1,10 @@
 /* istanbul ignore file */
 /* covered by app integration test */
-import { hasOneSecondElapsed } from '@interval-timer/core';
 import { getMinutes, getSeconds, subSeconds } from 'date-fns';
 import { assign, createMachine, send } from 'xstate';
 
 import { timerStates } from '../model/timerStates';
+import { hasOneSecondElapsed } from '../utils';
 
 import {
   SetBreakIntervalEvent,

packages/core/src/utils/__tests__/toTwoDigitString.test.ts

@@ -0,0 +1,8 @@
+import { toTwoDigitString } from '../toTwoDigitString';
+
+describe('toTwoDigitString()', () => {
+  it('should return two digit string', () => {
+    expect(toTwoDigitString(3)).toBe('03');
+    expect(toTwoDigitString(30)).toBe('30');
+  });
+});

packages/core/src/utils/index.ts

@@ -0,0 +1,2 @@
+export { hasOneSecondElapsed } from './hasOneSecondElapsed';
+export { toTwoDigitString } from './toTwoDigitString';

packages/core/src/utils/toTwoDigitString.ts

@@ -0,0 +1,2 @@
+export const toTwoDigitString = (value: number): string =>
+  value < 10 ? `0${value}` : String(value);