chore: format

Author: aminya

.prettierignore

@@ -6,3 +6,5 @@ changelog.md
 coverage
 build
 dist
+
+test/

README.md

@@ -1,4 +1,5 @@
 # etch-solid
+
 fast DOM library - etch with solid backend
 
 ![Build Status (Github Actions)](https://github.com/atom-ide-community/etch-solid/workflows/CI/badge.svg)

babel.config.json

@@ -8,8 +8,6 @@
       }
     ]
   ],
-  "plugins": [
-    "solid-styled-jsx/babel"
-  ],
+  "plugins": ["solid-styled-jsx/babel"],
   "parserOpts": {}
 }

examples/hello-world/.babelrc

@@ -1,9 +1,5 @@
 {
-  "presets": [
-    "babel-preset-solid"
-  ],
-  "plugins": [
-    "solid-styled-jsx/babel"
-  ],
+  "presets": ["babel-preset-solid"],
+  "plugins": ["solid-styled-jsx/babel"],
   "parserOpts": {}
 }

examples/hello-world/index.jsx

@@ -1,35 +1,35 @@
-import * as etch from '../../dist/index';
+import * as etch from "../../dist/index"
 
 class MyComponent {
   constructor(props, children) {
-    this.props = props;
-    etch.initialize(this);
+    this.props = props
+    etch.initialize(this)
   }
 
   render() {
-    return <div>{this.props.greeting} World!</div>;
+    return <div>{this.props.greeting} World!</div>
   }
 
   hello() {
-    console.log("hello");
+    console.log("hello")
   }
 
   update(newProps) {
-    this.hello();
+    this.hello()
     if (this.props.greeting !== newProps.greeting) {
-      this.props.greeting = newProps.greeting;
+      this.props.greeting = newProps.greeting
     }
   }
 }
 
-const instance = new MyComponent({ greeting: "Hello" });
+const instance = new MyComponent({ greeting: "Hello" })
 
-const app = document.getElementById("app");
+const app = document.getElementById("app")
 
 // using element
-app.appendChild(instance.element);
+app.appendChild(instance.element)
 
 setTimeout(() => {
-  instance.update({ greeting: "Hi" });
-  console.log("updated");
-}, 1000);
+  instance.update({ greeting: "Hi" })
+  console.log("updated")
+}, 1000)

src/index.ts

@@ -1,5 +1,4 @@
-import { createState, createRoot, produce } from "solid-js";
-
+import { createState, createRoot, produce } from "solid-js"
 
 type EtchSolidElement = any
 interface EtchSolidComponent {
@@ -12,35 +11,31 @@ interface EtchSolidComponent {
 
 // etch.initialize
 export function initialize(component: EtchSolidComponent) {
-
   const $originUpdate = component.update,
-    $originDestroy = component.destroy;
+    $originDestroy = component.destroy
 
   // handle the changes in the states
-  let dispose: () => void;
-  const d = Object.getOwnPropertyDescriptors(component.__proto__);
-  const [$state, setState] = createState(
-    Object.assign(Object.create(Object.prototype, d), component)
-  );
+  let dispose: () => void
+  const d = Object.getOwnPropertyDescriptors(component.__proto__)
+  const [$state, setState] = createState(Object.assign(Object.create(Object.prototype, d), component))
 
   // handle updating
   function update(...args: any[]) {
-    setState(produce((s) => $originUpdate.call(s, ...args)));
+    setState(produce((s) => $originUpdate.call(s, ...args)))
   }
 
   // handle destroying
   function destroy() {
-    $originDestroy && $originDestroy.call($state);
-    dispose();
+    $originDestroy && $originDestroy.call($state)
+    dispose()
   }
 
-
   // add update, destroy, and setState to the component
-  Object.assign(component, { update, destroy, setState });
+  Object.assign(component, { update, destroy, setState })
 
   // element property
   createRoot((disposer) => {
-    dispose = disposer;
-    component.element = component.render.call($state);
-  });
+    dispose = disposer
+    component.element = component.render.call($state)
+  })
 }