format js

kvvzr · Sep 11, 2022 · f31f5c9 · f31f5c9
1 parent dd5697a
commit f31f5c9
Show file tree

Hide file tree

Showing 2 changed files with 183 additions and 169 deletions.
diff --git a/ReconcilerSample/Renderer/ReactBridge/src/index.jsx b/ReconcilerSample/Renderer/ReactBridge/src/index.jsx
@@ -1,153 +1,158 @@
 import React from "expose-loader?exposes=React!react";
 import Reconciler from "react-reconciler";
 import {
-	ConcurrentRoot,
-	DiscreteEventPriority,
-	ContinuousEventPriority,
-	DefaultEventPriority
-} from 'react-reconciler/constants'
+  ConcurrentRoot,
+  DiscreteEventPriority,
+  ContinuousEventPriority,
+  DefaultEventPriority,
+} from "react-reconciler/constants";
 
-global.setTimeout =
-	(func, delay) => {
-		HostConfigSwift.setTimeout(func, delay);
-	};
+global.setTimeout = (func, delay) => {
+  HostConfigSwift.setTimeout(func, delay);
+};
 
 const shallowDiff = (oldObj, newObj) => {
-	const uniqueProps = new Set([...Object.keys(oldObj), ...Object.keys(newObj)]);
-	// console.log("waiwai", "-----")
-	// Array.from(uniqueProps).forEach((propName) => {
-	// 	console.log("waiwai", typeof oldObj[propName], typeof newObj[propName], oldObj[propName], newObj[propName], oldObj[propName] != newObj[propName])
-	// })
-	return Array.from(uniqueProps).filter(propName => oldObj[propName] !== newObj[propName]);
+  const uniqueProps = new Set([...Object.keys(oldObj), ...Object.keys(newObj)]);
+  return Array.from(uniqueProps).filter(
+    (propName) => oldObj[propName] !== newObj[propName]
+  );
 };
 
 const rootHostContext = {};
 const childHostContext = {};
 
 const HostConfig = {
-	supportsMutation: true,
-	createInstance(type, props) {
-		return HostConfigSwift.createInstance(type, props);
-	},
-	createTextInstance(text, rootContainer, hostContext, internalHandle) {
-		return HostConfigSwift.createTextInstance(text);
-	},
-	appendInitialChild: (parent, child) => {
-		HostConfigSwift.appendInitialChild(parent, child);
-	},
-	finalizeInitialChildren: (domElement, type, props) => {},
-	prepareUpdate(instance, type, oldProps, newProps, rootContainer, hostContext) {
-		return shallowDiff(oldProps, newProps);
-		// return [];
-	},
-	shouldSetTextContent: (type, props) => {
-		return typeof props.children === "string" || typeof props.children === "number";
-	},
-	getRootHostContext: () => {
-		return rootHostContext;
-	},
-	getChildHostContext: () => {
-		return childHostContext;
-	},
-	prepareForCommit: () => {
-		return null;
-	},
-	resetAfterCommit: () => {},
-	scheduleTimeout(fn, delay) {
-		HostConfigSwift.setTimeout(fn, delay);
-	},
-	appendChild(parent, child) {
-		HostConfigSwift.appendChild(parent, child);
-	},
-	appendChildToContainer(container, child) {
-		HostConfigSwift.appendChildToContainer(container, child);
-	},
-	insertBefore(parentInstance, child, beforeChild) {
-		HostConfigSwift.insertBefore(parentInstance, child, beforeChild);
-	},
-	insertInContainerBefore(container, child, beforeChild) {
-		HostConfigSwift.insertInContainerBefore(container, child, beforeChild);
-	},
-	removeChild(parentInstance, child) {
-		HostConfigSwift.removeChild(parentInstance, child);
-	},
-	removeChildFromContainer(container, child) {
-		HostConfigSwift.removeChildFromContainer(container, child);
-	},
-	resetTextContent(instance) {
-		HostConfigSwift.resetTextContent(instance);
-	},
-	commitTextUpdate(textInstance, prevText, nextText) {
-		HostConfigSwift.commitTextUpdate(textInstance, prevText, nextText);
-	},
-	commitUpdate(
-		instance,
-		updatePayload,
-		type,
-		prevProps,
-		nextProps,
-		internalHandle,
-	) {
-		HostConfigSwift.commitUpdate(
-			instance,
-			updatePayload,
-			type,
-			prevProps,
-			nextProps,
-		);
-	},
-	hideInstance(instance) {
-		HostConfigSwift.hideInstance(instance);
-	},
-	hideTextInstance(instance) {
-		HostConfigSwift.hideTextInstance(instance);
-	},
-	unhideInstance(instance, props) {
-		HostConfigSwift.unhideInstance(instance, props);
-	},
-	unhideTextInstance(instance, text) {
-		HostConfigSwift.unhideTextInstance(instance, text);
-	},
-	clearContainer(container) {
-		HostConfigSwift.clearContainer(container);
-	},
-	supportsMicrotasks: true,
-	scheduleMicrotask(fn) {
-		HostConfigSwift.queueMicrotask(fn)
-	},
-	getCurrentEventPriority() {
-		switch (HostConfigSwift.getCurrentEventPriority()) {
-		case "DiscreteEventPriority":
-			return DiscreteEventPriority;
-		case "ContinuousEventPriority":
-			return ContinuousEventPriority;
-		default:
-			return DefaultEventPriority;
-		}
-	},
-	detachDeletedInstance(instance) {
-	}
+  supportsMutation: true,
+  createInstance(type, props) {
+    return HostConfigSwift.createInstance(type, props);
+  },
+  createTextInstance(text, rootContainer, hostContext, internalHandle) {
+    return HostConfigSwift.createTextInstance(text);
+  },
+  appendInitialChild: (parent, child) => {
+    HostConfigSwift.appendInitialChild(parent, child);
+  },
+  finalizeInitialChildren: (domElement, type, props) => {},
+  prepareUpdate(
+    instance,
+    type,
+    oldProps,
+    newProps,
+    rootContainer,
+    hostContext
+  ) {
+    return shallowDiff(oldProps, newProps);
+  },
+  shouldSetTextContent: (type, props) => {
+    return (
+      typeof props.children === "string" || typeof props.children === "number"
+    );
+  },
+  getRootHostContext: () => {
+    return rootHostContext;
+  },
+  getChildHostContext: () => {
+    return childHostContext;
+  },
+  prepareForCommit: () => {
+    return null;
+  },
+  resetAfterCommit: () => {},
+  scheduleTimeout(fn, delay) {
+    HostConfigSwift.setTimeout(fn, delay);
+  },
+  appendChild(parent, child) {
+    HostConfigSwift.appendChild(parent, child);
+  },
+  appendChildToContainer(container, child) {
+    HostConfigSwift.appendChildToContainer(container, child);
+  },
+  insertBefore(parentInstance, child, beforeChild) {
+    HostConfigSwift.insertBefore(parentInstance, child, beforeChild);
+  },
+  insertInContainerBefore(container, child, beforeChild) {
+    HostConfigSwift.insertInContainerBefore(container, child, beforeChild);
+  },
+  removeChild(parentInstance, child) {
+    HostConfigSwift.removeChild(parentInstance, child);
+  },
+  removeChildFromContainer(container, child) {
+    HostConfigSwift.removeChildFromContainer(container, child);
+  },
+  resetTextContent(instance) {
+    HostConfigSwift.resetTextContent(instance);
+  },
+  commitTextUpdate(textInstance, prevText, nextText) {
+    HostConfigSwift.commitTextUpdate(textInstance, prevText, nextText);
+  },
+  commitUpdate(
+    instance,
+    updatePayload,
+    type,
+    prevProps,
+    nextProps,
+    internalHandle
+  ) {
+    HostConfigSwift.commitUpdate(
+      instance,
+      updatePayload,
+      type,
+      prevProps,
+      nextProps
+    );
+  },
+  hideInstance(instance) {
+    HostConfigSwift.hideInstance(instance);
+  },
+  hideTextInstance(instance) {
+    HostConfigSwift.hideTextInstance(instance);
+  },
+  unhideInstance(instance, props) {
+    HostConfigSwift.unhideInstance(instance, props);
+  },
+  unhideTextInstance(instance, text) {
+    HostConfigSwift.unhideTextInstance(instance, text);
+  },
+  clearContainer(container) {
+    HostConfigSwift.clearContainer(container);
+  },
+  supportsMicrotasks: true,
+  scheduleMicrotask(fn) {
+    HostConfigSwift.queueMicrotask(fn);
+  },
+  getCurrentEventPriority() {
+    switch (HostConfigSwift.getCurrentEventPriority()) {
+      case "DiscreteEventPriority":
+        return DiscreteEventPriority;
+      case "ContinuousEventPriority":
+        return ContinuousEventPriority;
+      default:
+        return DefaultEventPriority;
+    }
+  },
+  detachDeletedInstance(instance) {},
 };
 
 const ReactReconcilerInst = Reconciler(HostConfig);
 
 let RootComponent = null;
 let renderContainer = null;
 
-global.render =
-	() => {
-		if (RootComponent == null) {
-			return;
-		}
-		if (renderContainer == null) {
-			renderContainer = ReactReconcilerInst.createContainer("root", ConcurrentRoot);
-		}
-		ReactReconcilerInst.updateContainer(<RootComponent />, renderContainer)
-	};
+global.render = () => {
+  if (RootComponent == null) {
+    return;
+  }
+  if (renderContainer == null) {
+    renderContainer = ReactReconcilerInst.createContainer(
+      "root",
+      ConcurrentRoot
+    );
+  }
+  ReactReconcilerInst.updateContainer(<RootComponent />, renderContainer);
+};
 
-global.ReactBridge =
-	{
-		register: (value) => {
-			RootComponent = value;
-		},
-	};
+global.ReactBridge = {
+  register: (value) => {
+    RootComponent = value;
+  },
+};
diff --git a/ReconcilerSample/TodoSample/src/index.jsx b/ReconcilerSample/TodoSample/src/index.jsx
@@ -3,44 +3,53 @@ const { useState } = React;
 
 const TodoItem = ({ title }) => {
   // これは雑なTODO管理
-  const [done, setDone] = useState(false)
+  const [done, setDone] = useState(false);
 
-  return <hstack>
-    <toggle isOn={done} onChange={(value) => { setDone(value) }} />
-    <text strike={done}>{title}</text>
-  </hstack>
-}
+  return (
+    <hstack>
+      <toggle
+        isOn={done}
+        onChange={(value) => {
+          setDone(value);
+        }}
+      />
+      <text strike={done}>{title}</text>
+    </hstack>
+  );
+};
 
 register(() => {
-  const [text, setText] = useState("")
-  const [todos, setTodos] = useState([])
+  const [text, setText] = useState("");
+  const [todos, setTodos] = useState([]);
 
-	return <vstack>
-    <hstack>
-      <textfield
-        text={text}
-        placeholder={"Todo"}
-        onChange={(text) => {
-          setText(text)
-        }} />
-      <button
-        title={"Add"}
-        onClick={() => {
-          if (!text) {
-            return
-          }
-          setTodos([...todos, { title: text }])
-          setText("")
-        }} />
-    </hstack>
-    <scroll>
-      <vstack>
-        {
-          todos.map((todo) => {
-            return <TodoItem title={todo.title} />
-          })
-        }
-      </vstack>
-    </scroll>
-  </vstack>
+  return (
+    <vstack>
+      <hstack>
+        <textfield
+          text={text}
+          placeholder={"Todo"}
+          onChange={(text) => {
+            setText(text);
+          }}
+        />
+        <button
+          title={"Add"}
+          onClick={() => {
+            if (!text) {
+              return;
+            }
+            setTodos([...todos, { title: text }]);
+            setText("");
+          }}
+        />
+      </hstack>
+      <scroll>
+        <vstack>
+          {todos.map((todo) => {
+            return <TodoItem title={todo.title} />;
+          })}
+        </vstack>
+      </scroll>
+    </vstack>
+  );
 });