@unsetsoft/ryunixjs 1.1.5 → 1.1.6

package/dist/Ryunix.min.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("lodash")):"function"==typeof define&&define.amd?define(["exports","lodash"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Ryunix={},e.lodash)}(this,(function(e,t){"use strict";let o={containerRoot:{},nextUnitOfWork:{},currentRoot:{},wipRoot:{},deletions:[],wipFiber:{},hookIndex:0};const n=/[A-Z]/g,r=Object.freeze({TEXT_ELEMENT:Symbol("text.element"),Ryunix_ELEMENT:Symbol("ryunix.element"),RYUNIX_EFFECT:Symbol("ryunix.effect"),RYUNIX_MEMO:Symbol("ryunix.memo"),RYUNIX_URL_QUERY:Symbol("ryunix.urlQuery"),RYUNIX_REF:Symbol("ryunix.ref"),RYUNIX_STORE:Symbol("ryunix.store"),RYUNIX_REDUCE:Symbol("ryunix.reduce")}),i=Object.freeze({object:"object",function:"function",style:"ryunix-style",className:"ryunix-class",children:"children",boolean:"boolean",string:"string"}),s=Object.freeze({style:"style",className:"className"}),a=Object.freeze({PLACEMENT:Symbol("ryunix.reconciler.status.placement").toString(),UPDATE:Symbol("ryunix.reconciler.status.update").toString(),DELETION:Symbol("ryunix.reconciler.status.deletion").toString()}),l=(e,t)=>(t=t||[],null==e||typeof e==i.boolean||(Array.isArray(e)?e.some((e=>{l(e,t)})):t.push(e)),t),c=(e,t,...o)=>{o=l(o,[]);const n=t&&t.key?t.key:`${r.Ryunix_ELEMENT.toString()}-${Math.random().toString(36).substring(2,9)}`;return{type:e,props:{...t,key:n,children:o.map((e=>typeof e===i.object?e:p(e)))}}},p=e=>({type:r.TEXT_ELEMENT,props:{nodeValue:e,children:[]}}),u=(e,t)=>{o.wipRoot={dom:t,props:{children:[e]},alternate:o.currentRoot},o.deletions=[],o.nextUnitOfWork=o.wipRoot},d=e=>{const t=o.wipFiber.alternate&&o.wipFiber.alternate.hooks&&o.wipFiber.alternate.hooks[o.hookIndex],n={state:t?t.state:e,queue:t?[...t.queue]:[]};n.queue.forEach((e=>{n.state=typeof e===i.function?e(n.state):e})),n.queue=[];return o.wipFiber&&o.wipFiber.hooks&&(o.wipFiber.hooks.push(n),o.hookIndex++),[n.state,e=>{n.queue.push(e),o.wipRoot={dom:o.currentRoot.dom,props:{...o.currentRoot.props},alternate:o.currentRoot},o.nextUnitOfWork=o.wipRoot,o.deletions=[]}]},f=(e,n)=>{const i=o.wipFiber.alternate&&o.wipFiber.alternate.hooks&&o.wipFiber.alternate.hooks[o.hookIndex],s={type:r.RYUNIX_EFFECT,deps:n};i&&t.isEqual(i.deps,s.deps)||e(),o.wipFiber.hooks&&(o.wipFiber.hooks.push(s),o.hookIndex++)},m=(e,n)=>{const i=o.wipFiber.alternate&&o.wipFiber.alternate.hooks&&o.wipFiber.alternate.hooks[o.hookIndex],s={type:r.RYUNIX_MEMO,value:null,deps:n};return i&&t.isEqual(i.deps,s.deps)?s.value=i.value:s.value=e(),o.wipFiber.hooks&&(o.wipFiber.hooks.push(s),o.hookIndex++),s.value},h=()=>{const e=new URLSearchParams(window.location.search),t={};for(let[o,n]of e.entries())t[o]=n;return t},y=e=>e.startsWith("on"),b=e=>e!==i.children&&!y(e),E=(e,t)=>o=>e[o]!==t[o],w=e=>t=>!(t in e),k=e=>{e.hooks&&e.hooks.filter((e=>e.tag===r.RYUNIX_EFFECT&&e.cancel)).forEach((e=>{e.cancel()}))},R=e=>{e.hooks&&e.hooks.filter((e=>e.tag===r.RYUNIX_EFFECT&&e.effect)).forEach((e=>{e.cancel=e.effect()}))},x=e=>{const t=e.type==r.TEXT_ELEMENT?document.createTextNode(""):document.createElement(e.type);return F(t,{},e.props),t},F=(e,t,o)=>{Object.keys(t).filter(y).filter((e=>w(o)(e)||E(t,o)(e))).forEach((o=>{const n=o.toLowerCase().substring(2);e.removeEventListener(n,t[o])})),Object.keys(t).filter(b).filter(w(o)).forEach((t=>{e[t]=""})),Object.keys(o).filter(b).filter(E(t,o)).forEach((n=>{if(n===i.style)_(e,o["ryunix-style"]);else if(n===s.style)_(e,o.style);else if(n===i.className){if(""===o["ryunix-class"])throw new Error("data-class cannot be empty.");t["ryunix-class"]&&e.classList.remove(...t["ryunix-class"].split(/\s+/)),e.classList.add(...o["ryunix-class"].split(/\s+/))}else if(n===s.className){if(""===o.className)throw new Error("className cannot be empty.");t.className&&e.classList.remove(...t.className.split(/\s+/)),e.classList.add(...o.className.split(/\s+/))}else e[n]=o[n]})),Object.keys(o).filter(y).filter(E(t,o)).forEach((t=>{const n=t.toLowerCase().substring(2);e.addEventListener(n,o[t])}))},_=(e,t)=>{e.style=Object.keys(t).reduce(((e,o)=>e+=`${o.replace(n,(function(e){return"-"+e.toLowerCase()}))}: ${t[o]};`),"")};var N=Object.freeze({__proto__:null,DomStyle:_,createDom:x,updateDom:F});const g=()=>{o.deletions.forEach(T),o.wipRoot&&o.wipRoot.child&&(T(o.wipRoot.child),o.currentRoot=o.wipRoot),o.wipRoot=void 0},T=e=>{if(!e)return;let t=e.parent;for(;!t.dom;)t=t.parent;const o=t.dom;if(e.effectTag===a.PLACEMENT&&null!=e.dom)o.appendChild(e.dom),R(e);else if(e.effectTag===a.UPDATE&&null!=e.dom)k(e),F(e.dom,e.alternate.props,e.props),R(e);else if(e.effectTag===a.DELETION)return v(e,o),void k(e);T(e.child),T(e.sibling)},v=(e,t)=>{e.dom?t.removeChild(e.dom):v(e.child,t)};var O=Object.freeze({__proto__:null,commitDeletion:v,commitRoot:g,commitWork:T});const I=(e,t)=>{let n=0,r=e.alternate&&e.alternate.child,i=null;const s=new Map;for(;r;){const e=r.props.key||r.type;s.set(e,r),r=r.sibling}for(;n<t.length;){const o=t[n],r=o.props.key||o.type,l=s.get(r);let c;l&&o&&o.type===l.type?(c={type:l.type,props:o.props,dom:l.dom,parent:e,alternate:l,effectTag:a.UPDATE},s.delete(r)):o&&(c={type:o.type,props:o.props,dom:void 0,parent:e,alternate:void 0,effectTag:a.PLACEMENT}),0===n?e.child=c:i&&(i.sibling=c),i=c,n++}s.forEach((e=>{e.effectTag=a.DELETION,o.deletions.push(e)}))};var L=Object.freeze({__proto__:null,reconcileChildren:I});const U=e=>{o.wipFiber=e,o.hookIndex=0,o.wipFiber.hooks=[];const t=e.type(e.props);let n=Array.isArray(t)?t:[t];I(e,n)},C=e=>{e.dom||(e.dom=x(e)),I(e,e.props.children)};var S=Object.freeze({__proto__:null,updateFunctionComponent:U,updateHostComponent:C});const j=e=>{let t=!1;for(;o.nextUnitOfWork&&!t;)o.nextUnitOfWork=M(o.nextUnitOfWork),t=e.timeRemaining()<1;!o.nextUnitOfWork&&o.wipRoot&&g(),requestIdleCallback(j)};requestIdleCallback(j);const M=e=>{if(e.type instanceof Function?U(e):C(e),e.child)return e.child;let t=e;for(;t;){if(t.sibling)return t.sibling;t=t.parent}};var X={createElement:c,render:u,init:(e,t="__ryunix")=>{o.containerRoot=document.getElementById(t),u(e,o.containerRoot)},Fragment:e=>e.children,Dom:N,Workers:Object.freeze({__proto__:null,performUnitOfWork:M,workLoop:j}),Reconciler:L,Components:S,Commits:O};window.Ryunix=X,e.default=X,e.useCallback=(e,t)=>m((()=>e),t),e.useEffect=f,e.useMemo=m,e.useQuery=h,e.useRef=e=>{const t=o.wipFiber.alternate&&o.wipFiber.alternate.hooks&&o.wipFiber.alternate.hooks[o.hookIndex],n={type:r.RYUNIX_REF,value:t?t.value:{current:e}};return o.wipFiber.hooks&&(o.wipFiber.hooks.push(n),o.hookIndex++),n.value},e.useRouter=e=>{const[t,o]=d(window.location.pathname),n=(e,t)=>{const o=t.split("?")[0],r=e.find((e=>e.NotFound)),i=r?{route:{component:r.NotFound},params:{}}:{route:{component:null},params:{}};for(const r of e){if(r.subRoutes){const e=n(r.subRoutes,t);if(e)return e}if("*"===r.path)return i;if(!r.path||"string"!=typeof r.path){console.warn("Invalid route detected:",r),console.info("if you are using { NotFound: NotFound } please add { path: '*', NotFound: NotFound }");continue}const e=[],s=new RegExp(`^${r.path.replace(/:\w+/g,(t=>(e.push(t.substring(1)),"([^/]+)")))}$`),a=o.match(s);if(a){return{route:r,params:e.reduce(((e,t,o)=>(e[t]=a[o+1],e)),{})}}}return i},r=e=>{window.history.pushState({},"",e),s(e)},s=e=>{const t=e.split("?")[0];o(t)};f((()=>{const e=()=>s(window.location.pathname);return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)}),[]);const a=n(e,t)||{};return{Children:()=>{const e=h(),{route:t}=a;return t&&t.component&&typeof t.component===i.function?t.component({params:a.params||{},query:e}):(console.error("Component not found for current path or the component is not a valid function:",a),null)},NavLink:({to:e,...t})=>c("a",{href:e,onClick:t=>{t.preventDefault(),r(e)},...t},t.children),navigate:r}},e.useStore=d,Object.defineProperty(e,"__esModule",{value:!0})}));

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@unsetsoft/ryunixjs",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "license": "MIT",
-  "main": "./dist/Ryunix.js",
+  "main": "./dist/Ryunix.min.js",
   "types": "./dist/Ryunix.d.ts",
   "private": false,
   "bugs": {
@@ -10,17 +10,17 @@
   },
   "homepage": "https://github.com/UnSetSoft/Ryunixjs#readme",
   "scripts": {
-    "build:js": "rollup ./src/main.js --file ./dist/Ryunix.js --format umd --name Ryunix --plugin @rollup/plugin-terser",
-    "prepublishOnly": "npm run build:js",
-    "postinstall": "npm run build:js",
+    "build:js": "rollup ./src/main.js --file ./dist/Ryunix.min.js --format umd --name Ryunix --plugin @rollup/plugin-terser",
+    "build": "rollup ./src/main.js --file ./dist/Ryunix.js --format umd --name Ryunix",
+    "prepublishOnly": "npm run build:js | npm run build",
     "nightly:release": "npm publish --tag nightly",
     "release": "npm publish",
     "lint": "eslint . --ext .ts --fix --max-warnings=0 --config .eslintrc.js --no-eslintrc"
   },
   "dependencies": {
-    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-terser": "0.4.4",
     "eslint": "8.56.0",
-    "lodash": "^4.17.20",
+    "lodash": "4.17.20",
     "rollup": "4.9.2"
   },
   "engines": {
@@ -33,7 +33,6 @@
     "registry": "https://registry.npmjs.org"
   },
   "files": [
-    "dist",
-    "src"
+    "dist"
   ]
 }

package/src/lib/commits.js

@@ -1,72 +0,0 @@
-import { updateDom } from './dom'
-import { cancelEffects, runEffects } from './effects'
-import { EFFECT_TAGS, vars } from '../utils/index'
-
-/**
- * The function commits changes made to the virtual DOM to the actual DOM.
- */
-const commitRoot = () => {
-  vars.deletions.forEach(commitWork)
-  if (vars.wipRoot && vars.wipRoot.child) {
-    commitWork(vars.wipRoot.child)
-    vars.currentRoot = vars.wipRoot
-  }
-  vars.wipRoot = undefined
-}
-
-/**
- * The function commits changes made to the DOM based on the effect tag of the fiber.
- * @param fiber - A fiber is a unit of work in Ryunix's reconciliation process. It represents a
- * component and its state at a particular point in time. The `commitWork` function takes a fiber as a
- * parameter to commit the changes made during the reconciliation process to the actual DOM.
- * @returns The function does not return anything, it performs side effects by manipulating the DOM.
- */
-const commitWork = (fiber) => {
-  if (!fiber) return
-
-  let domParentFiber = fiber.parent
-  while (!domParentFiber.dom) {
-    domParentFiber = domParentFiber.parent
-  }
-  const domParent = domParentFiber.dom
-
-  if (fiber.effectTag === EFFECT_TAGS.PLACEMENT) {
-    if (fiber.dom != undefined) {
-      domParent.appendChild(fiber.dom)
-    }
-    runEffects(fiber)
-  }
-
-  if (fiber.effectTag === EFFECT_TAGS.UPDATE) {
-    cancelEffects(fiber)
-    if (fiber.dom != undefined) {
-      updateDom(fiber.dom, fiber.alternate.props, fiber.props)
-    }
-    runEffects(fiber)
-  }
-
-  if (fiber.effectTag === EFFECT_TAGS.DELETION) {
-    commitDeletion(fiber, domParent)
-    cancelEffects(fiber)
-    return
-  }
-
-  commitWork(fiber.child)
-  commitWork(fiber.sibling)
-}
-
-/**
- * The function removes a fiber's corresponding DOM node from its parent node or recursively removes
- * its child's DOM node until it finds a node to remove.
- * @param fiber - a fiber node in a fiber tree, which represents a component or an element in the Ryunix
- * application.
- * @param domParent - The parent DOM element from which the fiber's DOM element needs to be removed.
- */
-const commitDeletion = (fiber, domParent) => {
-  if (fiber.dom) {
-    domParent.removeChild(fiber.dom)
-  } else {
-    commitDeletion(fiber.child, domParent)
-  }
-}
-export { commitDeletion, commitWork, commitRoot }

package/src/lib/components.js

@@ -1,41 +0,0 @@
-import { createDom } from './dom'
-import { reconcileChildren } from './reconciler'
-import { vars } from '../utils/index'
-
-/**
- * This function updates a function component by setting up a work-in-progress fiber, resetting the
- * hook index, creating an empty hooks array, rendering the component, and reconciling its children.
- * @param fiber - The fiber parameter is an object that represents a node in the fiber tree. It
- * contains information about the component, its props, state, and children. In this function, it is
- * used to update the state of the component and its children.
- */
-const updateFunctionComponent = (fiber) => {
-  vars.wipFiber = fiber
-  vars.hookIndex = 0
-  vars.wipFiber.hooks = []
-  const children = fiber.type(fiber.props)
-  let childArr = []
-  if (Array.isArray(children)) {
-    // Fragment results returns array
-    childArr = [...children]
-  } else {
-    // Normal function component returns single root node
-    childArr = [children]
-  }
-  reconcileChildren(fiber, childArr)
-}
-
-/**
- * This function updates a host component's DOM element and reconciles its children.
- * @param fiber - A fiber is a unit of work in Ryunix that represents a component and its state. It
- * contains information about the component's type, props, and children, as well as pointers to other
- * fibers in the tree.
- */
-const updateHostComponent = (fiber) => {
-  if (!fiber.dom) {
-    fiber.dom = createDom(fiber)
-  }
-  reconcileChildren(fiber, fiber.props.children)
-}
-
-export { updateFunctionComponent, updateHostComponent }

package/src/lib/createElement.js

@@ -1,84 +0,0 @@
-import { RYUNIX_TYPES, STRINGS } from '../utils/index'
-
-const Fragment = (props) => {
-  return props.children
-}
-
-const childArray = (children, out) => {
-  out = out || []
-  if (children == undefined || typeof children == STRINGS.boolean) {
-    // pass
-  } else if (Array.isArray(children)) {
-    children.some((child) => {
-      childArray(child, out)
-    })
-  } else {
-    out.push(children)
-  }
-  return out
-}
-
-const cloneElement = (element, props) => {
-  return {
-    ...element,
-    props: {
-      ...element.props,
-      ...props,
-    },
-  }
-}
-
-/**
- * The function creates a new element with the given type, props, and children.
- * @param type - The type of the element to be created, such as "div", "span", "h1", etc.
- * @param props - The `props` parameter is an object that contains the properties or attributes of the
- * element being created. These properties can include things like `className`, `id`, `style`, and any
- * other custom attributes that the user wants to add to the element. The `props` object is spread
- * using the spread
- * @param children - The `children` parameter is a rest parameter that allows the function to accept
- * any number of arguments after the `props` parameter. These arguments will be treated as children
- * elements of the created element. The `map` function is used to iterate over each child and create a
- * new element if it is not
- * @returns A JavaScript object with a `type` property and a `props` property. The `type` property is
- * set to the `type` argument passed into the function, and the `props` property is an object that
- * includes any additional properties passed in the `props` argument, as well as a `children` property
- * that is an array of any child elements passed in the `...children` argument
- */
-
-const createElement = (type, props, ...children) => {
-  children = childArray(children, [])
-  const key =
-    props && props.key
-      ? props.key
-      : `${RYUNIX_TYPES.Ryunix_ELEMENT.toString()}-${Math.random().toString(36).substring(2, 9)}`
-
-  return {
-    type,
-    props: {
-      ...props,
-      key,
-      children: children.map((child) =>
-        typeof child === STRINGS.object ? child : createTextElement(child),
-      ),
-    },
-  }
-}
-
-/**
- * The function creates a text element with a given text value.
- * @param text - The text content that will be used to create a new text element.
- * @returns A JavaScript object with a `type` property set to `"TEXT_ELEMENT"` and a `props` property
- * that contains a `nodeValue` property set to the `text` parameter and an empty `children` array.
- */
-
-const createTextElement = (text) => {
-  return {
-    type: RYUNIX_TYPES.TEXT_ELEMENT,
-    props: {
-      nodeValue: text,
-      children: [],
-    },
-  }
-}
-
-export { createElement, createTextElement, Fragment, cloneElement }

package/src/lib/dom.js

@@ -1,96 +0,0 @@
-import { isEvent, isGone, isNew, isProperty } from './effects'
-import { RYUNIX_TYPES, STRINGS, reg, OLD_STRINGS } from '../utils/index'
-
-/**
- * The function creates a new DOM element based on the given fiber object and updates its properties.
- * @param fiber - The fiber parameter is an object that represents a node in the fiber tree. It
- * contains information about the element type, props, and children of the node.
- * @returns The `createDom` function returns a newly created DOM element based on the `fiber` object
- * passed as an argument. If the `fiber` object represents a text element, a text node is created using
- * `document.createTextNode("")`. Otherwise, a new element is created using
- * `document.createElement(fiber.type)`. The function then calls the `updateDom` function to update the
- * properties of the newly created
- */
-const createDom = (fiber) => {
-  const dom =
-    fiber.type == RYUNIX_TYPES.TEXT_ELEMENT
-      ? document.createTextNode('')
-      : document.createElement(fiber.type)
-
-  updateDom(dom, {}, fiber.props)
-
-  return dom
-}
-
-/**
- * The function updates the DOM by removing old event listeners and properties, and adding new ones
- * based on the previous and next props.
- * @param dom - The DOM element that needs to be updated with new props.
- * @param prevProps - An object representing the previous props (properties) of a DOM element.
- * @param nextProps - An object containing the new props that need to be updated in the DOM.
- */
-const updateDom = (dom, prevProps, nextProps) => {
-  Object.keys(prevProps)
-    .filter(isEvent)
-    .filter((key) => isGone(nextProps)(key) || isNew(prevProps, nextProps)(key))
-    .forEach((name) => {
-      const eventType = name.toLowerCase().substring(2)
-      dom.removeEventListener(eventType, prevProps[name])
-    })
-
-  Object.keys(prevProps)
-    .filter(isProperty)
-    .filter(isGone(nextProps))
-    .forEach((name) => {
-      dom[name] = ''
-    })
-
-  Object.keys(nextProps)
-    .filter(isProperty)
-    .filter(isNew(prevProps, nextProps))
-    .forEach((name) => {
-      if (name === STRINGS.style) {
-        DomStyle(dom, nextProps['ryunix-style'])
-      } else if (name === OLD_STRINGS.style) {
-        DomStyle(dom, nextProps.style)
-      } else if (name === STRINGS.className) {
-        if (nextProps['ryunix-class'] === '') {
-          throw new Error('data-class cannot be empty.')
-        }
-
-        prevProps['ryunix-class'] &&
-          dom.classList.remove(...prevProps['ryunix-class'].split(/\s+/))
-        dom.classList.add(...nextProps['ryunix-class'].split(/\s+/))
-      } else if (name === OLD_STRINGS.className) {
-        if (nextProps.className === '') {
-          throw new Error('className cannot be empty.')
-        }
-
-        prevProps.className &&
-          dom.classList.remove(...prevProps.className.split(/\s+/))
-        dom.classList.add(...nextProps.className.split(/\s+/))
-      } else {
-        dom[name] = nextProps[name]
-      }
-    })
-
-  Object.keys(nextProps)
-    .filter(isEvent)
-    .filter(isNew(prevProps, nextProps))
-    .forEach((name) => {
-      const eventType = name.toLowerCase().substring(2)
-      dom.addEventListener(eventType, nextProps[name])
-    })
-}
-
-const DomStyle = (dom, style) => {
-  dom.style = Object.keys(style).reduce((acc, styleName) => {
-    const key = styleName.replace(reg, function (v) {
-      return '-' + v.toLowerCase()
-    })
-    acc += `${key}: ${style[styleName]};`
-    return acc
-  }, '')
-}
-
-export { DomStyle, createDom, updateDom }

package/src/lib/effects.js

@@ -1,55 +0,0 @@
-import { RYUNIX_TYPES, STRINGS } from '../utils/index'
-
-const isEvent = (key) => key.startsWith('on')
-const isProperty = (key) => key !== STRINGS.children && !isEvent(key)
-const isNew = (prev, next) => (key) => prev[key] !== next[key]
-const isGone = (next) => (key) => !(key in next)
-const hasDepsChanged = (prevDeps, nextDeps) =>
-  !prevDeps ||
-  !nextDeps ||
-  prevDeps.length !== nextDeps.length ||
-  prevDeps.some((dep, index) => dep !== nextDeps[index])
-
-/**
- * The function cancels all effect hooks in a given fiber.
- * @param fiber - The "fiber" parameter is likely referring to a data structure used in React.js to
- * represent a component and its state. It contains information about the component's props, state, and
- * children, as well as metadata used by React to manage updates and rendering. The function
- * "cancelEffects" is likely intended
- */
-const cancelEffects = (fiber) => {
-  if (fiber.hooks) {
-    fiber.hooks
-      .filter((hook) => hook.tag === RYUNIX_TYPES.RYUNIX_EFFECT && hook.cancel)
-      .forEach((effectHook) => {
-        effectHook.cancel()
-      })
-  }
-}
-
-/**
- * The function runs all effect hooks in a given fiber.
- * @param fiber - The "fiber" parameter is likely referring to a data structure used in the
- * implementation of a fiber-based reconciliation algorithm, such as the one used in React. A fiber
- * represents a unit of work that needs to be performed by the reconciliation algorithm, and it
- * contains information about a component and its children, as
- */
-const runEffects = (fiber) => {
-  if (fiber.hooks) {
-    fiber.hooks
-      .filter((hook) => hook.tag === RYUNIX_TYPES.RYUNIX_EFFECT && hook.effect)
-      .forEach((effectHook) => {
-        effectHook.cancel = effectHook.effect()
-      })
-  }
-}
-
-export {
-  runEffects,
-  cancelEffects,
-  isEvent,
-  isProperty,
-  isNew,
-  isGone,
-  hasDepsChanged,
-}