@coorpacademy/app-review 0.0.8 → 0.0.10

package/lib/components/root-view.native.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+// -----------------------------------------------------------------------------
+var styles = react_native_1.StyleSheet.create({
+    rootView: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center'
+    }
+});
+// -----------------------------------------------------------------------------
+var NavText = function (_a) {
+    var viewName = _a.viewName, navigateTo = _a.navigateTo;
+    switch (viewName) {
+        case 'home':
+            return (react_1.default.createElement(react_native_1.Pressable, { onPress: function () {
+                    navigateTo('onboarding');
+                } },
+                react_1.default.createElement(react_native_1.Text, null, "view home")));
+        case 'onboarding':
+            return (react_1.default.createElement(react_native_1.Pressable, { onPress: function () { return navigateTo('quizzer'); } },
+                react_1.default.createElement(react_native_1.Text, null, "view onboarding")));
+        case 'quizzer':
+            return (react_1.default.createElement(react_native_1.Pressable, { onPress: function () { return navigateTo('home'); } },
+                react_1.default.createElement(react_native_1.Text, null, "view quizzer")));
+        default:
+            return react_1.default.createElement(react_native_1.Text, null, "view (none selected)");
+    }
+};
+// -----------------------------------------------------------------------------
+var RootView = function (props) {
+    var backAction = function () {
+        props.navigateBack();
+        return true;
+    };
+    (0, react_1.useEffect)(function () {
+        // https://reactnative.dev/docs/backhandler
+        var backHandler = react_native_1.BackHandler.addEventListener('hardwareBackPress', backAction);
+        return function () { return backHandler.remove(); };
+    }, []);
+    return (react_1.default.createElement(react_native_1.View, { style: styles.rootView },
+        react_1.default.createElement(NavText, { viewName: props.viewName, navigateTo: props.navigateTo })));
+};
+// -----------------------------------------------------------------------------
+exports.default = RootView;

package/lib/configure-store.d.ts

@@ -0,0 +1,6 @@
+export default function configureStore(services: any): import("redux").Store<import("redux").EmptyObject & {
+    navigation: import("./reducers/navigation").State;
+}, import("redux").AnyAction> & {
+    dispatch: unknown;
+};
+//# sourceMappingURL=configure-store.d.ts.map

package/lib/configure-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configure-store.d.ts","sourceRoot":"","sources":["../src/configure-store.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,QAAQ,KAAA;;;;EAc9C"}

package/lib/configure-store.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var redux_1 = require("redux");
+var redux_thunk_1 = require("redux-thunk");
+var redux_devtools_extension_1 = require("redux-devtools-extension");
+var reducers_1 = require("./reducers");
+var preloadedState = undefined;
+function configureStore(services) {
+    var _compose = process.env.NODE_ENV !== 'production'
+        ? (0, redux_devtools_extension_1.composeWithDevTools)({
+            name: 'app-review',
+            trace: true,
+            traceLimit: 25
+        })
+        : redux_1.compose;
+    var enhancer = _compose((0, redux_1.applyMiddleware)(redux_thunk_1.default));
+    var store = (0, redux_1.createStore)(reducers_1.default, preloadedState, enhancer);
+    return store;
+}
+exports.default = configureStore;

package/lib/index.d.ts

@@ -0,0 +1,5 @@
+declare const AppRevision: ({ services }: {
+    services: any;
+}) => JSX.Element;
+export default AppRevision;
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAmBA,QAAA,MAAM,WAAW;;iBAehB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/lib/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var configure_store_1 = require("./configure-store");
+var navigation_1 = require("./actions/navigation");
+var navigation_2 = require("./reducers/navigation");
+var root_view_1 = require("./components/root-view");
+// -----------------------------------------------------------------------------
+var mapStateToProps = function (state, ownProps) {
+    return __assign(__assign({}, ownProps), { viewName: (0, navigation_2.getCurrentViewName)(state) });
+};
+var mapDispatchToProps = { navigateTo: navigation_1.navigateTo, navigateBack: navigation_1.navigateBack };
+var App = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(root_view_1.default);
+// -----------------------------------------------------------------------------
+var AppRevision = function (_a) {
+    var services = _a.services;
+    var _b = (0, react_1.useState)(null), store = _b[0], setStore = _b[1];
+    (0, react_1.useEffect)(function () {
+        var store = (0, configure_store_1.default)(services);
+        setStore(store);
+    }, []);
+    if (!store)
+        return null;
+    return (react_1.default.createElement(react_redux_1.Provider, { store: store },
+        react_1.default.createElement(App, null)));
+};
+// -----------------------------------------------------------------------------
+exports.default = AppRevision;

package/lib/reducers/index.d.ts

@@ -0,0 +1,5 @@
+declare const rootReducer: import("redux").Reducer<import("redux").CombinedState<{
+    navigation: import("./navigation").State;
+}>, import("redux").AnyAction>;
+export default rootReducer;
+//# sourceMappingURL=index.d.ts.map

package/lib/reducers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/reducers/index.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW;;8BAEf,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/lib/reducers/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var redux_1 = require("redux");
+var navigation_1 = require("./navigation");
+var rootReducer = (0, redux_1.combineReducers)({
+    navigation: navigation_1.default
+});
+exports.default = rootReducer;

package/lib/reducers/navigation.d.ts

@@ -0,0 +1,7 @@
+import type { $NAVIGATE_TO, $NAVIGATE_BACK } from '../actions/navigation';
+export declare type State = Array<string>;
+export declare const initialState: State;
+declare const reducer: (state: State, action: $NAVIGATE_TO | $NAVIGATE_BACK) => State;
+export declare const getCurrentViewName: (appState: any) => any;
+export default reducer;
+//# sourceMappingURL=navigation.d.ts.map

package/lib/reducers/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/reducers/navigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,YAAY,EAAE,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAExE,oBAAY,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAElC,eAAO,MAAM,YAAY,EAAE,KAAgB,CAAC;AAE5C,QAAA,MAAM,OAAO,yBAAyC,YAAY,GAAG,cAAc,UAalF,CAAC;AAEF,eAAO,MAAM,kBAAkB,wBAAkE,CAAC;AAClG,eAAe,OAAO,CAAC"}

package/lib/reducers/navigation.js

@@ -0,0 +1,32 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCurrentViewName = exports.initialState = void 0;
+var navigation_1 = require("../actions/navigation");
+exports.initialState = ['home'];
+var reducer = function (state, action) {
+    if (state === void 0) { state = exports.initialState; }
+    switch (action.type) {
+        case navigation_1.NAVIGATE_TO: {
+            return __spreadArray(__spreadArray([], state, true), [action.payload], false);
+        }
+        case navigation_1.NAVIGATE_BACK: {
+            var newState = __spreadArray([], state, true);
+            newState.pop();
+            return newState;
+        }
+        default:
+            return state;
+    }
+};
+var getCurrentViewName = function (appState) { return appState.navigation[appState.navigation.length - 1]; };
+exports.getCurrentViewName = getCurrentViewName;
+exports.default = reducer;

package/package.json

@@ -1,25 +1,37 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "",
   "type": "module",
   "engines": {
     "node": ">=16.15.0"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "start": "node scripts/start.js",
+    "static": "node scripts/build.js",
+    "poststatic": "cp -r public static",
+    "prepare": "npm run clean && npm run build --production",
+    "build:commonjs": "tsc -p tsconfig.lib.json",
+    "build:es": "tsc -p tsconfig.es.json",
+    "build": "concurrently \"npm run build:commonjs\" \"npm run build:es\"",
+    "clean:commonjs": "rm -rf lib",
+    "clean:es": "rm -rf es",
+    "clean": "concurrently \"npm run clean:commonjs\" \"npm run clean:es\"",
+    "test:unit": "echo @todo setup unit tests"
   },
   "author": "CoorpAcademy",
   "files": [
-    "dist",
+    "lib",
+    "es",
     "src",
     "readme.md"
   ],
-  "main": "./dist/index.js",
+  "main": "./es/index.js",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "import": "./es/index.js",
+      "commonjs": "./lib/index.js",
+      "types": "./es/index.d.ts"
     },
     "./package.json": "./package.json"
   },
@@ -31,8 +43,16 @@
   },
   "devDependencies": {
     "@storybook/react-native": "^5.3.25",
+    "chalk": "^5.0.1",
+    "concurrently": "^5.2.0",
+    "connect-history-api-fallback": "^1.6.0",
+    "esbuild": "^0.14.39",
+    "esbuild-css-modules-plugin": "^2.2.16",
+    "esbuild-plugin-svgr": "^1.0.1",
+    "live-server": "^1.2.2",
+    "react-dom": "^17.0.2",
     "redux-devtools-extension": "^2.13.9",
     "typescript": "^4.6.4"
   },
-  "gitHead": "95863505954665dc5dfcbb51a19b4b6643a9dc99"
+  "gitHead": "60a05637c27cbcae438fa31d147462672d2b200d"
 }

package/readme.md

@@ -1,8 +1,18 @@
 # App Review
 
-tmp notes:
+## start local sandbox
 
-export: <https://stackoverflow.com/a/70020984/959219>
+```sh
+npm start
+```
+
+## generate /static
+
+```sh
+npm run static
+```
+
+(This script is generated by lerna to publish the static web app)
 
 ## dependencies notes
 
@@ -11,3 +21,7 @@ export: <https://stackoverflow.com/a/70020984/959219>
 
 `react` must also be the same version on this package and the rootApp
 *(possible generic error Warning: Invalid hook call. [...] 3. You might have more than one copy of React in the same app)*
+
+### tmp notes
+
+export: <https://stackoverflow.com/a/70020984/959219>

package/src/components/root-view.modules.css

@@ -0,0 +1,8 @@
+.textButton {
+  background-color: aquamarine;
+  padding: 20px;
+  border-radius: 10px;
+  user-select: none;
+  cursor: pointer;
+  font-size: 25px;
+}

package/src/components/root-view.native.tsx

@@ -0,0 +1,69 @@
+import React, {useEffect} from 'react';
+import {Text, StyleSheet, Pressable, View, BackHandler} from 'react-native';
+
+// -----------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  rootView: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+
+// -----------------------------------------------------------------------------
+
+const NavText = ({viewName, navigateTo}) => {
+  switch (viewName) {
+    case 'home':
+      return (
+        <Pressable
+          onPress={() => {
+            navigateTo('onboarding');
+          }}
+        >
+          <Text>view home</Text>
+        </Pressable>
+      );
+    case 'onboarding':
+      return (
+        <Pressable onPress={() => navigateTo('quizzer')}>
+          <Text>view onboarding</Text>
+        </Pressable>
+      );
+    case 'quizzer':
+      return (
+        <Pressable onPress={() => navigateTo('home')}>
+          <Text>view quizzer</Text>
+        </Pressable>
+      );
+    default:
+      return <Text>view (none selected)</Text>;
+  }
+};
+
+// -----------------------------------------------------------------------------
+
+const RootView = (props) => {
+  const backAction = () => {
+    props.navigateBack();
+    return true;
+  };
+
+  useEffect(() => {
+    // https://reactnative.dev/docs/backhandler
+    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);
+
+    return () => backHandler.remove();
+  }, []);
+
+  return (
+    <View style={styles.rootView}>
+      <NavText viewName={props.viewName} navigateTo={props.navigateTo} />
+    </View>
+  );
+};
+
+// -----------------------------------------------------------------------------
+
+export default RootView;

package/src/components/root-view.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import styles from './root-view.modules.css';
+
+// -----------------------------------------------------------------------------
+
+const Button = (props) => <p {...props} className={styles.textButton} />;
+
+// -----------------------------------------------------------------------------
+
+const RootView = ({viewName, navigateTo}) => {
+  switch (viewName) {
+    case 'home':
+      return <Button onClick={() => navigateTo('onboarding')}>view home</Button>;
+    case 'onboarding':
+      return <Button onClick={() => navigateTo('quizzer')}>view onboarding</Button>;
+    case 'quizzer':
+      return <Button onClick={() => navigateTo('home')}>view quizzer</Button>;
+    default:
+      return <Button>view (none selected)</Button>;
+  }
+};
+
+// -----------------------------------------------------------------------------
+
+export default RootView;

package/src/configure-store.ts

@@ -2,23 +2,22 @@ import {applyMiddleware, compose, createStore} from 'redux';
 import thunk from 'redux-thunk';
 import {composeWithDevTools} from 'redux-devtools-extension';
 
-import * as actionCreators from './actions';
 import rootReducer from './reducers';
 
 const preloadedState = undefined;
 
 export default function configureStore(services) {
-  const _compose = process.env.NODE_ENV !== 'production' ? composeWithDevTools : compose;
+  const _compose =
+    process.env.NODE_ENV !== 'production'
+      ? composeWithDevTools({
+          name: 'app-review',
+          trace: true,
+          traceLimit: 25
+        })
+      : compose;
 
-  const composeEnhancers = _compose({
-    actionCreators,
-    name: 'app-review',
-    trace: true,
-    traceLimit: 25
-  });
-
-  const composedEnhancer = composeEnhancers(applyMiddleware(thunk));
-  const store = createStore(rootReducer, preloadedState, composedEnhancer);
+  const enhancer = _compose(applyMiddleware(thunk));
+  const store = createStore(rootReducer, preloadedState, enhancer);
 
   return store;
 }

package/src/index.tsx

@@ -1,73 +1,10 @@
 import React, {useEffect, useState} from 'react';
-import {Text, StyleSheet, Pressable, View, BackHandler} from 'react-native';
 import {connect, Provider} from 'react-redux';
 
 import configureStore from './configure-store';
 import {navigateTo, navigateBack} from './actions/navigation';
 import {getCurrentViewName} from './reducers/navigation';
-
-// -----------------------------------------------------------------------------
-
-const styles = StyleSheet.create({
-  rootView: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-
-// -----------------------------------------------------------------------------
-
-const NavText = ({viewName, navigateTo}) => {
-  switch (viewName) {
-    case 'home':
-      return (
-        <Pressable
-          onPress={() => {
-            navigateTo('onboarding');
-          }}
-        >
-          <Text>view home</Text>
-        </Pressable>
-      );
-    case 'onboarding':
-      return (
-        <Pressable onPress={() => navigateTo('quizzer')}>
-          <Text>view onboarding</Text>
-        </Pressable>
-      );
-    case 'quizzer':
-      return (
-        <Pressable onPress={() => navigateTo('home')}>
-          <Text>view quizzer</Text>
-        </Pressable>
-      );
-    default:
-      return <Text>view (none selected)</Text>;
-  }
-};
-
-// -----------------------------------------------------------------------------
-
-const RootView = (props) => {
-  const backAction = () => {
-    props.navigateBack();
-    return true;
-  };
-
-  useEffect(() => {
-    // https://reactnative.dev/docs/backhandler
-    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);
-
-    return () => backHandler.remove();
-  }, []);
-
-  return (
-    <View style={styles.rootView}>
-      <NavText viewName={props.viewName} navigateTo={props.navigateTo} />
-    </View>
-  );
-};
+import RootView from './components/root-view';
 
 // -----------------------------------------------------------------------------
 

package/dist/components/revision-home.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"revision-home.d.ts","sourceRoot":"","sources":["../../src/components/revision-home.tsx"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACb,cAAc,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;CACnD;AAoGD,QAAA,MAAM,YAAY,UAAW,KAAK,gBASjC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/revision-home.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"revision-home.stories.d.ts","sourceRoot":"","sources":["../../src/components/revision-home.stories.tsx"],"names":[],"mappings":""}

package/dist/components/revision-onboarding.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"revision-onboarding.d.ts","sourceRoot":"","sources":["../../src/components/revision-onboarding.tsx"],"names":[],"mappings":"AAkEA,QAAA,MAAM,kBAAkB,mBAevB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/revision-quizzer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"revision-quizzer.d.ts","sourceRoot":"","sources":["../../src/components/revision-quizzer.tsx"],"names":[],"mappings":"AASA,oBAAY,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,OAAO,GAAG;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,gBAAgB,GAAG,iBAAiB,GAAG,aAAa,CAAC;IAC3D,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;CACtB,CAAC;AAEF,UAAU,KAAK;IACb,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AA2ID,QAAA,MAAM,eAAe,cAAa,KAAK,gBAStC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/configure-store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"configure-store.d.ts","sourceRoot":"","sources":["../src/configure-store.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,QAAQ,KAAA;;;;EAc9C"}

package/dist/configure-store.js

@@ -1,18 +0,0 @@
-import { applyMiddleware, compose, createStore } from 'redux';
-import thunk from 'redux-thunk';
-import { composeWithDevTools } from 'redux-devtools-extension';
-import * as actionCreators from './actions';
-import rootReducer from './reducers';
-const preloadedState = undefined;
-export default function configureStore(services) {
-    const _compose = process.env.NODE_ENV !== 'production' ? composeWithDevTools : compose;
-    const composeEnhancers = _compose({
-        actionCreators,
-        name: 'app-review',
-        trace: true,
-        traceLimit: 25
-    });
-    const composedEnhancer = composeEnhancers(applyMiddleware(thunk));
-    const store = createStore(rootReducer, preloadedState, composedEnhancer);
-    return store;
-}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAmFA,QAAA,MAAM,WAAW;;iBAehB,CAAC;AAIF,eAAe,WAAW,CAAC"}