refactor: types folder for tests

jest.config.ts

@@ -10,7 +10,7 @@ const config: Config.InitialOptions = {
   collectCoverageFrom: [
     '<rootDir>/src/**/*.ts',
     '!src/**/index.*',
-    '!src/**/types.ts',
+    '!src/**/types/*',
     '!src/**/schedule.ts',
     '!src/**/jsx.ts',
     '!src/**/patch.ts',

scripts/dev.mjs

@@ -14,7 +14,7 @@ setTimeout(() => {
 const style_css = `body { font-size: 2em; display: flex; justify-content: center; align-items: start; padding-top: 2em; font-family: Arial; }`;
 
 if (!fs.existsSync('dev')) {
-  $`mkdir dev`;
+  await $`mkdir dev`;
   await fs.writeFile('./dev/index.html', index_html);
   await fs.writeFile('./dev/script.tsx', script_tsx);
   await fs.writeFile('./dev/style.css', style_css);

src/__test__/createElement.test.ts

@@ -1,6 +1,6 @@
 import { createElement } from '../createElement';
 import { m } from '../m';
-import { OLD_VNODE_FIELD } from '../types';
+import { OLD_VNODE_FIELD } from '../types/base';
 
 describe('.createElement', () => {
   it('should create Text', () => {

src/__test__/m.test.ts

@@ -1,5 +1,5 @@
 import { className, DELETE, INSERT, kebab, m, ns, style, svg, UPDATE, toVNode } from '../m';
-import { OLD_VNODE_FIELD, VDeltaOperationTypes } from '../types';
+import { OLD_VNODE_FIELD, VDeltaOperationTypes } from '../types/base';
 
 describe('.m', () => {
   it('should create empty vnode with tag', () => {

src/__test__/patch.test.ts

@@ -3,7 +3,7 @@ import { childrenDriver } from '../drivers/children';
 import { propsDriver } from '../drivers/props';
 import { DELETE, INSERT, m, UPDATE } from '../m';
 import { compose, patch } from '../patch';
-import { VFlags } from '../types';
+import { VFlags } from '../types/base';
 
 describe('.patch', () => {
   it('should patch element with text as children', () => {
@@ -167,7 +167,7 @@ describe('.patch', () => {
     //   VFlags.ONLY_KEYED_CHILDREN,
     // );
     // patch(el, newVNode3, newVNode2);
-    // expect(el).toEqual(createElement(newVNode3));
+    // expect(patch(el, newVNode3, newVNode2)).toEqual(createElement(newVNode3));
 
     // const list4 = list3.reverse();
     // const newVNode4 = m(
@@ -176,8 +176,7 @@ describe('.patch', () => {
     //   list4.map((item) => m('li', { key: item }, [item])),
     //   VFlags.ONLY_KEYED_CHILDREN,
     // );
-    // patch(el, newVNode4, newVNode3);
-    // expect(el).toEqual(createElement(newVNode4));
+    // expect(patch(el, newVNode4, newVNode3)).toEqual(createElement(newVNode4));
   });
 
   it('should return new DOM node', () => {

src/createElement.ts

@@ -1,6 +1,6 @@
 import { propsDriver } from './drivers/props';
 import { flushWorkStack } from './patch';
-import { DOMNode, OLD_VNODE_FIELD, VNode } from './types';
+import { DOMNode, OLD_VNODE_FIELD, VNode } from './types/base';
 
 /**
  * Creates an Element from a VNode

src/drivers/children.ts

@@ -1,6 +1,14 @@
 import { createElement } from '../createElement';
 import { patch } from '../patch';
-import { DOMNode, VDelta, VDeltaOperationTypes, VElement, VFlags, VNode, VTask } from '../types';
+import {
+  DOMNode,
+  VDelta,
+  VDeltaOperationTypes,
+  VElement,
+  VFlags,
+  VNode,
+  VTask,
+} from '../types/base';
 
 /**
  * Diffs two VNode children and modifies the DOM node based on the necessary changes

src/drivers/props.ts

@@ -1,4 +1,4 @@
-import { VElement, VProps, VTask } from '../types';
+import { VElement, VProps, VTask } from '../types/base';
 
 /**
  * Diffs two VNode props and modifies the DOM node based on the necessary changes

src/index.ts

@@ -4,5 +4,5 @@ export * from './drivers/props';
 export * from './m';
 export * from './patch';
 export * from './schedule';
-export { OLD_VNODE_FIELD, VFlags } from './types';
-export type { VDelta, VElement, VNode, VProps } from './types';
+export { OLD_VNODE_FIELD, VFlags } from './types/base';
+export type { VDelta, VElement, VNode, VProps } from './types/base';

src/jsx.ts

@@ -2,9 +2,9 @@
 // Please update scripts/fix-jsx-runtime.mjs accordingly.
 
 import { className, m, style, svg, VFlags } from './index';
-import { VDelta, VNode, VProps } from './types';
-import { JSX, JSXVNode, FC } from './types/jsx';
 import { kebab } from './m';
+import type { VDelta, VNode, VProps } from './types/base';
+import type { FC, JSX, JSXVNode } from './types/jsx';
 
 const h = (tag: string, props?: VProps, children?: JSXVNode[], delta?: VDelta) => {
   let flag = VFlags.NO_CHILDREN;

src/m.ts

@@ -8,7 +8,7 @@ import {
   VFlags,
   VNode,
   VProps,
-} from './types';
+} from './types/base';
 
 /**
  * Attaches ns props to svg element

src/patch.ts

@@ -1,7 +1,7 @@
 import { createElement } from './createElement';
 import { childrenDriver } from './drivers/children';
 import { propsDriver } from './drivers/props';
-import { DOMNode, OLD_VNODE_FIELD, VCommit, VDriver, VElement, VNode, VTask } from './types';
+import { DOMNode, OLD_VNODE_FIELD, VCommit, VDriver, VElement, VNode, VTask } from './types/base';
 
 /**
  * Passes all of the tasks in a given array to a given callback function sequentially.

src/schedule.ts

@@ -1,4 +1,4 @@
-import { VTask } from './types';
+import { VTask } from './types/base';
 
 const workStack: VTask[] = [];
 const DEADLINE_THRESHOLD = 1000 / 60; // Minimum time to achieve 60 FPS

src/types/jsx.ts

@@ -1,4 +1,4 @@
-import { VDelta, VElement, VNode, VProps } from './index';
+import type { VDelta, VElement, VNode, VProps } from './base';
 
 export type JSXVNode = VNode | number | boolean | undefined | null;
 export type FC = (props?: VProps, children?: JSXVNode[], delta?: VDelta) => VElement;