innetjs 1.12.1 → 2.0.0

package/templates/fe/src/App.scss

@@ -1,48 +0,0 @@
-html, body {
-  margin: 0;
-  padding: 0;
-  height: 100vh;
-  background: #2B2B2B;
-  color: #F7B756;
-  font-family: sans-serif;
-}
-
-body {
-  display: flex;
-  flex-direction: column;
-}
-
-h1 {
-  font-size: 40px;
-}
-
-.root {
-  color: #F7B756;
-  text-decoration: none;
-}
-
-.active {
-  color: white;
-  pointer-events: none;
-}
-
-.header {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 20px;
-  padding: 20px;
-}
-
-.main {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  padding-bottom: 100px;
-}
-
-.content {
-  max-width: 1024px;
-  margin: auto;
-  text-align: center;
-}

package/templates/fe/src/App.tsx

@@ -1,36 +0,0 @@
-import { Page } from '/componenst/Page'
-
-import { HomePage } from '/pages/HomePage'
-
-import styles from './App.scss'
-
-export const App = () => (
-  <>
-    <header class={styles.header}>
-      <a href="/" exact classes={styles}>Home</a>
-      <a href="/settings" classes={styles}>Settings</a>
-      <a href="/any-other" classes={styles}>404</a>
-    </header>
-    <main class={styles.main}>
-      <router>
-        <slot name='/'>
-          <HomePage />
-        </slot>
-        <slot name='settings'>
-          <Page>
-            <div class={styles.content}>
-              <h1>Settings</h1>
-              This is an example of a page.
-            </div>
-          </Page>
-        </slot>
-        <Page>
-          <div class={styles.content}>
-            <h1 style=''>404</h1>
-            Not Found
-          </div>
-        </Page>
-      </router>
-    </main>
-  </>
-)

package/templates/fe/src/componenst/Page/Page.scss

@@ -1,22 +0,0 @@
-@keyframes show {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-.root {
-  transition: all 0.3s;
-  animation: show 0.3s;
-  opacity: 1;
-  padding: 0 20px;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-
-.hidden {
-  opacity: 0;
-}

package/templates/fe/src/componenst/Page/Page.tsx

@@ -1,18 +0,0 @@
-import { JsxComponent, useChildren } from '@innet/jsx'
-import { Ref } from '@innet/dom'
-import { State } from 'watch-state'
-import classes from 'html-classes'
-
-import styles from './Page.scss'
-
-export const Page: JsxComponent = () => {
-  const hidden = new Ref<State<boolean>>()
-
-  return (
-    <delay ref={hidden} show={300} hide={300}>
-      <div class={() => classes(styles.root, hidden.value.value && styles.hidden)}>
-        {useChildren()}
-      </div>
-    </delay>
-  )
-}

package/templates/fe/src/componenst/Page/index.ts

@@ -1 +0,0 @@
-export * from './Page'

package/templates/fe/src/declaration.d.ts

@@ -1,9 +0,0 @@
-declare module '*.scss' {
-  const content: Record<string, string>
-  export default content;
-}
-
-declare module '*.css' {
-  const content: Record<string, string>
-  export default content;
-}

package/templates/fe/src/index.tsx

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

package/templates/fe/src/pages/HomePage/HomePage.scss

@@ -1,25 +0,0 @@
-.root {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  text-align: center;
-  justify-content: center;
-}
-
-.header {
-  text-align: center;
-}
-
-.input {
-  display: inherit;
-  margin: 0 auto;
-  background: #414141;
-  color: #ebebeb;
-  border: none;
-  border-radius: 5px;
-  padding: 10px 14px;
-
-  &:focus {
-    outline: none;
-  }
-}

package/templates/fe/src/pages/HomePage/HomePage.tsx

@@ -1,24 +0,0 @@
-import { JsxComponent } from '@innet/jsx'
-import { State } from 'watch-state'
-
-import { Page } from '/componenst/Page'
-
-import styles from './HomePage.scss'
-
-const name = new State('World')
-
-export const HomePage: JsxComponent = () => (
-  <Page>
-    <div class={styles.root}>
-      <h1 class={styles.header}>
-        Hello{() => name.value ? `, ${name.value}` : ''}!
-      </h1>
-      <input
-        class={styles.input}
-        value={() => name.value}
-        oninput={e => name.value = e.target.value}
-        placeholder='Enter your name'
-      />
-    </div>
-  </Page>
-)

package/templates/fe/src/pages/HomePage/index.ts

@@ -1 +0,0 @@
-export * from './HomePage'

package/templates/fe/tsconfig.json

@@ -1,30 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "/": ["src"],
-      "/*": ["src/*"]
-    },
-    "target": "ES5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "downlevelIteration": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "experimentalDecorators": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": false,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "jsx": "preserve"
-  },
-  "include": [
-    "src"
-  ]
-}