problems with bundler

frontend-park-mail-ru · Oct 19, 2024 · e1b95d9 · e1b95d9
1 parent b61f878
commit e1b95d9
Show file tree

Hide file tree

Showing 13 changed files with 87 additions and 272 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -1,10 +1,18 @@
-<!doctype html>
-<html lang="en">
+
+<!DOCTYPE html>
+<html>
   <head>
-    <meta charset="utf-8" />
+    <meta charset="utf-8">
     <title>DEAD-VC.RU</title>
-  </head>
+  <meta name="viewport" content="width=device-width, initial-scale=1"><script defer src="bundle.js"></script><script defer src="bundle.js"></script></head>
+  <link rel="stylesheet" href="bundle.css">
   <body>
-    <script src="main.js"></script>
+    <div class="place-for-header"></div>
+
+    <main class="main-content">
+      <div class="items-container"></div>
+    </main>
   </body>
 </html>
+
+
diff --git a/dist/main.js b/dist/main.js
diff --git a/eslint.config.js b/eslint.config.js
@@ -7,6 +7,11 @@ export default tseslint.config(
     ignores: ['node_modules/*', 'dist/*', '.babelrc.cjs', 'webpack.config.cjs'],
   },
   {
+    env: {
+      browser: true, // Указывает, что код будет выполняться в браузерной среде
+      node: true, // Указывает, что код будет выполняться в среде Node.js
+      es6: true, // Указывает использование ES6 (ECMAScript 2015) синтаксиса
+    },
     files: ['**/*.{ts,js}'],
     plugins: {
       prettier,

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Forms/forms.js b/src/components/Forms/forms.js
@@ -1,6 +1,7 @@
 import Navigator from '../../router/navigator.js';
 import Ajax from '../../ajax/ajax.js';
 import UserApi from '../../api/api_user.js';
+import FormsTemplate from '../Forms/forms.hbs';
 
 export default class Forms {
   constructor(parent) {
@@ -31,8 +32,8 @@ export default class Forms {
   render() {
     const placeForHeader = document.querySelector('.place-for-header');
     placeForHeader.innerHTML = '';
-    const template = Handlebars.templates['forms.hbs'];
-    this.parent.innerHTML = template({ context: this.context });
+    // const template = Handlebars.templates['forms.hbs'];
+    this.parent.innerHTML = FormsTemplate({ context: this.context });
     const AuthForm = document.querySelector('.auth-form-inputs');
 
     AuthForm.addEventListener('submit', this.handleSubmit.bind(this));

diff --git a/src/components/Header/header.css b/src/components/Header/header.css
@@ -1,5 +1,3 @@
-@import '/public/variables.css';
-
 .header {
   display: flex;
   flex-direction: column;

diff --git a/src/components/Header/header.js b/src/components/Header/header.js
@@ -2,16 +2,18 @@ import Ajax from '../../ajax/ajax.js';
 import UserState from '../../user/user.js';
 import UserApi from '../../api/api_user.js';
 import Navigator from '../../router/navigator.js';
+import Handlebars from 'handlebars';
+import HeaderTemplate from '../Header/header.hbs';
+import styles from './header.css';
 
 export default class Header {
   constructor(parent) {
     this.parent = parent;
   }
 
   render() {
-    const template = Handlebars.templates['header.hbs'];
-    this.parent.innerHTML = template({ user: UserState });
-
+    // const template = Handlebars.templates['header.hbs'];
+    this.parent.innerHTML = HeaderTemplate({ user: UserState });
     if (UserState.isAuthorized) {
       const logoutButton = document.querySelector('#logout-button');
       logoutButton.addEventListener('click', (event) => {

diff --git a/src/d.ts b/src/d.ts
@@ -0,0 +1 @@
+declare module '*.css';
diff --git a/src/handlebars/helpers.js b/src/handlebars/helpers.js
@@ -1,3 +1,5 @@
+import Handlebars from 'handlebars';
+
 export default function registerHelpers() {
   Handlebars.registerHelper('isEqual', function (arg1, arg2) {
     return arg1 === arg2;