LDBR-2.9: Изменить способ компиляции шаблонов Handlebars (#18)

* LDBR-2.9: Изменить способ компиляции шаблонов Handlebars.

* LDBR-2.9: Исправить импорты tmpl.js. Исправить загрузку tmpl.js.

* LDBR-2.9: Удалить лишний отступ.

.gitignore

@@ -1,8 +1,12 @@
 #npm modules
 node_modules/*
 
-#hbs templates
+#hbs compiled templates
+tmpl.js
 *.tmpl.js
 
 #ds store
 .DS_Store
+
+#ide
+.idea

package.json

@@ -1,10 +1,10 @@
 {
     "name": "ladnodavaytebezroflov-frontend",
-    "version": "0.0.9",
+    "version": "0.1.0",
     "description": "LadnoDavayteBezRoflov team, Technopark, autumn of 2021",
     "main": "./server/server.js",
     "scripts": {
-        "handlebars": "./handlebars.sh",
+        "handlebars": "npx handlebars ./src/ -f ./src/tmpl.js --extension \"hbs\"",
         "server": "node server/server.js",
         "start": "npm run handlebars && npm run server",
         "lint": "npx eslint . --ext .js",

src/components/Footer/Footer.js

@@ -3,9 +3,6 @@
 // Базовый компонент
 import BaseComponent from '../BaseComponent.js';
 
-// Скомпилированный шаблон Handlebars
-import './Footer.tmpl.js';
-
 /**
  * Класс, реализующий компонент Footer.
  */
@@ -18,7 +15,7 @@ export default class FooterComponent extends BaseComponent {
     */
     constructor(parent, context) {
         super(parent, context);
-        this.renderComponent = Handlebars.templates['Footer.hbs'];
+        this.renderComponent = Handlebars.templates['components/Footer/Footer'];
     }
 
     /**

src/components/Navbar/Navbar.js

@@ -3,9 +3,6 @@
 // Базовый компонент
 import BaseComponent from '../BaseComponent.js';
 
-// Скомпилированный шаблон Handlebars
-import './Navbar.tmpl.js';
-
 /**
  * Класс, реализующий компонент Navbar.
  */
@@ -18,7 +15,7 @@ export default class NavbarComponent extends BaseComponent {
     */
     constructor(parent, context) {
         super(parent, context);
-        this.renderComponent = Handlebars.templates['Navbar.hbs'];
+        this.renderComponent = Handlebars.templates['components/Navbar/Navbar'];
     }
 
     /**

src/index.js

@@ -1,11 +1,13 @@
 'use strict';
 
 // utils
-import {registerPartials} from './utils/Partials/partials.js';
 import {Html, Urls} from './utils/constants.js';
 import router from './utils/Router/Router.js';
 import userStatus from './utils/UserStatus/UserStatus.js';
 
+// Скомпилированные шаблон Handlebars
+import '/src/tmpl.js';
+
 // Контроллеры
 import RegisterController from './controllers/RegisterController/RegisterController.js';
 import LoginController from './controllers/LoginController/LoginController.js';
@@ -21,8 +23,6 @@ window.addEventListener('DOMContentLoaded', async () => {
         await userStatus.init();
     }
 
-    registerPartials();
-
     /* Регистрация контроллеров для роутера */
     router.registerUrl(Urls.Root, new RegisterController(root)); // placeholder
     router.registerUrl(Urls.Register, new RegisterController(root));

src/pages/BoardsPage/BoardsPage.js

@@ -12,9 +12,6 @@ import userStatus from '../../utils/UserStatus/UserStatus.js';
 import router from '../../utils/Router/Router.js';
 import {Urls} from '../../utils/constants.js';
 
-// Скомпилированный шаблон Handlebars
-import './BoardsPage.tmpl.js';
-
 /**
   * Класс, реализующий страницу с досками.
   */
@@ -24,7 +21,7 @@ export default class BoardsPage extends BasePage {
     * @param {Element} parent HTML-элемент, в который будет осуществлена отрисовка
     */
     constructor(parent) {
-        super(parent, Handlebars.templates['BoardsPage.hbs']);
+        super(parent, Handlebars.templates['pages/BoardsPage/BoardsPage']);
     }
 
     /**

src/pages/LoginPage/LoginPage.js

@@ -14,9 +14,6 @@ import router from '../../utils/Router/Router.js';
 import Validator from '../../utils/Validator/Validator.js';
 import {HttpStatusCodes, Urls} from '../../utils/constants.js';
 
-// Скомпилированный шаблон Handlebars
-import './LoginPage.tmpl.js';
-
 /**
   * Класс, реализующий страницу с входа.
   */
@@ -26,7 +23,7 @@ export default class LoginPage extends BasePage {
     * @param {Element} parent HTML-элемент, в который будет осуществлена отрисовка
     */
     constructor(parent) {
-        super(parent, Handlebars.templates['LoginPage.hbs']);
+        super(parent, Handlebars.templates['pages/LoginPage/LoginPage']);
         this.formAuthorizationCallback = this.formAuthorization.bind(this);
     }
 

src/pages/RegisterPage/RegisterPage.js

@@ -14,9 +14,6 @@ import router from '../../utils/Router/Router.js';
 import Validator from '../../utils/Validator/Validator.js';
 import {HttpStatusCodes, Urls} from '../../utils/constants.js';
 
-// Скомпилированный шаблон Handlebars
-import './RegisterPage.tmpl.js';
-
 /**
   * Класс, реализующий страницу регистрации.
   */
@@ -26,7 +23,7 @@ export default class RegisterPage extends BasePage {
     * @param {Element} parent HTML-элемент, в который будет осуществлена отрисовка
     */
     constructor(parent) {
-        super(parent, Handlebars.templates['RegisterPage.hbs']);
+        super(parent, Handlebars.templates['pages/RegisterPage/RegisterPage']);
         this.formRegistrationCallback = this.formRegistration.bind(this);
     }