code7-leia 0.1.71 → 0.1.73

package/dist/code7-leia.cjs.development.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+var reactRedux = require('react-redux');
 var React = require('react');
 var React__default = _interopDefault(React);
 var reactRouterDom = require('react-router-dom');
-var reactRedux = require('react-redux');
 var PropTypes = _interopDefault(require('prop-types'));
 var cc = _interopDefault(require('classcat'));
 var styled = _interopDefault(require('styled-components'));
@@ -15,11 +15,12 @@ var fa = require('react-icons/fa');
 var unorm = _interopDefault(require('unorm'));
 var md = require('react-icons/md');
 var reactDropzone = require('react-dropzone');
-require('redux-saga/effects');
+var effects = require('redux-saga/effects');
 var axios = _interopDefault(require('axios'));
 var pi = require('react-icons/pi');
 var redux = require('redux');
-var reduxPromise = _interopDefault(require('redux-promise'));
+require('redux-persist');
+var immer = require('immer');
 
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
@@ -322,36 +323,6 @@ function _regeneratorRuntime() {
     }
   }, e;
 }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -1024,31 +995,25 @@ var Types = {
   GET_FILES_SUCCESS: '@files/GET_FILES_SUCCESS'
 };
 
-// import actions from './Files.actions'
-var getFiles = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
-    var _yield$api$get, data;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return api.get("/files/" + id);
-        case 2:
-          _yield$api$get = _context.sent;
-          data = _yield$api$get.data;
-          console.log('DATA ----------------------->', data);
-          console.log('DATA.FILES ----------------------->', data.files);
-          return _context.abrupt("return", data.files);
-        case 7:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function getFiles(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
+var _marked = /*#__PURE__*/_regeneratorRuntime().mark(getFiles);
+function getFiles(id) {
+  var _yield$call, data;
+  return _regeneratorRuntime().wrap(function getFiles$(_context) {
+    while (1) switch (_context.prev = _context.next) {
+      case 0:
+        _context.next = 2;
+        return effects.call(api.get, "/files/" + id);
+      case 2:
+        _yield$call = _context.sent;
+        data = _yield$call.data;
+        _context.next = 6;
+        return effects.put(getFilesActionSuccess(data.files));
+      case 6:
+      case "end":
+        return _context.stop();
+    }
+  }, _marked);
+}
 
 function getFilesAction(id) {
   return {
@@ -1056,6 +1021,12 @@ function getFilesAction(id) {
     payload: getFiles(id)
   };
 }
+function getFilesActionSuccess(data) {
+  return {
+    type: Types.GET_FILES_SUCCESS,
+    payload: data
+  };
+}
 
 var FileArea = function FileArea() {
   var _useState = React.useState([]),
@@ -1075,15 +1046,19 @@ var FileArea = function FileArea() {
     language = _useSharedProps.language;
   var t = getLanguage(language);
   var dispatch = reactRedux.useDispatch();
-  // const initFiles = useSelector((state: any) => state.files);
+  var initFiles = reactRedux.useSelector(function (state) {
+    return state.files;
+  });
   var tags = ["pae", "boteria", "vr", "code7", "vidalink"];
   React.useEffect(function () {
     console.log('useEffect, []');
     dispatch(getFilesAction(id));
   }, []);
-  // useEffect(() => {
-  //   console.log(initFiles)
-  // }, [initFiles])
+  React.useEffect(function () {
+    console.log(initFiles);
+    setFiles(initFiles);
+    setInitialFiles(initFiles);
+  }, [initFiles]);
   React.useEffect(function () {
     console.log('language, id: ', language, id);
     setInitialFiles([]);
@@ -1287,28 +1262,6 @@ var TestArea = function TestArea() {
   }, results.message)));
 };
 
-var initState = {
-  files: []
-};
-function filesReducer(state, action) {
-  if (state === void 0) {
-    state = initState;
-  }
-  console.log('STATE: ', state);
-  console.log('ACTION: ', action);
-  switch (action.type) {
-    case 'GET_FILES_SUCCESS':
-      return action.payload;
-    default:
-      return action.payload;
-  }
-}
-
-var rootReducer = /*#__PURE__*/redux.combineReducers({
-  files: filesReducer
-});
-var store = /*#__PURE__*/redux.createStore(rootReducer, /*#__PURE__*/redux.applyMiddleware(reduxPromise));
-
 var Leia = function Leia(props) {
   var match = reactRouterDom.useRouteMatch();
   var _useLocation = reactRouterDom.useLocation(),
@@ -1318,9 +1271,7 @@ var Leia = function Leia(props) {
   var activeTab = React.useMemo(function () {
     return pathname.split('/')[5] || 'files';
   }, [pathname]);
-  return React__default.createElement(reactRedux.Provider, {
-    store: store
-  }, React__default.createElement(SharedPropsProvider, Object.assign({}, props), React__default.createElement(React__default.Fragment, null, React__default.createElement(Tabs, {
+  return React__default.createElement(SharedPropsProvider, Object.assign({}, props), React__default.createElement(React__default.Fragment, null, React__default.createElement(Tabs, {
     value: activeTab,
     onChange: function onChange(value) {
       return history.push(match.url + "/" + value);
@@ -1341,11 +1292,38 @@ var Leia = function Leia(props) {
   }), React__default.createElement(reactRouterDom.Route, {
     path: match.path + "/test",
     component: TestArea
-  }))))));
+  })))));
+};
+
+var initState = {
+  files: []
 };
+function filesReducer(state, action) {
+  if (state === void 0) {
+    state = initState;
+  }
+  return immer.produce(state, function (draft) {
+    switch (action.type) {
+      case 'GET_FILES_SUCCESS':
+        console.log('PAYLOAD: ', action.payload);
+        draft.files = action.payload;
+        break;
+      default:
+        return action.payload;
+    }
+  });
+}
+
+// import { FileData } from '../interface/FileData'
+// const rootReducer = combineReducers({
+//   files: FilesReducer as unknown as [FileData],
+// });
+var store = /*#__PURE__*/redux.createStore(filesReducer);
 
 function Code7(props) {
-  return React__default.createElement(Leia, Object.assign({}, props));
+  return React__default.createElement(reactRedux.Provider, {
+    store: store
+  }, React__default.createElement(Leia, Object.assign({}, props)));
 }
 
 exports.Code7 = Code7;