innetjs 1.9.0 → 1.10.0

package/bin/innet

@@ -445,7 +445,7 @@ class InnetJS {
     }
 }
 
-var version = "1.9.0";
+var version = "1.10.0";
 
 require('dotenv').config();
 const innetJS = new InnetJS();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "innetjs",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "CLI for innet boilerplate",
   "homepage": "https://github.com/d8corp/innetjs",
   "author": "Mikhail Lysikov <d8corp@mail.ru>",

package/templates/be/package.json

@@ -8,6 +8,6 @@
     "innet": "^1.0.0"
   },
   "devDependencies": {
-    "innetjs": "^1.9.0"
+    "innetjs": "^1.10.0"
   }
 }

package/templates/fe/README.md

@@ -71,7 +71,9 @@ GENERATE_SOURCEMAP=false
 CSS_IN_JS=false
 
 # import styles from './App.css'
-# you can use css modules with CSS_MODULES=true
+# you can use css modules with CSS_MODULES=true.
+# If CSS_MODULES equals false you still can use css modules,
+# just name the css or scss file like App.module.css
 CSS_MODULES=false
 
 # you can change the public folder

package/templates/fe/package.json

@@ -4,11 +4,11 @@
     "start": "npx innetjs start"
   },
   "dependencies": {
-    "@watch-state/decorators": "^1.1.0",
-    "innet": "^0.2.8",
-    "watch-state": "^3.3.3"
+    "innet": "^1.0.0",
+    "@innet/dom": "^0.1.1",
+    "watch-state": "^3.4.3"
   },
   "devDependencies": {
-    "innetjs": "^1.9.0"
+    "innetjs": "^1.10.0"
   }
 }

package/templates/fe/src/App.scss

@@ -5,6 +5,7 @@ html, body {
   background: #2B2B2B;
   color: #F7B756;
 }
+
 .root {
   position: absolute;
   top: 50%;

package/templates/fe/src/App.tsx

@@ -1,23 +1,18 @@
-import {state} from '@watch-state/decorators'
-import styles from './App.scss'
+import { State } from 'watch-state'
 
-class App {
-  @state name = 'World'
+import styles from './App.scss'
 
-  render () {
-    return (
-      <div class={styles.root}>
-        <h1 class={styles.header}>
-          Hello{() => this.name ? `, ${this.name}` : ''}!
-        </h1>
-        <input
-          class={styles.input}
-          oninput={e => this.name = e.target.value}
-          placeholder='Enter your name'
-        />
-      </div>
-    )
-  }
-}
+const name = new State('World')
 
-export default App
+export const App = () => (
+  <div class={styles.root}>
+    <h1 class={styles.header}>
+      Hello{() => name.value ? `, ${name.value}` : ''}!
+    </h1>
+    <input
+      class={styles.input}
+      oninput={e => name.value = e.target.value}
+      placeholder='Enter your name'
+    />
+  </div>
+)

package/templates/fe/src/index.tsx

@@ -1,4 +1,6 @@
 import innet from 'innet'
-import App from './App'
+import dom from '@innet/dom'
 
-innet(<App />)
+import { App } from '/App'
+
+innet(<App />, dom)