init structure is completed

ijl.config.js

@@ -9,8 +9,11 @@ module.exports = {
   },
   navigations: {
     'enterfront.main': '/enterfront',
-    'link.enterfront.auth': '/enterfront/auth',
-    'link.enterfront.account': '/enterfront/account',
+    'enterfront.home': '/enterfront/home',
+    'enterfront.auth': '/enterfront/auth',
+    'enterfront.reg': '/enterfront/reg',
+    'enterfront.account': '/enterfront/account',
+    'enterfront.chat': '/enterfront/chat',
   },
   features: {
     'undefined': {

src/__data__/urls.ts

@@ -3,14 +3,22 @@ import pkg from '../../package.json';
 
 const baseUrl = getNavigationsValue(`${(pkg as any).name}.main`);
 const navs = getNavigations();
-const makeUrl = url => url;
 
 export const URLs = {
-    baseUrl,
+    baseUrl, // init
+    home: {
+        url: navs[`${(pkg as any).name}.home`],
+    },
+    chat: {
+        url: navs[`${(pkg as any).name}.chat`],
+    },
     auth: {
-        url: makeUrl(navs[`link.${(pkg as any).name}.auth`]),
+        url: navs[`${(pkg as any).name}.auth`], // sign in
+    },
+    reg: {
+        url: navs[`${(pkg as any).name}.reg`], // sign up
     },
     account: {
-        url: makeUrl(navs[`link.${(pkg as any).name}.account`]),
-    }
+        url: navs[`${(pkg as any).name}.account`],
+    },
 };

src/app.tsx

@@ -1,8 +1,12 @@
 import React from 'react';
 import { BrowserRouter } from 'react-router-dom';
 
+import "./index.css"
 import { Dashboard } from './dashboard';
 
+import Interlocutor from './backend/interlocutor/Interlocutor.js'
+import User from './backend/user/User.js'
+
 const App = () => {
   return(
     <BrowserRouter>

src/backend/interlocutor/Interlocutor.js

@@ -0,0 +1,8 @@
+export default class Interlocutor {
+    constructor(id, name) {
+        this.name = name
+        this.id = id
+    }
+    static name;
+    static id;
+}

src/backend/user/User.js

@@ -0,0 +1,3 @@
+export default class User {
+
+}

src/components/css/index.css

@@ -0,0 +1 @@
+@import "../reg/css/index.css";

src/components/reg/InputField.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+const InputField = (props) => {
+  return (
+      <input
+          onChange={(e) => props.setValue(e.target.value)}
+          value={props.value}
+      />
+  );
+};
+
+export default InputField;

src/dashboard.tsx

@@ -1,18 +1,25 @@
 import React from 'react';
-import { Routes, Route, Navigate } from 'react-router-dom';
+import { Routes, Route } from 'react-router-dom';
 
 import { URLs } from './__data__/urls';
 
-import HomePage from './pages/HomePage.jsx'
-import Hello from './pages/Hello.jsx'
+import Home from './pages/Home.jsx'
+import Init from './pages/Init.jsx'
 import Account from './pages/Account.jsx'
+import Chat from './pages/Chat.jsx'
+import SignIn from './pages/SignIn.jsx'
+import SignUp from './pages/SignUp.jsx'
 
 export const Dashboard = () => {
   return (
     <Routes>
-        <Route path={URLs.baseUrl} element={<HomePage/>}/>
-        <Route path={URLs.auth.url} element={<Hello/>} />
+        <Route path={URLs.baseUrl} element={<Init/>}/>
+        <Route path={URLs.home.url} element={<Home/>}/>
+        <Route path={URLs.chat.url} element={<Chat/>}/>
+        <Route path={URLs.auth.url} element={<SignIn/>}/>
+        <Route path={URLs.reg.url} element={<SignUp/>}/>
         <Route path={URLs.account.url} element={<Account/>}/>
+        <Route path="*" element={<h1>404 page not found</h1>}/>
     </Routes>
   );
 };

src/header/Header.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Header = () => {
+  return (
+      <div>Header</div>
+  );
+};
+
+export default Header;

src/index.css

@@ -0,0 +1,14 @@
+@import "pages/css/index.css";
+@import "header/css/index.css";
+@import "components/css/index.css";
+
+
+body {
+    margin: 0;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+

src/pages/Chat.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Chat = () => {
+  return (
+      <h2>Chat with ...</h2>
+  );
+};
+
+export default Chat;

src/pages/Hello.jsx

@@ -1,9 +0,0 @@
-import React from "react";
-
-const Hello = () => {
-  return (
-      <h1>Hello!</h1>
-  )
-}
-
-export default Hello;

src/pages/Home.jsx

@@ -0,0 +1,9 @@
+import React from "react";
+
+const Home = () => {
+  return (
+      <h1 className="TestClass">Home</h1>
+  )
+}
+
+export default Home

src/pages/HomePage.jsx

@@ -1,9 +0,0 @@
-import React from "react";
-
-const HomePage = () => {
-  return (
-      <h1>Home</h1>
-  )
-}
-
-export default HomePage

src/pages/Init.jsx

@@ -0,0 +1,9 @@
+import React from "react";
+
+const Init = () => {
+  return (
+      <h1 className="TestInit">Init page</h1>
+  )
+}
+
+export default Init;

src/pages/SignIn.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import InputField from "../components/reg/InputField.jsx";
+
+const SignIn = () => {
+  return (
+      <div>
+        <h1>SignIn</h1>
+        <InputField/>
+      </div>
+  );
+};
+
+export default SignIn;

src/pages/SignUp.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import InputField from "../components/reg/InputField.jsx";
+
+const SignUp = () => {
+  return (
+      <div>
+        <h1>SignUp</h1>
+        <InputField/>
+      </div>
+  );
+};
+
+export default SignUp;

src/pages/css/index.css

@@ -0,0 +1,5 @@
+@import "init.css";
+
+.TestClass {
+    color: red;
+}

src/pages/css/init.css

@@ -0,0 +1,3 @@
+.TestInit {
+    color: blue;
+}

versions.md

@@ -0,0 +1,18 @@
+# Instruction to create tags and versions
+
+```
+npm version <type>
+```
+
+Here <type> can be:
+- `patch` - the smallest update, 1.2.3 -> 1.2.**4**
+- `minor` - 1.**2**.3 -> 1.**3**.0
+- `major` - the greatest, **1**.2.3 -> **2**.0.0
+
+To submit tag (previous command is treated as a commit):
+```
+git push --tags
+```
+
+The version in `package.json` will be updated automatically\
+After that add new version to *brojs-admin*