ostroner 1.0.0

package/templates/stock-chain/frontend/src/pages/ManagerShipments.jsx

@@ -0,0 +1,113 @@
+import { useEffect, useState } from "react";
+import toast from "react-hot-toast";
+import { Button } from "../components/Button";
+import { Input } from "../components/Input";
+import api from "../services/api";
+
+const emptyForm = { shipmentNumber: "", shipmentDate: "", shipmentStatus: "pending", destination: "" };
+
+export function ManagerShipments() {
+  const [items, setItems] = useState([]);
+  const [form, setForm] = useState(emptyForm);
+  const [editingId, setEditingId] = useState(null);
+
+  async function load() {
+    const response = await api.get("/shipments");
+    setItems(response.data.data || []);
+  }
+
+  useEffect(() => {
+    load().catch(() => toast.error("Failed to load shipments"));
+  }, []);
+
+  async function handleSubmit(event) {
+    event.preventDefault();
+    try {
+      const payload = { ...form };
+      if (editingId) await api.put(`/shipments/${editingId}`, payload);
+      else await api.post("/shipments", payload);
+
+      toast.success(editingId ? "Shipment updated" : "Shipment created");
+      setForm(emptyForm);
+      setEditingId(null);
+      await load();
+    } catch (error) {
+      toast.error(error.response?.data?.message || "Saving shipment failed");
+    }
+  }
+
+  async function deleteItem(id) {
+    if (!confirm("Delete this shipment?")) return;
+    try {
+      await api.delete(`/shipments/${id}`);
+      toast.success("Shipment deleted");
+      await load();
+    } catch (error) {
+      toast.error(error.response?.data?.message || "Delete failed");
+    }
+  }
+
+  function editItem(item) {
+    setEditingId(item.shipmentNumber);
+    setForm({ shipmentNumber: item.shipmentNumber, shipmentDate: item.shipmentDate, shipmentStatus: item.shipmentStatus, destination: item.destination });
+  }
+
+  return (
+    <div className="grid gap-6 xl:grid-cols-[360px_1fr]">
+      <form onSubmit={handleSubmit} className="h-fit rounded-2xl border border-gray-200 bg-white p-5 shadow-sm">
+        <h1 className="text-2xl font-bold text-gray-950">{editingId ? "Edit shipment" : "Create shipment"}</h1>
+        <div className="mt-5 grid gap-4">
+          <Input label="Number" value={form.shipmentNumber} onChange={(e) => setForm({ ...form, shipmentNumber: e.target.value })} required />
+          <Input label="Date" type="date" value={form.shipmentDate} onChange={(e) => setForm({ ...form, shipmentDate: e.target.value })} required />
+          <Input label="Destination" value={form.destination} onChange={(e) => setForm({ ...form, destination: e.target.value })} required />
+          <Input label="Status" value={form.shipmentStatus} onChange={(e) => setForm({ ...form, shipmentStatus: e.target.value })} />
+          <Button type="submit">{editingId ? "Update shipment" : "Save shipment"}</Button>
+          {editingId ? (
+            <Button type="button" variant="light" onClick={() => { setEditingId(null); setForm(emptyForm); }}>Cancel edit</Button>
+          ) : null}
+        </div>
+      </form>
+
+      <section className="space-y-4">
+        <div>
+          <h1 className="text-2xl font-bold text-gray-950">Shipments</h1>
+          <p className="mt-1 text-sm text-gray-500">Manage shipment records.</p>
+        </div>
+        <div className="overflow-x-auto rounded-2xl border border-gray-200 bg-white">
+          <table className="min-w-full text-left text-sm">
+            <thead className="bg-gray-50 text-xs uppercase tracking-wide text-gray-600">
+              <tr>
+                <th className="px-4 py-3 font-semibold">Number</th>
+                <th className="px-4 py-3 font-semibold">Date</th>
+                <th className="px-4 py-3 font-semibold">Destination</th>
+                <th className="px-4 py-3 font-semibold">Status</th>
+                <th className="px-4 py-3 font-semibold">Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              {items.map((it) => (
+                <tr key={it.shipmentNumber}>
+                  <td className="border-b border-gray-100 px-4 py-3 align-top font-semibold text-gray-950">{it.shipmentNumber}</td>
+                  <td className="border-b border-gray-100 px-4 py-3 align-top">{new Date(it.shipmentDate).toLocaleDateString()}</td>
+                  <td className="border-b border-gray-100 px-4 py-3 align-top">{it.destination}</td>
+                  <td className="border-b border-gray-100 px-4 py-3 align-top">{it.shipmentStatus}</td>
+                  <td className="border-b border-gray-100 px-4 py-3 align-top">
+                    <div className="flex flex-wrap gap-2">
+                      <Button variant="light" onClick={() => editItem(it)}>Edit</Button>
+                      <Button variant="light" onClick={() => deleteItem(it.shipmentNumber)}>Delete</Button>
+                    </div>
+                  </td>
+                </tr>
+              ))}
+              {items.length === 0 ? (
+                <tr>
+                  <td colSpan="5" className="border-b border-gray-100 px-4 py-3 text-center text-gray-500">No shipments found.</td>
+                </tr>
+              ) : null}
+            </tbody>
+          </table>
+        </div>
+      </section>
+    </div>
+  );
+}

package/templates/stock-chain/frontend/src/pages/ManagerSuppliers.jsx

@@ -0,0 +1,122 @@
+import { useEffect, useState } from "react";
+import toast from "react-hot-toast";
+import { Button } from "../components/Button";
+import { Input } from "../components/Input";
+import api from "../services/api";
+
+const emptyForm = { supplierCode: "", supplierName: "", telephone: "", address: "", email: "" };
+
+export function ManagerSuppliers() {
+  const [items, setItems] = useState([]);
+  const [form, setForm] = useState(emptyForm);
+  const [editingId, setEditingId] = useState(null);
+  const [error, setError] = useState(null);
+
+  async function load() {
+    try {
+      const response = await api.get("/suppliers");
+      setItems(response.data.data || []);
+      setError(null);
+    } catch (err) {
+      console.error("Load error:", err);
+      setError(err.message);
+      toast.error("Failed to load suppliers: " + err.message);
+    }
+  }
+
+  useEffect(() => {
+    load();
+  }, []);
+
+  async function handleSubmit(event) {
+    event.preventDefault();
+    try {
+      const payload = { ...form };
+      if (editingId) await api.put(`/suppliers/${editingId}`, payload);
+      else await api.post("/suppliers", payload);
+
+      toast.success(editingId ? "Supplier updated" : "Supplier created");
+      setForm(emptyForm);
+      setEditingId(null);
+      await load();
+    } catch (error) {
+      toast.error(error.response?.data?.message || "Saving supplier failed");
+    }
+  }
+
+  async function deleteItem(id) {
+    if (!confirm("Delete this supplier?")) return;
+    try {
+      await api.delete(`/suppliers/${id}`);
+      toast.success("Supplier deleted");
+      await load();
+    } catch (error) {
+      toast.error(error.response?.data?.message || "Delete failed");
+    }
+  }
+
+  function editItem(item) {
+    setEditingId(item.supplierCode);
+    setForm({ supplierCode: item.supplierCode, supplierName: item.supplierName, telephone: item.telephone, address: item.address, email: item.email });
+  }
+
+  return (
+    <div className="grid gap-6 xl:grid-cols-[360px_1fr]">
+      <form onSubmit={handleSubmit} className="h-fit rounded-2xl border border-gray-200 bg-white p-5 shadow-sm">
+        <h1 className="text-2xl font-bold text-gray-950">{editingId ? "Edit supplier" : "Create supplier"}</h1>
+        <div className="mt-5 grid gap-4">
+          <Input label="Code" value={form.supplierCode} onChange={(e) => setForm({ ...form, supplierCode: e.target.value })} required />
+          <Input label="Name" value={form.supplierName} onChange={(e) => setForm({ ...form, supplierName: e.target.value })} required />
+          <Input label="Telephone" value={form.telephone} onChange={(e) => setForm({ ...form, telephone: e.target.value })} />
+          <Input label="Address" value={form.address} onChange={(e) => setForm({ ...form, address: e.target.value })} />
+          <Input label="Email" type="email" value={form.email} onChange={(e) => setForm({ ...form, email: e.target.value })} />
+          <Button type="submit">{editingId ? "Update supplier" : "Save supplier"}</Button>
+          {editingId ? (
+            <Button type="button" variant="light" onClick={() => { setEditingId(null); setForm(emptyForm); }}>Cancel edit</Button>
+          ) : null}
+        </div>
+      </form>
+
+      <section className="space-y-4">
+        <div>
+          <h1 className="text-2xl font-bold text-gray-950">Suppliers</h1>
+          <p className="mt-1 text-sm text-gray-500">Manage supplier records used in the system.</p>
+        </div>
+        <div className="overflow-x-auto rounded-2xl border border-gray-200 bg-white">
+          <table className="min-w-full text-left text-sm">
+            <thead className="bg-gray-50 text-xs uppercase tracking-wide text-gray-600">
+              <tr>
+                <th className="px-4 py-3 font-semibold">Code</th>
+                <th className="px-4 py-3 font-semibold">Name</th>
+                <th className="px-4 py-3 font-semibold">Telephone</th>
+                <th className="px-4 py-3 font-semibold">Email</th>
+                <th className="px-4 py-3 font-semibold">Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              {items.map((it) => (
+                <tr key={it.supplierCode}>
+                  <td className="border-b border-gray-100 px-4 py-3 align-top font-semibold text-gray-950">{it.supplierCode}</td>
+                  <td className="border-b border-gray-100 px-4 py-3 align-top">{it.supplierName}</td>
+                  <td className="border-b border-gray-100 px-4 py-3 align-top">{it.telephone}</td>
+                  <td className="border-b border-gray-100 px-4 py-3 align-top">{it.email}</td>
+                  <td className="border-b border-gray-100 px-4 py-3 align-top">
+                    <div className="flex flex-wrap gap-2">
+                      <Button variant="light" onClick={() => editItem(it)}>Edit</Button>
+                      <Button variant="light" onClick={() => deleteItem(it.supplierCode)}>Delete</Button>
+                    </div>
+                  </td>
+                </tr>
+              ))}
+              {items.length === 0 ? (
+                <tr>
+                  <td colSpan="5" className="border-b border-gray-100 px-4 py-3 text-center text-gray-500">No suppliers found.</td>
+                </tr>
+              ) : null}
+            </tbody>
+          </table>
+        </div>
+      </section>
+    </div>
+  );
+}

package/templates/stock-chain/frontend/src/pages/Register.jsx

@@ -0,0 +1,60 @@
+import { useState } from "react";
+import { Link, useNavigate } from "react-router-dom";
+import toast from "react-hot-toast";
+import { useAuth } from "../context/AuthContext";
+import { Button } from "../components/Button";
+import { Input, Select } from "../components/Input";
+
+export function Register() {
+  const [form, setForm] = useState({ username: "", password: "" });
+  const { register } = useAuth();
+  const navigate = useNavigate();
+
+  async function handleSubmit(event) {
+    event.preventDefault();
+    try {
+      await register(form);
+      toast.success("Account created. Please login.");
+      navigate("/login");
+    } catch (error) {
+      toast.error(error.response?.data?.message || "Registration failed");
+    }
+  }
+
+  return (
+    <main className="grid min-h-screen place-items-center bg-gray-100 p-4">
+      <form
+        onSubmit={handleSubmit}
+        className="w-full max-w-md rounded-2xl border border-gray-200 bg-white p-6 shadow-sm"
+      >
+        <h1 className="text-2xl font-bold text-gray-950">Create account</h1>
+        <p className="mt-1 text-sm text-gray-500">Choose a role for testing the system.</p>
+
+        <div className="mt-6 grid gap-4">
+          <Input
+            label="Username"
+            value={form.username}
+            onChange={(event) => setForm({ ...form, username: event.target.value })}
+            required
+          />
+          <Input
+            label="Password"
+            type="password"
+            value={form.password}
+            onChange={(event) => setForm({ ...form, password: event.target.value })}
+            required
+          />
+          {/* No role selection — simple signup */}
+          <Button type="submit" className="w-full">Create account</Button>
+        </div>
+
+        <p className="mt-6 text-center text-sm text-gray-500">
+          Already have an account?{" "}
+          <Link className="font-semibold text-gray-950 underline" to="/login">
+            Login
+          </Link>
+        </p>
+      </form>
+    </main>
+  );
+}

package/templates/stock-chain/frontend/src/services/api.js

@@ -0,0 +1,8 @@
+import axios from "axios";
+
+const api = axios.create({
+  baseURL: import.meta.env.VITE_API_URL || "http://localhost:5000/api",
+  withCredentials: true,
+});
+
+export default api;

package/templates/stock-chain/frontend/src/services/authService.js

@@ -0,0 +1,11 @@
+import api from "./api";
+
+export const registerUser = async (payload) => {
+  const response = await api.post("/auth/register", payload);
+  return response.data;
+};
+
+export const loginUser = async (payload) => {
+  const response = await api.post("/auth/login", payload);
+  return response.data;
+};

package/templates/stock-chain/frontend/vite.config.js

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+})

package/templates/y-bus/backend/.env

@@ -0,0 +1,9 @@
+PORT=5000
+NODE_ENV=development
+DB_HOST=localhost
+DB_PORT=3306
+DB_USER=root
+DB_PASSWORD=
+DB_NAME=bus02
+SESSION_SECRET=change_this_to_a_long_random_secret
+CLIENT_URL=http://localhost:5173

package/templates/y-bus/backend/.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+    env: { node: true, es6: true },
+    extends: 'eslint:recommended',
+    parserOptions: { ecmaVersion: 12, sourceType: 'module' },
+    rules: { semi: ['error', 'always'], quotes: ['error', 'single'] },
+  };

package/templates/y-bus/backend/.prettierrc

@@ -0,0 +1,14 @@
+{
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5",
+    "printWidth": 100,
+    "tabWidth": 2,
+    "useTabs": false,
+    "arrowParens": "always",
+    "bracketSpacing": true,
+    "endOfLine": "lf",
+    "jsxSingleQuote": false,
+    "quoteProps": "as-needed",
+    "proseWrap": "preserve"
+  }

package/templates/y-bus/backend/README.md

@@ -0,0 +1 @@
+# Backend Project