@rango-dev/queue-manager-react 0.1.10-next.69

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Provider, useManager } from './provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./queue-manager-react.cjs.production.min.js')
+} else {
+  module.exports = require('./queue-manager-react.cjs.development.js')
+}

package/dist/provider.d.ts

@@ -0,0 +1,15 @@
+import { PropsWithChildren } from 'react';
+import { ManagerContext as Context, QueueDef, Events } from '@rango-dev/queue-manager-core';
+import { ManagerContext } from './types';
+interface PropTypes {
+    queuesDefs: QueueDef<any>[];
+    context: Context;
+    onPersistedDataLoaded?: Events['onPersistedDataLoaded'];
+    isPaused?: boolean;
+}
+declare function Provider(props: PropsWithChildren<PropTypes>): JSX.Element;
+export declare function useManager(): {
+    manager: ManagerContext;
+};
+export default Provider;
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["src/provider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AACf,OAAO,EACL,cAAc,IAAI,OAAO,EAEzB,QAAQ,EACR,MAAM,EACP,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAMzC,UAAU,SAAS;IACjB,UAAU,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,qBAAqB,CAAC,EAAE,MAAM,CAAC,uBAAuB,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,eA4DpD;AAED,wBAAgB,UAAU,IAAI;IAAE,OAAO,EAAE,cAAc,CAAA;CAAE,CAKxD;AAED,eAAe,QAAQ,CAAC"}

package/dist/queue-manager-react.cjs.development.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+var queueManagerCore = require('@rango-dev/queue-manager-core');
+
+var ManagerCtx = /*#__PURE__*/React.createContext({
+  manager: undefined
+});
+function Provider(props) {
+  // TODO: this is not a proper way but i don't want to change the context interface atm.
+  var _useState = React.useState({}),
+    forceRender = _useState[1];
+  var context = React.useRef(props.context);
+  var manager = React.useMemo(function () {
+    return new queueManagerCore.Manager({
+      queuesDefs: props.queuesDefs,
+      events: {
+        onStorageUpdate: function onStorageUpdate() {
+          forceRender({});
+        },
+        onCreateQueue: function onCreateQueue() {
+          forceRender({});
+        },
+        onCreateTask: function onCreateTask() {
+          forceRender({});
+        },
+        onUpdateQueue: function onUpdateQueue() {
+          forceRender({});
+        },
+        onUpdateTask: function onUpdateTask() {
+          forceRender({});
+        },
+        onPersistedDataLoaded: function onPersistedDataLoaded(manager) {
+          forceRender({});
+          if (props.onPersistedDataLoaded) {
+            props.onPersistedDataLoaded(manager);
+          }
+        },
+        onTaskBlock: function onTaskBlock() {
+          forceRender({});
+        }
+      },
+      context: context || {},
+      isPaused: props.isPaused
+    });
+  }, []);
+  React.useLayoutEffect(function () {
+    context.current = props.context;
+  }, [props.context]);
+  React.useEffect(function () {
+    if (typeof props.isPaused !== 'undefined') {
+      if (props.isPaused) {
+        manager.pause();
+      } else {
+        manager.run();
+      }
+      forceRender({});
+    }
+  }, [props.isPaused]);
+  return React__default.createElement(ManagerCtx.Provider, {
+    value: {
+      manager: manager
+    }
+  }, props.children);
+}
+function useManager() {
+  var context = React.useContext(ManagerCtx);
+  if (!context) throw Error('useManager can only be used within the Provider component');
+  return context;
+}
+
+exports.Provider = Provider;
+exports.useManager = useManager;
+//# sourceMappingURL=queue-manager-react.cjs.development.js.map

package/dist/queue-manager-react.cjs.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue-manager-react.cjs.development.js","sources":["../src/provider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  ManagerContext as Context,\n  Manager,\n  QueueDef,\n  Events,\n} from '@rango-dev/queue-manager-core';\nimport { ManagerContext } from './types';\n\nconst ManagerCtx = createContext<{ manager: ManagerContext }>({\n  manager: undefined,\n});\n\ninterface PropTypes {\n  queuesDefs: QueueDef<any>[];\n  context: Context;\n  onPersistedDataLoaded?: Events['onPersistedDataLoaded'];\n  isPaused?: boolean;\n}\n\nfunction Provider(props: PropsWithChildren<PropTypes>) {\n  // TODO: this is not a proper way but i don't want to change the context interface atm.\n  const [, forceRender] = useState({});\n  const context = useRef(props.context);\n\n  const manager = useMemo<Manager>(() => {\n    return new Manager({\n      queuesDefs: props.queuesDefs,\n      events: {\n        onStorageUpdate: () => {\n          forceRender({});\n        },\n        onCreateQueue: () => {\n          forceRender({});\n        },\n        onCreateTask: () => {\n          forceRender({});\n        },\n        onUpdateQueue: () => {\n          forceRender({});\n        },\n        onUpdateTask: () => {\n          forceRender({});\n        },\n        onPersistedDataLoaded: (manager) => {\n          forceRender({});\n\n          if (props.onPersistedDataLoaded) {\n            props.onPersistedDataLoaded(manager);\n          }\n        },\n        onTaskBlock: () => {\n          forceRender({});\n        },\n      },\n      context: context || {},\n      isPaused: props.isPaused,\n    });\n  }, []);\n\n  useLayoutEffect(() => {\n    context.current = props.context;\n  }, [props.context]);\n\n  useEffect(() => {\n    if (typeof props.isPaused !== 'undefined') {\n      if (props.isPaused) {\n        manager.pause();\n      } else {\n        manager.run();\n      }\n      forceRender({});\n    }\n  }, [props.isPaused]);\n\n  return (\n    <ManagerCtx.Provider value={{ manager }}>\n      {props.children}\n    </ManagerCtx.Provider>\n  );\n}\n\nexport function useManager(): { manager: ManagerContext } {\n  const context = useContext(ManagerCtx);\n  if (!context)\n    throw Error('useManager can only be used within the Provider component');\n  return context;\n}\n\nexport default Provider;\n"],"names":["ManagerCtx","createContext","manager","undefined","Provider","props","useState","forceRender","context","useRef","useMemo","Manager","queuesDefs","events","onStorageUpdate","onCreateQueue","onCreateTask","onUpdateQueue","onUpdateTask","onPersistedDataLoaded","onTaskBlock","isPaused","useLayoutEffect","current","useEffect","pause","run","React","value","children","useManager","useContext","Error"],"mappings":";;;;;;;;;;AAkBA,IAAMA,UAAU,gBAAGC,mBAAa,CAA8B;EAC5DC,OAAO,EAAEC;CACV,CAAC;AASF,SAASC,QAAQ,CAACC,KAAmC;;EAEnD,gBAAwBC,cAAQ,CAAC,EAAE,CAAC;IAA3BC,WAAW;EACpB,IAAMC,OAAO,GAAGC,YAAM,CAACJ,KAAK,CAACG,OAAO,CAAC;EAErC,IAAMN,OAAO,GAAGQ,aAAO,CAAU;IAC/B,OAAO,IAAIC,wBAAO,CAAC;MACjBC,UAAU,EAAEP,KAAK,CAACO,UAAU;MAC5BC,MAAM,EAAE;QACNC,eAAe,EAAE;UACfP,WAAW,CAAC,EAAE,CAAC;SAChB;QACDQ,aAAa,EAAE;UACbR,WAAW,CAAC,EAAE,CAAC;SAChB;QACDS,YAAY,EAAE;UACZT,WAAW,CAAC,EAAE,CAAC;SAChB;QACDU,aAAa,EAAE;UACbV,WAAW,CAAC,EAAE,CAAC;SAChB;QACDW,YAAY,EAAE;UACZX,WAAW,CAAC,EAAE,CAAC;SAChB;QACDY,qBAAqB,EAAE,+BAACjB,OAAO;UAC7BK,WAAW,CAAC,EAAE,CAAC;UAEf,IAAIF,KAAK,CAACc,qBAAqB,EAAE;YAC/Bd,KAAK,CAACc,qBAAqB,CAACjB,OAAO,CAAC;;SAEvC;QACDkB,WAAW,EAAE;UACXb,WAAW,CAAC,EAAE,CAAC;;OAElB;MACDC,OAAO,EAAEA,OAAO,IAAI,EAAE;MACtBa,QAAQ,EAAEhB,KAAK,CAACgB;KACjB,CAAC;GACH,EAAE,EAAE,CAAC;EAENC,qBAAe,CAAC;IACdd,OAAO,CAACe,OAAO,GAAGlB,KAAK,CAACG,OAAO;GAChC,EAAE,CAACH,KAAK,CAACG,OAAO,CAAC,CAAC;EAEnBgB,eAAS,CAAC;IACR,IAAI,OAAOnB,KAAK,CAACgB,QAAQ,KAAK,WAAW,EAAE;MACzC,IAAIhB,KAAK,CAACgB,QAAQ,EAAE;QAClBnB,OAAO,CAACuB,KAAK,EAAE;OAChB,MAAM;QACLvB,OAAO,CAACwB,GAAG,EAAE;;MAEfnB,WAAW,CAAC,EAAE,CAAC;;GAElB,EAAE,CAACF,KAAK,CAACgB,QAAQ,CAAC,CAAC;EAEpB,OACEM,6BAAC3B,UAAU,CAACI,QAAQ;IAACwB,KAAK,EAAE;MAAE1B,OAAO,EAAPA;;KAC3BG,KAAK,CAACwB,QAAQ,CACK;AAE1B;SAEgBC,UAAU;EACxB,IAAMtB,OAAO,GAAGuB,gBAAU,CAAC/B,UAAU,CAAC;EACtC,IAAI,CAACQ,OAAO,EACV,MAAMwB,KAAK,CAAC,2DAA2D,CAAC;EAC1E,OAAOxB,OAAO;AAChB;;;;;"}

package/dist/queue-manager-react.cjs.production.min.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,o=require("@rango-dev/queue-manager-core"),u=t.createContext({manager:void 0});exports.Provider=function(e){var a=t.useState({})[1],r=t.useRef(e.context),s=t.useMemo((function(){return new o.Manager({queuesDefs:e.queuesDefs,events:{onStorageUpdate:function(){a({})},onCreateQueue:function(){a({})},onCreateTask:function(){a({})},onUpdateQueue:function(){a({})},onUpdateTask:function(){a({})},onPersistedDataLoaded:function(t){a({}),e.onPersistedDataLoaded&&e.onPersistedDataLoaded(t)},onTaskBlock:function(){a({})}},context:r||{},isPaused:e.isPaused})}),[]);return t.useLayoutEffect((function(){r.current=e.context}),[e.context]),t.useEffect((function(){void 0!==e.isPaused&&(e.isPaused?s.pause():s.run(),a({}))}),[e.isPaused]),n.createElement(u.Provider,{value:{manager:s}},e.children)},exports.useManager=function(){var e=t.useContext(u);if(!e)throw Error("useManager can only be used within the Provider component");return e};
+//# sourceMappingURL=queue-manager-react.cjs.production.min.js.map

package/dist/queue-manager-react.cjs.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue-manager-react.cjs.production.min.js","sources":["../src/provider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  ManagerContext as Context,\n  Manager,\n  QueueDef,\n  Events,\n} from '@rango-dev/queue-manager-core';\nimport { ManagerContext } from './types';\n\nconst ManagerCtx = createContext<{ manager: ManagerContext }>({\n  manager: undefined,\n});\n\ninterface PropTypes {\n  queuesDefs: QueueDef<any>[];\n  context: Context;\n  onPersistedDataLoaded?: Events['onPersistedDataLoaded'];\n  isPaused?: boolean;\n}\n\nfunction Provider(props: PropsWithChildren<PropTypes>) {\n  // TODO: this is not a proper way but i don't want to change the context interface atm.\n  const [, forceRender] = useState({});\n  const context = useRef(props.context);\n\n  const manager = useMemo<Manager>(() => {\n    return new Manager({\n      queuesDefs: props.queuesDefs,\n      events: {\n        onStorageUpdate: () => {\n          forceRender({});\n        },\n        onCreateQueue: () => {\n          forceRender({});\n        },\n        onCreateTask: () => {\n          forceRender({});\n        },\n        onUpdateQueue: () => {\n          forceRender({});\n        },\n        onUpdateTask: () => {\n          forceRender({});\n        },\n        onPersistedDataLoaded: (manager) => {\n          forceRender({});\n\n          if (props.onPersistedDataLoaded) {\n            props.onPersistedDataLoaded(manager);\n          }\n        },\n        onTaskBlock: () => {\n          forceRender({});\n        },\n      },\n      context: context || {},\n      isPaused: props.isPaused,\n    });\n  }, []);\n\n  useLayoutEffect(() => {\n    context.current = props.context;\n  }, [props.context]);\n\n  useEffect(() => {\n    if (typeof props.isPaused !== 'undefined') {\n      if (props.isPaused) {\n        manager.pause();\n      } else {\n        manager.run();\n      }\n      forceRender({});\n    }\n  }, [props.isPaused]);\n\n  return (\n    <ManagerCtx.Provider value={{ manager }}>\n      {props.children}\n    </ManagerCtx.Provider>\n  );\n}\n\nexport function useManager(): { manager: ManagerContext } {\n  const context = useContext(ManagerCtx);\n  if (!context)\n    throw Error('useManager can only be used within the Provider component');\n  return context;\n}\n\nexport default Provider;\n"],"names":["ManagerCtx","createContext","manager","undefined","props","forceRender","useState","context","useRef","useMemo","Manager","queuesDefs","events","onStorageUpdate","onCreateQueue","onCreateTask","onUpdateQueue","onUpdateTask","onPersistedDataLoaded","onTaskBlock","isPaused","useLayoutEffect","current","useEffect","pause","run","React","Provider","value","children","useContext","Error"],"mappings":"+LAkBMA,EAAaC,gBAA2C,CAC5DC,aAASC,qBAUX,SAAkBC,GAEhB,IAASC,EAAeC,WAAS,OAC3BC,EAAUC,SAAOJ,EAAMG,SAEvBL,EAAUO,WAAiB,WAC/B,OAAO,IAAIC,UAAQ,CACjBC,WAAYP,EAAMO,WAClBC,OAAQ,CACNC,gBAAiB,WACfR,EAAY,KAEdS,cAAe,WACbT,EAAY,KAEdU,aAAc,WACZV,EAAY,KAEdW,cAAe,WACbX,EAAY,KAEdY,aAAc,WACZZ,EAAY,KAEda,sBAAuB,SAAChB,GACtBG,EAAY,IAERD,EAAMc,uBACRd,EAAMc,sBAAsBhB,IAGhCiB,YAAa,WACXd,EAAY,MAGhBE,QAASA,GAAW,GACpBa,SAAUhB,EAAMgB,aAEjB,IAiBH,OAfAC,mBAAgB,WACdd,EAAQe,QAAUlB,EAAMG,UACvB,CAACH,EAAMG,UAEVgB,aAAU,gBACsB,IAAnBnB,EAAMgB,WACXhB,EAAMgB,SACRlB,EAAQsB,QAERtB,EAAQuB,MAEVpB,EAAY,OAEb,CAACD,EAAMgB,WAGRM,gBAAC1B,EAAW2B,UAASC,MAAO,CAAE1B,QAAAA,IAC3BE,EAAMyB,yCAMX,IAAMtB,EAAUuB,aAAW9B,GAC3B,IAAKO,EACH,MAAMwB,MAAM,6DACd,OAAOxB"}

package/dist/queue-manager-react.esm.js

@@ -0,0 +1,71 @@
+import React, { useState, useRef, useMemo, useLayoutEffect, useEffect, useContext, createContext } from 'react';
+import { Manager } from '@rango-dev/queue-manager-core';
+
+var ManagerCtx = /*#__PURE__*/createContext({
+  manager: undefined
+});
+function Provider(props) {
+  // TODO: this is not a proper way but i don't want to change the context interface atm.
+  var _useState = useState({}),
+    forceRender = _useState[1];
+  var context = useRef(props.context);
+  var manager = useMemo(function () {
+    return new Manager({
+      queuesDefs: props.queuesDefs,
+      events: {
+        onStorageUpdate: function onStorageUpdate() {
+          forceRender({});
+        },
+        onCreateQueue: function onCreateQueue() {
+          forceRender({});
+        },
+        onCreateTask: function onCreateTask() {
+          forceRender({});
+        },
+        onUpdateQueue: function onUpdateQueue() {
+          forceRender({});
+        },
+        onUpdateTask: function onUpdateTask() {
+          forceRender({});
+        },
+        onPersistedDataLoaded: function onPersistedDataLoaded(manager) {
+          forceRender({});
+          if (props.onPersistedDataLoaded) {
+            props.onPersistedDataLoaded(manager);
+          }
+        },
+        onTaskBlock: function onTaskBlock() {
+          forceRender({});
+        }
+      },
+      context: context || {},
+      isPaused: props.isPaused
+    });
+  }, []);
+  useLayoutEffect(function () {
+    context.current = props.context;
+  }, [props.context]);
+  useEffect(function () {
+    if (typeof props.isPaused !== 'undefined') {
+      if (props.isPaused) {
+        manager.pause();
+      } else {
+        manager.run();
+      }
+      forceRender({});
+    }
+  }, [props.isPaused]);
+  return React.createElement(ManagerCtx.Provider, {
+    value: {
+      manager: manager
+    }
+  }, props.children);
+}
+function useManager() {
+  var context = useContext(ManagerCtx);
+  if (!context) throw Error('useManager can only be used within the Provider component');
+  return context;
+}
+
+export { Provider, useManager };
+//# sourceMappingURL=queue-manager-react.esm.js.map

package/dist/queue-manager-react.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue-manager-react.esm.js","sources":["../src/provider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  ManagerContext as Context,\n  Manager,\n  QueueDef,\n  Events,\n} from '@rango-dev/queue-manager-core';\nimport { ManagerContext } from './types';\n\nconst ManagerCtx = createContext<{ manager: ManagerContext }>({\n  manager: undefined,\n});\n\ninterface PropTypes {\n  queuesDefs: QueueDef<any>[];\n  context: Context;\n  onPersistedDataLoaded?: Events['onPersistedDataLoaded'];\n  isPaused?: boolean;\n}\n\nfunction Provider(props: PropsWithChildren<PropTypes>) {\n  // TODO: this is not a proper way but i don't want to change the context interface atm.\n  const [, forceRender] = useState({});\n  const context = useRef(props.context);\n\n  const manager = useMemo<Manager>(() => {\n    return new Manager({\n      queuesDefs: props.queuesDefs,\n      events: {\n        onStorageUpdate: () => {\n          forceRender({});\n        },\n        onCreateQueue: () => {\n          forceRender({});\n        },\n        onCreateTask: () => {\n          forceRender({});\n        },\n        onUpdateQueue: () => {\n          forceRender({});\n        },\n        onUpdateTask: () => {\n          forceRender({});\n        },\n        onPersistedDataLoaded: (manager) => {\n          forceRender({});\n\n          if (props.onPersistedDataLoaded) {\n            props.onPersistedDataLoaded(manager);\n          }\n        },\n        onTaskBlock: () => {\n          forceRender({});\n        },\n      },\n      context: context || {},\n      isPaused: props.isPaused,\n    });\n  }, []);\n\n  useLayoutEffect(() => {\n    context.current = props.context;\n  }, [props.context]);\n\n  useEffect(() => {\n    if (typeof props.isPaused !== 'undefined') {\n      if (props.isPaused) {\n        manager.pause();\n      } else {\n        manager.run();\n      }\n      forceRender({});\n    }\n  }, [props.isPaused]);\n\n  return (\n    <ManagerCtx.Provider value={{ manager }}>\n      {props.children}\n    </ManagerCtx.Provider>\n  );\n}\n\nexport function useManager(): { manager: ManagerContext } {\n  const context = useContext(ManagerCtx);\n  if (!context)\n    throw Error('useManager can only be used within the Provider component');\n  return context;\n}\n\nexport default Provider;\n"],"names":["ManagerCtx","createContext","manager","undefined","Provider","props","useState","forceRender","context","useRef","useMemo","Manager","queuesDefs","events","onStorageUpdate","onCreateQueue","onCreateTask","onUpdateQueue","onUpdateTask","onPersistedDataLoaded","onTaskBlock","isPaused","useLayoutEffect","current","useEffect","pause","run","React","value","children","useManager","useContext","Error"],"mappings":";;;AAkBA,IAAMA,UAAU,gBAAGC,aAAa,CAA8B;EAC5DC,OAAO,EAAEC;CACV,CAAC;AASF,SAASC,QAAQ,CAACC,KAAmC;;EAEnD,gBAAwBC,QAAQ,CAAC,EAAE,CAAC;IAA3BC,WAAW;EACpB,IAAMC,OAAO,GAAGC,MAAM,CAACJ,KAAK,CAACG,OAAO,CAAC;EAErC,IAAMN,OAAO,GAAGQ,OAAO,CAAU;IAC/B,OAAO,IAAIC,OAAO,CAAC;MACjBC,UAAU,EAAEP,KAAK,CAACO,UAAU;MAC5BC,MAAM,EAAE;QACNC,eAAe,EAAE;UACfP,WAAW,CAAC,EAAE,CAAC;SAChB;QACDQ,aAAa,EAAE;UACbR,WAAW,CAAC,EAAE,CAAC;SAChB;QACDS,YAAY,EAAE;UACZT,WAAW,CAAC,EAAE,CAAC;SAChB;QACDU,aAAa,EAAE;UACbV,WAAW,CAAC,EAAE,CAAC;SAChB;QACDW,YAAY,EAAE;UACZX,WAAW,CAAC,EAAE,CAAC;SAChB;QACDY,qBAAqB,EAAE,+BAACjB,OAAO;UAC7BK,WAAW,CAAC,EAAE,CAAC;UAEf,IAAIF,KAAK,CAACc,qBAAqB,EAAE;YAC/Bd,KAAK,CAACc,qBAAqB,CAACjB,OAAO,CAAC;;SAEvC;QACDkB,WAAW,EAAE;UACXb,WAAW,CAAC,EAAE,CAAC;;OAElB;MACDC,OAAO,EAAEA,OAAO,IAAI,EAAE;MACtBa,QAAQ,EAAEhB,KAAK,CAACgB;KACjB,CAAC;GACH,EAAE,EAAE,CAAC;EAENC,eAAe,CAAC;IACdd,OAAO,CAACe,OAAO,GAAGlB,KAAK,CAACG,OAAO;GAChC,EAAE,CAACH,KAAK,CAACG,OAAO,CAAC,CAAC;EAEnBgB,SAAS,CAAC;IACR,IAAI,OAAOnB,KAAK,CAACgB,QAAQ,KAAK,WAAW,EAAE;MACzC,IAAIhB,KAAK,CAACgB,QAAQ,EAAE;QAClBnB,OAAO,CAACuB,KAAK,EAAE;OAChB,MAAM;QACLvB,OAAO,CAACwB,GAAG,EAAE;;MAEfnB,WAAW,CAAC,EAAE,CAAC;;GAElB,EAAE,CAACF,KAAK,CAACgB,QAAQ,CAAC,CAAC;EAEpB,OACEM,oBAAC3B,UAAU,CAACI,QAAQ;IAACwB,KAAK,EAAE;MAAE1B,OAAO,EAAPA;;KAC3BG,KAAK,CAACwB,QAAQ,CACK;AAE1B;SAEgBC,UAAU;EACxB,IAAMtB,OAAO,GAAGuB,UAAU,CAAC/B,UAAU,CAAC;EACtC,IAAI,CAACQ,OAAO,EACV,MAAMwB,KAAK,CAAC,2DAA2D,CAAC;EAC1E,OAAOxB,OAAO;AAChB;;;;"}

package/dist/types.d.ts

@@ -0,0 +1,3 @@
+import { Manager } from '@rango-dev/queue-manager-core';
+export declare type ManagerContext = Manager | undefined;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,oBAAY,cAAc,GAAG,OAAO,GAAG,SAAS,CAAC"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "version": "0.1.10-next.69",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "dev": "tsdx watch",
+    "build": "tsdx build",
+    "test": "tsdx test --passWithNoTests",
+    "lint": "tsdx lint",
+    "size": "size-limit",
+    "analyze": "size-limit --why"
+  },
+  "peerDependencies": {
+    "@rango-dev/queue-manager-core": "*",
+    "@types/react": "^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "tsdx lint"
+    }
+  },
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "name": "@rango-dev/queue-manager-react",
+  "author": "mojtabast",
+  "module": "dist/queue-manager-react.esm.js",
+  "size-limit": [
+    {
+      "path": "dist/queue-manager-react.cjs.production.min.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/queue-manager-react.esm.js",
+      "limit": "10 KB"
+    }
+  ],
+  "devDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "35fad4db1d491a9589a8215b0c4a4e2f541d07f2"
+}

package/src/index.tsx

@@ -0,0 +1 @@
+export { default as Provider, useManager } from './provider';

package/src/provider.tsx

@@ -0,0 +1,99 @@
+import React, {
+  createContext,
+  PropsWithChildren,
+  useContext,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
+import {
+  ManagerContext as Context,
+  Manager,
+  QueueDef,
+  Events,
+} from '@rango-dev/queue-manager-core';
+import { ManagerContext } from './types';
+
+const ManagerCtx = createContext<{ manager: ManagerContext }>({
+  manager: undefined,
+});
+
+interface PropTypes {
+  queuesDefs: QueueDef<any>[];
+  context: Context;
+  onPersistedDataLoaded?: Events['onPersistedDataLoaded'];
+  isPaused?: boolean;
+}
+
+function Provider(props: PropsWithChildren<PropTypes>) {
+  // TODO: this is not a proper way but i don't want to change the context interface atm.
+  const [, forceRender] = useState({});
+  const context = useRef(props.context);
+
+  const manager = useMemo<Manager>(() => {
+    return new Manager({
+      queuesDefs: props.queuesDefs,
+      events: {
+        onStorageUpdate: () => {
+          forceRender({});
+        },
+        onCreateQueue: () => {
+          forceRender({});
+        },
+        onCreateTask: () => {
+          forceRender({});
+        },
+        onUpdateQueue: () => {
+          forceRender({});
+        },
+        onUpdateTask: () => {
+          forceRender({});
+        },
+        onPersistedDataLoaded: (manager) => {
+          forceRender({});
+
+          if (props.onPersistedDataLoaded) {
+            props.onPersistedDataLoaded(manager);
+          }
+        },
+        onTaskBlock: () => {
+          forceRender({});
+        },
+      },
+      context: context || {},
+      isPaused: props.isPaused,
+    });
+  }, []);
+
+  useLayoutEffect(() => {
+    context.current = props.context;
+  }, [props.context]);
+
+  useEffect(() => {
+    if (typeof props.isPaused !== 'undefined') {
+      if (props.isPaused) {
+        manager.pause();
+      } else {
+        manager.run();
+      }
+      forceRender({});
+    }
+  }, [props.isPaused]);
+
+  return (
+    <ManagerCtx.Provider value={{ manager }}>
+      {props.children}
+    </ManagerCtx.Provider>
+  );
+}
+
+export function useManager(): { manager: ManagerContext } {
+  const context = useContext(ManagerCtx);
+  if (!context)
+    throw Error('useManager can only be used within the Provider component');
+  return context;
+}
+
+export default Provider;

package/src/types.ts

@@ -0,0 +1,3 @@
+import { Manager } from '@rango-dev/queue-manager-core';
+
+export type ManagerContext = Manager | undefined;