ez-saga 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 davinyue
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+The dy-saga project is a project that imitates dva-js

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "ez-saga",
+  "version": "0.0.1",
+  "description": "The ez-saga project is a project that imitates dva-js",
+  "main": "src/index.js",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/davinyue/ez-saga"
+  },
+  "homepage": "https://github.com/davinyue/ez-saga",
+  "keywords": [
+    "ez-saga",
+    "dva",
+    "redux",
+    "redux-saga",
+    "framework",
+    "frontend"
+  ],
+  "authors": [
+    "davinyue <davinyue@gmail.com> (https://github.com/davinyue)"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "redux": "^4.1.2",
+    "redux-saga": "^1.2.1"
+  },
+  "peerDependencies": {
+    "redux": "4.x"
+  },
+  "devDependencies": {
+    "mm": "^2.5.0",
+    "redux": "^4.1.2"
+  },
+  "files": [
+    "dist",
+    "lib",
+    "src",
+    "index.js"
+  ]
+}

package/src/index.js

@@ -0,0 +1,4 @@
+import createApp from './redux/createApp';
+export {
+  createApp
+}

package/src/redux/createApp.js

@@ -0,0 +1,116 @@
+import { legacy_createStore as createStore, applyMiddleware, compose } from 'redux';
+import { createSlice, combineReducers } from '@reduxjs/toolkit';
+import createSagaMiddleware from 'redux-saga';
+import { call, put, select, takeEvery, putResolve } from 'redux-saga/effects';
+import win from 'global/window';
+import createPromiseMiddleware from './createPromiseMiddleware';
+
+function saveState(state, action) {
+  let newStat = {
+    ...state,
+    ...action.payload
+  };
+  return newStat;
+}
+
+/** 
+ * 获取注册model函数
+ * @param store redux store
+ * @param registedModel 已注册model, 对象, 属性为model名称, value为model
+ * @param allReducers 所有的reducers
+ * @param sagaMiddleware saga中间件
+ * @returns 返回function regist(model)
+ */
+function getRegistModelFunc(store, registedModel, allReducers, sagaMiddleware) {
+  /** model函数注册函数
+   * @param model 模块, 其格式为
+   * {
+   *    name: 'name',
+   *    state: {},
+   *    reducers: {},
+   *    effects: {}
+   * }
+   */
+  return function regist(model) {
+    if (registedModel[model.name]) {
+      return;
+    }
+    if (!model.reducers) {
+      model.reducers = {};
+    }
+    if (!model.effect) {
+      model.effect = {};
+    }
+    const modelSlice = createSlice(model);
+    const reducer = modelSlice.reducer;
+    allReducers[model.name] = reducer;
+    registedModel[model.name] = model;
+    //获得一个新的reducer, 将所有的reducer整合成一个
+    let newReducer = combineReducers(allReducers);
+    store.replaceReducer(newReducer);
+    //注册effects
+    for (let effect in model.effects) {
+      let type = `${model.name}/${effect}`;
+      let execFun = model.effects[effect];
+
+      function* loading(opFun, action) {
+        // 开始异步任务设置loading状态
+        yield putResolve({ type: `${model.name}/saveState`, payload: { loading: true } });
+        let ret = yield call(execFun, action, opFun);
+        // 结束异步任务关闭loading状态
+        yield putResolve({ type: `${model.name}/saveState`, payload: { loading: false } });
+        if (action._dy_resolve) {
+          action._dy_resolve(ret);
+        }
+      }
+
+      function* runEffect() {
+        //yield takeLatest(type, loading, { call, put, putResolve, select });
+        yield takeEvery(type, loading, { call, put, putResolve, select });
+      }
+
+      sagaMiddleware.run(runEffect);
+    }
+  };
+}
+
+/** 创建store */
+export default function create() {
+  //已经注册的reducer, key是名字, value是reducer
+  const allReducers = {};
+  //已注册model
+  const registedModel = {};
+
+  const sagaMiddleware = createSagaMiddleware();
+
+  const promiseMiddleware = createPromiseMiddleware(registedModel);
+
+  const middlewares = [
+    promiseMiddleware,
+    sagaMiddleware
+  ];
+
+  // eslint-disable-next-line no-undef
+  const composeEnhancers = process.env.NODE_ENV !== 'production'
+    && win.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
+    win.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({ trace: true, maxAge: 30 }) : compose;
+
+  const enhancers = [applyMiddleware(...middlewares)];
+
+  //redux store
+  const store = createStore(
+    saveState,
+    {},
+    composeEnhancers(...enhancers)
+  );
+
+  const regist = getRegistModelFunc(store, registedModel, allReducers, sagaMiddleware);
+  return {
+    /** redux store */
+    store: store,
+    /** saga中间件 */
+    sagaMiddleware: sagaMiddleware,
+    /** model注册函数 */
+    regist: regist
+  };
+}

package/src/redux/createPromiseMiddleware.js

@@ -0,0 +1,31 @@
+/** 
+ * @param registedModel 已注册model
+ */
+export default function createPromiseMiddleware(registedModel) {
+  return () => next => action => {
+    const { type } = action;
+    if (isEffect(type)) {
+      return new Promise((resolve, reject) => {
+        next({
+          _dy_resolve: resolve,
+          _dy_reject: reject,
+          ...action,
+        });
+      });
+    } else {
+      return next(action);
+    }
+  };
+
+  function isEffect(type) {
+    if (!type || typeof type !== 'string') return false;
+    const [modelName, effect] = type.split('/');
+    const model = registedModel[modelName];
+    if (model) {
+      if (model.effects && model.effects[effect]) {
+        return true;
+      }
+    }
+    return false;
+  }
+}