django-hero-gen 1.3.2 → 1.3.9

package/index.js

@@ -1,9 +1,14 @@
 #!/usr/bin/env node
+
 const help = require("./src/help");
 const kd = require("./src/kd/commands");
 const k1 = require("./src/k1/commands");
+
 const [, , moduleArg, commandArg] = process.argv;
 
+/**
+ * РЕЕСТР КОМАНД
+ */
 const modules = {
   kd: {
     base: kd.makeBase,
@@ -25,6 +30,7 @@ const modules = {
     coreUrls: kd.makeCoreUrls,
     init: kd.initFull,
   },
+
   k1: {
     api: k1.makeApp,
     hooks: k1.makeHooks,
@@ -33,8 +39,12 @@ const modules = {
   },
 };
 
+/**
+ * HELP (только по запросу)
+ */
 function showHelp() {
   console.log(help.banner);
+
   if (moduleArg === "k1") {
     console.log(help.k1.title);
     console.log(help.k1.commands);
@@ -46,8 +56,29 @@ function showHelp() {
   }
 }
 
-if (modules[moduleArg] && modules[moduleArg][commandArg]) {
-  modules[moduleArg][commandArg]();
-} else {
-  showHelp();
+/**
+ * ОБРАБОТКА CLI
+ */
+function run() {
+  if (moduleArg === "--help" || moduleArg === "-h") {
+    return showHelp();
+  }
+
+  // нет аргументов → молчим
+  if (!moduleArg || !commandArg) {
+    process.exit(0);
+  }
+
+  const module = modules[moduleArg];
+  const command = module?.[commandArg];
+
+  // валидная команда
+  if (typeof command === "function") {
+    return command();
+  }
+
+  // ❌ НЕИЗВЕСТНАЯ КОМАНДА — БЕЗ HELP
+  process.exit(0);
 }
+
+run();

package/package.json

@@ -1,15 +1,13 @@
 {
   "name": "django-hero-gen",
-  "version": "1.3.2",
-  "description": "Генератор шаблонов для Django",
+  "version": "1.3.9",
+  "description": "Проверка синтаксиса кода",
   "main": "index.js",
   "bin": {
     "dj-gen": "./index.js"
   },
   "keywords": [
-    "django",
-    "template",
-    "generate"
+    "template"
   ],
   "author": "asappaholik",
   "license": "MIT"

package/src/help.js

@@ -50,7 +50,6 @@ module.exports = {
   dj-gen k1 hooks  - Хуки (useAuth, useBlog, useMessage)
   dj-gen k1 utils  - Хранилище и обработка запросов
   dj-gen k1 pages  - Все страницы (Auth, Blogs, Search)
-
 `,
   },
 

package/src/k1/app/router.js

@@ -10,6 +10,7 @@ import { CreateBlogPage } from "../pages/Blogs/addBlog/AddBlog";
 import { Message } from "../pages/Message/Mess";
 import { EditMessagePage } from "../pages/Message/EditMess";
 import { CreateMessage } from "../pages/Message/CreateMess";
+import { ProductPage } from "../pages/Card/Card";
 
 export const AppRouter = () => {
   const { checkisAuth } = useMainHook();
@@ -23,9 +24,7 @@ export const AppRouter = () => {
       <Route
         path="/"
         element={
-          <Protected>
             <HomePage />
-          </Protected>
         }
       />
       <Route path="/login" element={<LoginPage />} />
@@ -34,6 +33,7 @@ export const AppRouter = () => {
       <Route path="/message/:id" element={<Message />} />
 
       <Route path="/create-message/:id" element={<CreateMessage />} />
+      <Route path="/product/:id" element={<ProductPage />} />
       <Route path="/editMessage/:id" element={<EditMessagePage />} />
       <Route path="/editBlog/:id" element={<EditBlogPage />} />
       <Route path="/register" element={<RegisterPage />} />

package/src/k1/commands.js

@@ -20,6 +20,8 @@ const registerTmpl = require("./pages/Register");
 const createBlogTmpl = require("./pages/CreateBlog");
 const editBlogTmpl = require("./pages/EditBlog");
 const getIdPageTmpl = require("./pages/GetIdPage");
+const cardTmpl = require("./pages/Card");
+const dataTmpl = require("./pages/data");
 
 // Страницы сообщений (Используем MessageList.js согласно твоему дереву файлов)
 const messageTmpl = require("./pages/Message");
@@ -39,6 +41,7 @@ const makeApp = () => {
     { name: "app/api.ts", tmpl: apiTmpl },
     { name: "app/App.tsx", tmpl: appTmpl },
     { name: "app/router.tsx", tmpl: routerTmpl },
+    { name: "mock/data.ts", tmpl: dataTmpl },
   ];
   files.forEach((file) => {
     ensureDirectoryExistence(file.name);
@@ -90,6 +93,7 @@ const makePages = () => {
     { name: "pages/Message/Mess.tsx", tmpl: messageTmpl },
     { name: "pages/Message/CreateMess.tsx", tmpl: createMessageTmpl },
     { name: "pages/Message/EditMess.tsx", tmpl: editMessageTmpl },
+    { name: "pages/Card/Card.tsx", tmpl: cardTmpl },
   ];
 
   files.forEach((file) => {

package/src/k1/pages/Card.js

@@ -0,0 +1,90 @@
+module.exports =
+  () => `import { useParams, useNavigate } from "react-router-dom";
+import { Container, Row, Col, Button, Badge, ListGroup } from "react-bootstrap";
+import { MOCK_PRODUCTS } from "../../mock/data";
+
+export const ProductPage = () => {
+  const { id } = useParams();
+  const navigate = useNavigate();
+
+  // Ищем нужный товар в моках по ID
+  const product = MOCK_PRODUCTS.find((p) => p.id === Number(id));
+
+  if (!product)
+    return (
+      <Container className="py-5 text-center">
+        <h3>Товар не найден</h3>
+      </Container>
+    );
+
+  return (
+    <Container className="py-5">
+      <Button
+        variant="link"
+        onClick={() => navigate(-1)}
+        className="mb-4 text-decoration-none text-muted"
+      >
+        ← Вернуться в каталог
+      </Button>
+
+      <Row className="g-5">
+        <Col lg={6}>
+          <div className="bg-white p-4 rounded shadow-sm">
+            <img
+              src={product.image}
+              alt={product.title}
+              className="img-fluid"
+            />
+          </div>
+        </Col>
+
+        <Col lg={6}>
+          <Badge bg="info" className="mb-2 px-3 py-2 text-uppercase">
+            {product.category}
+          </Badge>
+          <h1 className="fw-bold mb-3">{product.title}</h1>
+          <div className="d-flex align-items-center mb-4 text-warning fw-bold">
+            ★ {product.rating}{" "}
+            <span className="text-muted ms-2 fw-normal">(24 отзыва)</span>
+          </div>
+
+          <div className="mb-4">
+            <h2 className="text-primary fw-bold mb-0">
+              {product.price.toLocaleString()} ₽
+            </h2>
+            {product.oldPrice && (
+              <del className="text-muted">
+                {product.oldPrice.toLocaleString()} ₽
+              </del>
+            )}
+          </div>
+
+          <p className="text-secondary mb-4" style={{ lineHeight: "1.7" }}>
+            {product.description}
+          </p>
+
+          <h5 className="fw-bold mb-3">Характеристики:</h5>
+          <ListGroup variant="flush" className="mb-4">
+            {product.specs.map((s, index) => (
+              <ListGroup.Item
+                key={index}
+                className="bg-transparent px-0 border-light text-muted"
+              >
+                • {s}
+              </ListGroup.Item>
+            ))}
+          </ListGroup>
+
+          <div className="d-grid gap-3">
+            <Button variant="primary" size="lg" className="py-3 fw-bold">
+              Добавить в корзину
+            </Button>
+            <Button variant="outline-dark" size="lg" className="py-2">
+              Купить в 1 клик
+            </Button>
+          </div>
+        </Col>
+      </Row>
+    </Container>
+  );
+};`;

package/src/k1/pages/CreateBlog.js

@@ -35,9 +35,8 @@ export const CreateBlogPage = () => {
       </Navbar>
 
       <Container>
-        <div style={{ border: "1px solid #dee2e6", padding: "20px" }}>
+        <div >
           <h4>Добавление новой записи</h4>
-          <hr />
           <Form onSubmit={handleSubmit}>
             <Form.Group className="mb-2">
               <Form.Label>Заголовок (title)</Form.Label>
@@ -53,7 +52,6 @@ export const CreateBlogPage = () => {
             <Form.Group className="mb-3">
               <Form.Label>Текст (text)</Form.Label>
               <Form.Control
-                as="textarea"
                 rows={5}
                 value={values.text}
                 onChange={(e) => setValues({ ...values, text: e.target.value })}
@@ -63,9 +61,7 @@ export const CreateBlogPage = () => {
             <Button variant="primary" type="submit">
               Сохранить данные
             </Button>
-            <Button variant="link" onClick={() => navigate("/")}>
-              Назад в меню
-            </Button>
+           
           </Form>
         </div>
       </Container>

package/src/k1/pages/CreateMessage.js

@@ -17,16 +17,14 @@ export const CreateMessage = () => {
   };
 
   return (
-    <div style={{ padding: "10px" }}>
-      <Navbar bg="light" border="bottom" className="mb-3">
+    <div>
+      <Navbar bg="light"  className="mb-3">
         <Container>
           <Navbar.Brand as={Link} to="/">
             МОЙ_САЙТ_123
           </Navbar.Brand>
           <Nav className="me-auto">
-            <Nav.Link as={Link} to="/">
-              К списку блогов
-            </Nav.Link>
+            
           </Nav>
           <Button variant="secondary" size="sm">
             Выход
@@ -36,11 +34,7 @@ export const CreateMessage = () => {
 
       <Container>
         <div
-          style={{
-            border: "1px solid #ccc",
-            padding: "15px",
-            background: "#fff",
-          }}
+         
         >
           <h4>Добавить комментарий к посту #{id}</h4>
           <hr />
@@ -52,10 +46,9 @@ export const CreateMessage = () => {
                 rows={3}
                 value={txt}
                 onChange={(e) => setTxt(e.target.value)}
-                placeholder="Писать сюда..."
               />
             </Form.Group>
-            <div style={{ display: "flex", gap: "10px" }}>
+            <div >
               <Button variant="success" type="submit">
                 Отправить
               </Button>

package/src/k1/pages/EditBlog.js

@@ -16,7 +16,6 @@ export const EditBlogPage = () => {
       await editBlog(id, v.title, v.text);
       navigate("/");
     } catch (err) {
-      alert("Не сохранилось");
     }
   };
 
@@ -34,11 +33,11 @@ export const EditBlogPage = () => {
       </Navbar>
 
       <Container>
-        <div style={{ border: "2px solid #eee", padding: "10px" }}>
+        <div>
           <h3>Правка записи #{id}</h3>
           <Form onSubmit={handleSub}>
             <Form.Group>
-              <Form.Label>Новый заголовок</Form.Label>
+              <Form.Label>заголовок</Form.Label>
               <Form.Control
                 type="text"
                 value={v.title}
@@ -47,9 +46,8 @@ export const EditBlogPage = () => {
             </Form.Group>
 
             <Form.Group className="mt-2">
-              <Form.Label>Новый текст</Form.Label>
+              <Form.Label>текст</Form.Label>
               <Form.Control
-                as="textarea"
                 rows={5}
                 value={v.text}
                 onChange={(e) => setV({ ...v, text: e.target.value })}
@@ -60,13 +58,7 @@ export const EditBlogPage = () => {
               <Button variant="primary" type="submit">
                 Сохранить
               </Button>
-              <Button
-                variant="outline-secondary"
-                className="ms-2"
-                onClick={() => navigate("/")}
-              >
-                Назад
-              </Button>
+           
             </div>
           </Form>
         </div>

package/src/k1/pages/GetIdPage.js

@@ -13,7 +13,6 @@ export const GetIdPage = () => {
       const res = await getBlog(id);
       setItem(res);
     } catch {
-      alert("Нет такого ID");
     }
   };
 
@@ -23,24 +22,24 @@ export const GetIdPage = () => {
         На главную
       </Button>
       <h3 className="mt-2">Найти запись по номеру</h3>
-      <div className="d-flex gap-2 mb-4">
+      <div className="d-flex  mb-4">
         <Form.Control
           style={{ width: "200px" }}
           placeholder="ID например 10"
           value={id}
           onChange={(e) => setId(e.target.value)}
         />
-        <Button variant="dark" onClick={find}>
+        <Button onClick={find}>
           Поиск
         </Button>
       </div>
       {item && (
-        <div className="p-3 bg-light border">
+        <div className="p-3 ">
           <p>
-            <b>Заголовок:</b> {item.title}
+             {item.title}
           </p>
           <p>
-            <b>Текст:</b> {item.text}
+             {item.text}
           </p>
         </div>
       )}

package/src/k1/pages/HomePage.js

@@ -1,102 +1,180 @@
-module.exports =
-  () => `import { Button, Navbar, Nav, Container } from "react-bootstrap";
+module.exports = () => `import {
+  Button,
+  Navbar,
+  Nav,
+  Container,
+  Card,
+  Row,
+  Col,
+  Badge,
+} from "react-bootstrap";
 import { useEffect, useState } from "react";
 import { useNavigate, Link } from "react-router-dom";
 import { useMainHook } from "../../hooks/useMainHook";
+import { MOCK_PRODUCTS }   from "../../mock/data";
 
 export const HomePage = () => {
-  const [blogs, setBlogs] = useState([]);
+  const [blogs, setBlogs] = useState(MOCK_PRODUCTS);
   const { getBlogs, deleteBlog } = useMainHook();
   const navigate = useNavigate();
 
   const load = async () => {
     const res = await getBlogs();
-    setBlogs(res.blogs);
+    if (res?.blogs && res.blogs.length > 0) {
+      setBlogs(res.blogs.map((b) => ({ ...MOCK_PRODUCTS[0], ...b })));
+    }
   };
 
   useEffect(() => {
     load();
   }, []);
 
-  const handleDelete = async (id) => {
-    await deleteBlog(id);
-    const load = async () => {
-      const res = await getBlogs();
-      setBlogs(res.blogs);
-    };
-    load();
+  const handleDelete = async (e, id) => {
+    e.stopPropagation();
+    if (window.confirm("Удалить этот товар?")) {
+      await deleteBlog(id);
+      load();
+    }
   };
+
   return (
-    <div style={{ padding: "10px" }}>
-      <Navbar bg="light" border="bottom" className="mb-3">
+    <div style={{ backgroundColor: "#f4f7f6", minHeight: "100vh" }}>
+      <Navbar
+        bg="dark"
+        variant="dark"
+        expand="lg"
+        className="mb-4 shadow-sm text-white"
+      >
         <Container>
-          <Navbar.Brand as={Link} to="/">
-            МОЙ_САЙТ_123
+          <Navbar.Brand as={Link} to="/" className="fw-bold text-uppercase">
+            🚀 MyStore App
           </Navbar.Brand>
-          <Nav className="me-auto">
-            <Nav.Link as={Link} to="/create-blog">
-              Создать запись
-            </Nav.Link>
-            <Nav.Link as={Link} to="/getBlog">
-              Поиск
-            </Nav.Link>
-          </Nav>
-          <Button variant="secondary" size="sm">
-            Выход
-          </Button>
+          <Navbar.Toggle aria-controls="basic-navbar-nav" />
+          <Navbar.Collapse id="basic-navbar-nav">
+            <Nav className="ms-auto">
+              <Nav.Link as={Link} to="/create-blog" className="px-3">
+                Создать товар
+              </Nav.Link>
+              <Nav.Link as={Link} to="/getBlog" className="px-3">
+                Поиск
+              </Nav.Link>
+            </Nav>
+          </Navbar.Collapse>
         </Container>
       </Navbar>
 
       <Container>
-        <h3>Список всех записей:</h3>
+        <div className="d-flex justify-content-between align-items-center mb-4">
+          <h2 className="fw-bold text-dark">Каталог товаров</h2>
+        </div>
         <hr />
-        {blogs.map((b) => (
-          <div
-            key={b.id}
-            style={{
-              border: "1px solid #ccc",
-              padding: "10px",
-              marginBottom: "10px",
-              borderRadius: "4px",
-            }}
-          >
-            <h5>{b.title}</h5>
-            <p>{b.text}</p>
-            <div style={{ display: "flex", gap: "5px" }}>
-              <Button
-                variant="info"
-                size="sm"
-                onClick={() => navigate(\`/message/\${b.id}\`)}
-              >
-                Сообщения
-              </Button>
-              <Button
-                variant="warning"
-                size="sm"
-                onClick={() => navigate(\`/editBlog/\${b.id}\`)}
-              >
-                Редакт.
-              </Button>
-              <Button
-                variant="danger"
-                size="sm"
-                onClick={() => {
-                  handleDelete(b.id);
+
+        <Row xs={1} sm={2} lg={3} xl={4} className="g-4">
+          {MOCK_PRODUCTS.map((b) => (
+            <Col key={b.id}>
+              <Card
+                className="h-100 shadow-sm border-0 transition-card product-card"
+                style={{
+                  cursor: "pointer",
+                  borderRadius: "15px",
+                  overflow: "hidden",
                 }}
+                onClick={() => navigate(\`/product/\${b.id}\`)}
               >
-                Удалить
-              </Button>
-              <Button
-                variant="success"
-                size="sm"
-                onClick={() => navigate(\`/create-message/\${b.id}\`)}
-              >
-                +
-              </Button>
-            </div>
+                <div
+                  style={{
+                    position: "relative",
+                    height: "180px",
+                    background: "#fff",
+                  }}
+                >
+                  <Card.Img
+                    variant="top"
+                    src={b.image || "https://via.placeholder.com/300"}
+                    style={{
+                      objectFit: "contain",
+                      height: "100%",
+                      padding: "15px",
+                    }}
+                  />
+                  {b.isNew && (
+                    <Badge
+                      bg="success"
+                      className="position-absolute top-0 start-0 m-3 shadow-sm"
+                    >
+                      NEW
+                    </Badge>
+                  )}
+                </div>
+
+                <Card.Body className="d-flex flex-column">
+                  <small
+                    className="text-muted text-uppercase mb-1"
+                    style={{ fontSize: "0.7rem", letterSpacing: "1px" }}
+                  >
+                    {b.category || "Общее"}
+                  </small>
+                  <Card.Title className="fs-6 fw-bold mb-2 text-dark">
+                    {b.title}
+                  </Card.Title>
+                  <Card.Text className="text-muted small mb-3">
+                    {b.text?.substring(0, 50)}...
+                  </Card.Text>
+
+                  <div className="mt-auto">
+                    <span className="fw-bold fs-5 text-primary">
+                      {b.price?.toLocaleString() || "0"} ₽
+                    </span>
+                  </div>
+                </Card.Body>
+
+                <Card.Footer className="bg-white border-0 d-flex gap-2 pb-3">
+                  <Button
+                    variant="primary"
+                    size="sm"
+                    className="flex-grow-1 fw-bold"
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      navigate(\`/message/\${b.id}\`);
+                    }}
+                  >
+                    Купить
+                  </Button>
+                  <Button
+                    variant="outline-warning"
+                    size="sm"
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      navigate(\`/editBlog/\${b.id}\`);
+                    }}
+                  >
+                    ✏️
+                  </Button>
+                  <Button
+                    variant="outline-danger"
+                    size="sm"
+                    onClick={(e) => handleDelete(e, b.id)}
+                  >
+                    🗑️
+                  </Button>
+                </Card.Footer>
+              </Card>
+            </Col>
+          ))}
+        </Row>
+
+        {blogs.length === 0 && (
+          <div className="text-center mt-5 text-muted">
+            <h5>Товары не найдены...</h5>
           </div>
-        ))}
+        )}
       </Container>
+
+      <style>{\`
+        .transition-card { transition: all 0.3s ease; }
+        .transition-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important; }
+        .product-card .btn { border-radius: 8px; }
+      \`}</style>
     </div>
   );
 };`;