mise 3.0.0 → 2026.6.0

package/test/unit/vdom/fiber.test.js

@@ -1,59 +0,0 @@
-import { create } from '../../../src/vdom/fiber';
-import { mockFiber, emptyFiber } from '../../utils';
-
-describe('fiber tests', () => {
-  it('should exist', () => {
-    expect(create).toBeDefined();
-  });
-
-  describe('creating fibers', () => {
-    it('should create a fiber', () => {
-      const {
-        parent,
-        element,
-        next,
-        previous,
-      } = mockFiber();
-
-      const fiber = create({
-        parent,
-        element,
-        previous,
-        next,
-      });
-
-      expect(fiber).toEqual({
-        parent,
-        previous: {
-          tree: previous,
-          element,
-        },
-        next: {
-          tree: next,
-          element: null,
-        },
-      });
-    });
-
-    it('should handle no elements being passed in', () => {
-      const {
-        parent,
-        element,
-      } = mockFiber();
-
-      const fiber = create({ parent, element });
-
-      expect(fiber).toEqual({
-        parent,
-        previous: {
-          element,
-          tree: emptyFiber,
-        },
-        next: {
-          element: null,
-          tree: emptyFiber,
-        },
-      });
-    });
-  });
-});

package/test/unit/vdom/reconciler.test.js

@@ -1,208 +0,0 @@
-import { reconciler } from '../../../src/vdom/reconciler';
-import { create, types } from '../../../src/vdom/fiber';
-import { paint } from '../../../src/vdom/vdom';
-
-import {
-  mockFiber,
-  requestIdleCallback,
-  requestAnimationFrame,
-  getLastMockCall,
-} from '../../utils';
-
-jest.mock('../../../src/vdom/vdom');
-
-window.requestIdleCallback = requestIdleCallback;
-window.requestAnimationFrame = requestAnimationFrame;
-
-describe('reconciler', () => {
-  let add;
-
-  beforeEach(() => {
-    add = reconciler().add;
-  });
-
-  it('should exist', () => {
-    expect(add).toBeDefined();
-  });
-
-  it('should replace', (done) => {
-    const {
-      parent,
-      element,
-      previous,
-      next,
-    } = mockFiber();
-
-    const first = create({
-      parent,
-      element,
-      previous,
-      next,
-    });
-
-    next.props.onupdate = () => {};
-
-    add(first);
-
-    setTimeout(() => {
-      expect(getLastMockCall(paint)[0][0].action).toBe(types.replace);
-      expect(getLastMockCall(paint)[0][0].lifecycle).toBeDefined();
-
-      done();
-    }, 25);
-  });
-
-  it('should update', (done) => {
-    const {
-      parent,
-      element,
-      previous,
-      next,
-    } = mockFiber();
-
-    next.type = 'div';
-    next.props.onupdate = () => {};
-
-    const first = create({
-      parent,
-      element,
-      previous,
-      next,
-    });
-
-    add(first);
-
-    setTimeout(() => {
-      expect(getLastMockCall(paint)[0][0].action).toBe(types.update);
-      expect(getLastMockCall(paint)[0][0].lifecycle).toBeDefined();
-      done();
-    }, 25);
-  });
-
-  it('should create', (done) => {
-    const {
-      parent,
-      element,
-      next,
-    } = mockFiber();
-
-    next.type = 'div';
-    next.props.oncreate = () => {};
-
-    const first = create({
-      parent,
-      element,
-      next,
-    });
-
-    add(first);
-
-    setTimeout(() => {
-      expect(getLastMockCall(paint)[0][0].action).toBe(types.create);
-      expect(getLastMockCall(paint)[0][0].lifecycle).toBeDefined();
-      done();
-    }, 25);
-  });
-
-  it('should remove', (done) => {
-    const {
-      parent,
-      element,
-      previous,
-    } = mockFiber();
-
-    const first = create({
-      parent,
-      element,
-      previous,
-    });
-
-    previous.props.onremove = () => {};
-
-    add(first);
-
-    setTimeout(() => {
-      expect(getLastMockCall(paint)[0][0].action).toBe(types.remove);
-      expect(getLastMockCall(paint)[0][0].lifecycle).toBeDefined();
-      done();
-    }, 25);
-  });
-
-  it('should handle text nodes, too', (done) => {
-    const {
-      parent,
-      element,
-    } = mockFiber();
-
-    const previous = 'yep';
-    const next = 'nope';
-
-    const first = create({
-      parent,
-      element,
-      previous,
-      next,
-    });
-
-    add(first);
-
-    setTimeout(() => {
-      expect(getLastMockCall(paint)[0][0].action).toBe(types.replace);
-      done();
-    }, 25);
-  });
-
-  it('should properly process children', (done) => {
-    const {
-      parent,
-      element,
-      previous,
-      next,
-    } = mockFiber();
-
-    next.children = [{ ...next }, { ...next }, { ...next }];
-
-    const first = create({
-      parent,
-      element,
-      previous,
-      next,
-    });
-
-    add(first);
-
-    setTimeout(() => {
-      expect(getLastMockCall(paint)[0].length).toBe(4);
-      expect(getLastMockCall(paint)[0][0].action).toBe(types.replace);
-      expect(getLastMockCall(paint)[0][1].action).toBe(types.create);
-      expect(getLastMockCall(paint)[0][2].action).toBe(types.create);
-      expect(getLastMockCall(paint)[0][3].action).toBe(types.create);
-      done();
-    }, 25);
-  });
-
-  it('should request another idle callback if theres too much work to do', (done) => {
-    const {
-      parent,
-      element,
-      previous,
-      next,
-    } = mockFiber();
-
-    next.children = new Array(2500).fill({ ...next });
-
-    const first = create({
-      parent,
-      element,
-      previous,
-      next,
-    });
-
-    add(first);
-
-    setTimeout(() => {
-      expect(getLastMockCall(paint)[0].length).toBe(2501);
-      done();
-    }, 400);
-  });
-});

package/test/unit/vdom/vdom.test.js

@@ -1,331 +0,0 @@
-/* eslint no-useless-escape: 0 */
-
-import { createElement, paint } from '../../../src/vdom/vdom';
-import { dom } from '../../../src';
-import { create, types } from '../../../src/vdom/fiber';
-
-import { mockFiber, requestIdleCallback, requestAnimationFrame } from '../../utils';
-
-window.requestIdleCallback = requestIdleCallback;
-window.requestAnimationFrame = requestAnimationFrame;
-
-describe('vdom', () => {
-  describe('create element', () => {
-    it('should create a simple text node', () => {
-      const element = createElement('hey');
-
-      expect(element.nodeValue).toBe('hey');
-    });
-
-    it('should create an empty div if no data is passed', () => {
-      const element = createElement(dom('h1'));
-
-      expect(element.outerHTML).toBe('<h1></h1>');
-    });
-
-    it('should make elements for the children, too', () => {
-      const node = dom(
-        'ul',
-        null,
-        [
-          dom('li', null, 'first'),
-          dom('li', null, 'second'),
-          dom('li', null, 'third'),
-        ],
-      );
-
-      const element = createElement(node);
-
-      expect(element.outerHTML).toBe('<ul><li>first</li><li>second</li><li>third</li></ul>');
-    });
-
-    it('should properly add props', () => {
-      const element = createElement(dom('div', { id: 'neato-element' }));
-      expect(element.outerHTML).toBe('<div id="neato-element"></div>');
-    });
-  });
-
-  describe('paint', () => {
-    describe('create', () => {
-      it('should create an element if the fiber action is create', () => {
-        const lifecycle = jest.fn();
-
-        const {
-          parent,
-          element,
-          next,
-          previous,
-        } = mockFiber();
-
-        const fiber = create({
-          parent,
-          element,
-          previous,
-          next,
-        });
-
-        fiber.action = types.create;
-        fiber.lifecycle = lifecycle;
-        fiber.next.element = createElement(fiber.next.tree);
-
-        paint([fiber]);
-
-        const added = parent.querySelector('ul');
-        expect(added).toBeDefined();
-        expect(added.outerHTML).toBe('<ul class="b"></ul>');
-        expect(lifecycle.mock.calls.length).toBe(1);
-      });
-    });
-
-    describe('remove', () => {
-      it('should remove an element if the fiber action is remove', () => {
-        const {
-          parent,
-          element,
-          next,
-          previous,
-        } = mockFiber();
-
-        const fiber = create({
-          parent,
-          element,
-          previous,
-          next,
-        });
-
-        fiber.action = types.remove;
-
-        paint([fiber]);
-
-        const removed = parent.querySelector('div');
-        expect(removed).toBeNull();
-      });
-
-      it('should run the lifecycle function on remove', () => {
-        const inner = jest.fn();
-        const lifecycle = () => inner;
-
-        const {
-          parent,
-          element,
-          next,
-          previous,
-        } = mockFiber();
-
-        const fiber = create({
-          parent,
-          element,
-          previous,
-          next,
-        });
-
-        fiber.action = types.remove;
-        fiber.lifecycle = lifecycle;
-
-        paint([fiber]);
-
-        expect(inner.mock.calls.length).toBe(1);
-      });
-    });
-
-    describe('replace', () => {
-      it('should replace an element if the fiber action is replace', () => {
-        const inner = jest.fn();
-        const lifecycle = () => inner;
-
-        const {
-          parent,
-          element,
-          next,
-          previous,
-        } = mockFiber();
-
-        const fiber = create({
-          parent,
-          element,
-          previous,
-          next,
-        });
-
-        fiber.action = types.replace;
-        fiber.lifecycle = lifecycle;
-        fiber.next.element = createElement(fiber.next.tree);
-
-        paint([fiber]);
-
-        expect(parent.innerHTML).toBe('<ul class="b"></ul>');
-        expect(inner.mock.calls.length).toBe(1);
-      });
-    });
-
-    describe('update in place', () => {
-      it('should update an element in place if the action is replace', () => {
-        const inner = jest.fn();
-        const lifecycle = () => inner;
-
-        const {
-          parent,
-          element,
-        } = mockFiber();
-
-        const next = {
-          type: 'div',
-          props: {
-            class: 'updated',
-            style: { textDecoration: 'strike-through' },
-          },
-        };
-
-        const previous = {
-          type: 'div',
-          props: {
-            class: 'not-updated',
-          },
-        };
-
-        const fiber = create({
-          parent,
-          element,
-          previous,
-          next,
-        });
-
-        fiber.action = types.update;
-        fiber.lifecycle = lifecycle;
-
-        paint([fiber]);
-
-        expect(parent.innerHTML).toBe('<div class="updated" style="text-decoration: strike-through;"></div>');
-        expect(inner.mock.calls.length).toBe(1);
-      });
-
-      it('should try intelligently update a boolean value', () => {
-        const {
-          parent,
-          element,
-        } = mockFiber();
-
-        const next = {
-          type: 'div',
-          props: {
-            disabled: true,
-          },
-        };
-
-        const previous = {
-          type: 'div',
-          props: {},
-        };
-
-        const fiber = create({
-          parent,
-          element,
-          previous,
-          next,
-        });
-
-        fiber.action = types.update;
-
-        paint([fiber]);
-
-        expect(parent.innerHTML).toBe('<div disabled="true"></div>');
-      });
-
-      it('should try intelligently update a falsy boolean value', () => {
-        const {
-          parent,
-          element,
-        } = mockFiber();
-
-        const next = {
-          type: 'div',
-          props: {
-            disabled: false,
-          },
-        };
-
-        const previous = {
-          type: 'div',
-          props: {},
-        };
-
-        const fiber = create({
-          parent,
-          element,
-          previous,
-          next,
-        });
-
-        fiber.action = types.update;
-
-        paint([fiber]);
-
-        expect(parent.innerHTML).toBe('<div></div>');
-      });
-
-      it('should try to intelligently update a "value" value', () => {
-        const parent = document.createElement('div');
-        const element = document.createElement('input');
-        parent.appendChild(element);
-
-        const next = {
-          type: 'input',
-          props: {
-            value: 'hello',
-          },
-        };
-
-        const previous = {
-          type: 'input',
-          props: {},
-        };
-
-        const fiber = create(
-          parent,
-          element,
-          previous,
-          next,
-        );
-
-        fiber.action = types.update;
-
-        paint([fiber]);
-
-        expect(parent.innerHTML).toBe('<input>');
-      });
-    });
-
-    it('should do anything if theres no action type', () => {
-      const {
-        parent,
-        element,
-      } = mockFiber();
-
-      const next = {
-        type: 'div',
-        props: {
-          class: 'updated',
-          style: { textDecoration: 'strike-through' },
-        },
-      };
-
-      const previous = {
-        type: 'div',
-        props: {
-          class: 'not-updated',
-        },
-      };
-
-      const fiber = create(
-        element,
-        previous,
-        next,
-      );
-
-      const finished = [fiber];
-
-      paint(finished);
-      expect(parent.innerHTML).toBe('<div></div>');
-    });
-  });
-});

package/test/utils.js

@@ -1,62 +0,0 @@
-const requestAnimationFrame = setTimeout;
-const requestIdleCallback = function ric(cb) {
-  const start = Date.now();
-  return setTimeout(() => {
-    cb({
-      didTimeout: false,
-      timeRemaining() {
-        return Math.max(0, 50 - (Date.now() - start));
-      },
-    });
-  }, 1);
-};
-
-const mockFiber = () => {
-  const parent = document.createElement('div');
-  const element = document.createElement('div');
-  parent.appendChild(element);
-
-  const previous = {
-    type: 'div',
-    props: {
-      class: 'a',
-      onclick() {
-        console.log('a');
-      },
-    },
-    children: [],
-  };
-
-  const next = {
-    type: 'ul',
-    props: {
-      class: 'b',
-      onclick() {
-        console.log('b');
-      },
-    },
-    children: [],
-  };
-
-  return {
-    parent,
-    element,
-    previous,
-    next,
-  };
-};
-
-const emptyFiber = {
-  children: [],
-  empty: true,
-};
-
-const getLastMockCall = mocked => mocked.mock.calls[mocked.mock.calls.length - 1];
-
-export {
-  requestIdleCallback,
-  requestAnimationFrame,
-  mockFiber,
-  emptyFiber,
-  getLastMockCall,
-};

package/tsconfig.json

@@ -1,15 +0,0 @@
-{
-  "compilerOptions": {
-      "removeComments": true,
-      "allowJs": true,
-      "allowSyntheticDefaultImports": true,
-      "baseUrl": "./src"
-  },
-  "include": [
-      "./src/index.d.ts"
-  ],
-  "awesomeTypescriptLoaderOptions": {
-      "useBabel": true,
-      "useCache": true
-  }
-}

package/webpack.config.js

@@ -1,39 +0,0 @@
-const path = require('path');
-const restSpread = require('babel-plugin-transform-object-rest-spread');
-
-module.exports = {
-  entry: './src/index',
-
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'mise.js',
-    library: 'mise',
-    libraryTarget: 'umd',
-    umdNamedDefine: true,
-  },
-
-  resolve: {
-    extensions: ['.ts', '.tsx', '.js', '.jsx'],
-  },
-
-  module: {
-    rules: [
-      {
-        test: /\.jsx?$/,
-        exclude: /(node_modules|bower_components)/,
-        use: {
-          loader: 'babel-loader',
-          options: {
-            presets: ['env'],
-            plugins: [restSpread],
-          },
-        },
-      },
-      {
-        test: /\.tsx?$/,
-        exclude: /node_modules/,
-        loader: 'awesome-typescript-loader',
-      },
-    ],
-  },
-};