zyket 1.2.11 → 1.2.12

package/src/templates/default/frontend/src/hooks/useLayout.jsx

@@ -1,18 +1,18 @@
-import React from 'react';
-import { Route } from 'react-router-dom';
-
-export default function useLayout(routeList) {
-  
-  const routes = routeList.map((route, index) => {
-    const middlewares = route.middlewares ? [...route.middlewares].reverse() : [];
-    let element = <route.component />;
-    middlewares.forEach((middleware) => {
-        element = React.createElement(middleware, {}, element);
-    });
-    return <Route key={index} path={route.path} element={element} />;
-  });
-
-  return {
-    routes,
-  };
-}
+import React from 'react';
+import { Route } from 'react-router-dom';
+
+export default function useLayout(routeList) {
+  
+  const routes = routeList.map((route, index) => {
+    const middlewares = route.middlewares ? [...route.middlewares].reverse() : [];
+    let element = <route.component />;
+    middlewares.forEach((middleware) => {
+        element = React.createElement(middleware, {}, element);
+    });
+    return <Route key={index} path={route.path} element={element} />;
+  });
+
+  return {
+    routes,
+  };
+}

package/src/templates/default/frontend/src/layouts/auth/index.jsx

@@ -1,45 +1,45 @@
-import { Navigate, Routes, Route } from "react-router-dom";
-import useLayout from "../../hooks/useLayout";
-import layoutRoutes from "./routes";
-
-export default function AuthLayout() {
-  const { routes } = useLayout(layoutRoutes)
-
-  return (
-    <div className="min-h-screen bg-[#080808] text-white flex items-center justify-center relative overflow-hidden">
-      <div
-        className="absolute inset-0 pointer-events-none"
-        style={{
-          backgroundImage: `
-            linear-gradient(rgba(255,107,0,0.04) 1px, transparent 1px),
-            linear-gradient(90deg, rgba(255,107,0,0.04) 1px, transparent 1px)
-          `,
-          backgroundSize: "48px 48px",
-        }}
-      />
-
-      <div className="absolute inset-0 pointer-events-none">
-        <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_50%_50%,rgba(255,107,0,0.08),transparent_65%)]" />
-      </div>
-
-      <div className="relative z-10 w-full max-w-sm px-8 py-10 space-y-8">
-        <div className="flex flex-col items-center gap-4">
-          <div className="w-11 h-11 bg-orange-500 rounded-md flex items-center justify-center">
-            <span className="text-black font-black text-base tracking-tighter">PY</span>
-          </div>
-          <span className="text-white font-black text-2xl tracking-widest uppercase">Pnyise</span>
-        </div>
-
-        <Routes>
-          {routes}
-          <Route path="*" element={<Navigate to="/auth" replace />} />
-        </Routes>
-      </div>
-
-      <div className="absolute bottom-6 text-xs text-zinc-700">
-        © {new Date().getFullYear()} Zyket
-      </div>
-
-    </div>
-  );
-}
+import { Navigate, Routes, Route } from "react-router-dom";
+import useLayout from "../../hooks/useLayout";
+import layoutRoutes from "./routes";
+
+export default function AuthLayout() {
+  const { routes } = useLayout(layoutRoutes)
+
+  return (
+    <div className="min-h-screen bg-[#080808] text-white flex items-center justify-center relative overflow-hidden">
+      <div
+        className="absolute inset-0 pointer-events-none"
+        style={{
+          backgroundImage: `
+            linear-gradient(rgba(255,107,0,0.04) 1px, transparent 1px),
+            linear-gradient(90deg, rgba(255,107,0,0.04) 1px, transparent 1px)
+          `,
+          backgroundSize: "48px 48px",
+        }}
+      />
+
+      <div className="absolute inset-0 pointer-events-none">
+        <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_50%_50%,rgba(255,107,0,0.08),transparent_65%)]" />
+      </div>
+
+      <div className="relative z-10 w-full max-w-sm px-8 py-10 space-y-8">
+        <div className="flex flex-col items-center gap-4">
+          <div className="w-11 h-11 bg-orange-500 rounded-md flex items-center justify-center">
+            <span className="text-black font-black text-base tracking-tighter">PY</span>
+          </div>
+          <span className="text-white font-black text-2xl tracking-widest uppercase">Pnyise</span>
+        </div>
+
+        <Routes>
+          {routes}
+          <Route path="*" element={<Navigate to="/auth" replace />} />
+        </Routes>
+      </div>
+
+      <div className="absolute bottom-6 text-xs text-zinc-700">
+        © {new Date().getFullYear()} Zyket
+      </div>
+
+    </div>
+  );
+}

package/src/templates/default/frontend/src/layouts/auth/routes.js

@@ -1,18 +1,18 @@
-import AuthView from "../../views/auth";
-import AuthRegisterView from "../../views/auth/register";
-import NotLoggedMiddleware from "../../middlewares/NotLoggedMiddleware";
-
-export default [
-  {
-    name: "Auth",
-    path: "/",
-    component: AuthView,
-    middlewares: [NotLoggedMiddleware],
-  },
-  {
-    name: "Auth Register",
-    path: "/register",
-    component: AuthRegisterView,
-    middlewares: [NotLoggedMiddleware],
-  }
+import AuthView from "../../views/auth";
+import AuthRegisterView from "../../views/auth/register";
+import NotLoggedMiddleware from "../../middlewares/NotLoggedMiddleware";
+
+export default [
+  {
+    name: "Auth",
+    path: "/",
+    component: AuthView,
+    middlewares: [NotLoggedMiddleware],
+  },
+  {
+    name: "Auth Register",
+    path: "/register",
+    component: AuthRegisterView,
+    middlewares: [NotLoggedMiddleware],
+  }
 ]

package/src/templates/default/frontend/src/layouts/landing/index.jsx

@@ -1,61 +1,61 @@
-import { Navigate, Routes, Route, Link } from "react-router-dom";
-import useLayout from "../../hooks/useLayout";
-import layoutRoutes from "./routes";
-
-export default function LandingLayout() {
-  const { routes } = useLayout(layoutRoutes)
-  
-
-  return (
-    <div className="min-h-screen bg-[#080808] text-white relative overflow-hidden">
-      <div
-        className="absolute inset-0 pointer-events-none"
-        style={{
-          backgroundImage: `
-            linear-gradient(rgba(255,107,0,0.04) 1px, transparent 1px),
-            linear-gradient(90deg, rgba(255,107,0,0.04) 1px, transparent 1px)
-          `,
-          backgroundSize: "48px 48px",
-        }}
-      />
-
-      <div className="absolute inset-0 pointer-events-none">
-        <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_50%_50%,rgba(255,107,0,0.08),transparent_65%)]" />
-      </div>
-
-      <div className="relative z-10">
-        <nav className="flex items-center justify-between px-8 py-6 max-w-7xl mx-auto">
-          <div className="flex items-center gap-3">
-            <div className="w-10 h-10 bg-orange-500 rounded-md flex items-center justify-center">
-              <span className="text-black font-black text-sm tracking-tighter">PY</span>
-            </div>
-            <span className="text-white font-black text-xl tracking-widest uppercase">Pnyise</span>
-          </div>
-          
-          <div className="flex items-center gap-6">
-            <Link to="/auth" className="text-sm text-zinc-400 hover:text-white transition-colors">
-              Sign In
-            </Link>
-            <Link 
-              to="/auth" 
-              className="text-sm bg-orange-500 hover:bg-orange-600 text-black font-semibold px-4 py-2 rounded-md transition-colors"
-            >
-              Get Started
-            </Link>
-          </div>
-        </nav>
-
-        <main className="px-8 py-12">
-          <Routes>
-            {routes}
-            <Route path="*" element={<Navigate to="/" replace />} />
-          </Routes>
-        </main>
-
-        <footer className="absolute bottom-0 w-full py-6 text-center text-xs text-zinc-700 border-t border-zinc-900">
-          © {new Date().getFullYear()} Zyket. All rights reserved.
-        </footer>
-      </div>
-    </div>
-  );
-}
+import { Navigate, Routes, Route, Link } from "react-router-dom";
+import useLayout from "../../hooks/useLayout";
+import layoutRoutes from "./routes";
+
+export default function LandingLayout() {
+  const { routes } = useLayout(layoutRoutes)
+  
+
+  return (
+    <div className="min-h-screen bg-[#080808] text-white relative overflow-hidden">
+      <div
+        className="absolute inset-0 pointer-events-none"
+        style={{
+          backgroundImage: `
+            linear-gradient(rgba(255,107,0,0.04) 1px, transparent 1px),
+            linear-gradient(90deg, rgba(255,107,0,0.04) 1px, transparent 1px)
+          `,
+          backgroundSize: "48px 48px",
+        }}
+      />
+
+      <div className="absolute inset-0 pointer-events-none">
+        <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_50%_50%,rgba(255,107,0,0.08),transparent_65%)]" />
+      </div>
+
+      <div className="relative z-10">
+        <nav className="flex items-center justify-between px-8 py-6 max-w-7xl mx-auto">
+          <div className="flex items-center gap-3">
+            <div className="w-10 h-10 bg-orange-500 rounded-md flex items-center justify-center">
+              <span className="text-black font-black text-sm tracking-tighter">PY</span>
+            </div>
+            <span className="text-white font-black text-xl tracking-widest uppercase">Pnyise</span>
+          </div>
+          
+          <div className="flex items-center gap-6">
+            <Link to="/auth" className="text-sm text-zinc-400 hover:text-white transition-colors">
+              Sign In
+            </Link>
+            <Link 
+              to="/auth" 
+              className="text-sm bg-orange-500 hover:bg-orange-600 text-black font-semibold px-4 py-2 rounded-md transition-colors"
+            >
+              Get Started
+            </Link>
+          </div>
+        </nav>
+
+        <main className="px-8 py-12">
+          <Routes>
+            {routes}
+            <Route path="*" element={<Navigate to="/" replace />} />
+          </Routes>
+        </main>
+
+        <footer className="absolute bottom-0 w-full py-6 text-center text-xs text-zinc-700 border-t border-zinc-900">
+          © {new Date().getFullYear()} Zyket. All rights reserved.
+        </footer>
+      </div>
+    </div>
+  );
+}

package/src/templates/default/frontend/src/layouts/landing/routes.js

@@ -1,10 +1,10 @@
-import LandingView from "../../views/landing";
-
-export default [
-  {
-    name: "Landing",
-    path: "/",
-    component: LandingView,
-    middlewares: [],
-  },
-];
+import LandingView from "../../views/landing";
+
+export default [
+  {
+    name: "Landing",
+    path: "/",
+    component: LandingView,
+    middlewares: [],
+  },
+];

package/src/templates/default/frontend/src/layouts/panel/index.jsx

@@ -1,115 +1,115 @@
-import { Navigate, Routes, Route, Link, useLocation } from "react-router-dom";
-import useLayout from "../../hooks/useLayout";
-import layoutRoutes from "./routes";
-
-export default function PanelLayout() {
-  const location = useLocation();
-  const { routes } = useLayout(layoutRoutes);
-
-  const navItems = [
-    { name: "Dashboard", path: "/panel/dashboard", icon: "📊" },
-    { name: "Settings", path: "/panel/settings", icon: "⚙️" },
-  ];
-
-  const isActive = (path) => location.pathname === path;
-
-  return (
-    <div className="min-h-screen bg-[#080808] text-white flex">
-      {/* Sidebar */}
-      <aside className="w-64 bg-[#0a0a0a] border-r border-zinc-900 flex flex-col">
-        {/* Logo */}
-        <div className="px-6 py-6 border-b border-zinc-900">
-          <div className="flex items-center gap-3">
-            <div className="w-10 h-10 bg-orange-500 rounded-md flex items-center justify-center">
-              <span className="text-black font-black text-sm tracking-tighter">PY</span>
-            </div>
-            <span className="text-white font-black text-lg tracking-widest uppercase">Pnyise</span>
-          </div>
-        </div>
-
-        {/* Navigation */}
-        <nav className="flex-1 px-4 py-6 space-y-2">
-          {navItems.map((item) => (
-            <Link
-              key={item.path}
-              to={item.path}
-              className={`flex items-center gap-3 px-4 py-3 rounded-lg transition-colors ${
-                isActive(item.path)
-                  ? "bg-orange-500 text-black font-semibold"
-                  : "text-zinc-400 hover:text-white hover:bg-zinc-900"
-              }`}
-            >
-              <span className="text-lg">{item.icon}</span>
-              <span className="text-sm">{item.name}</span>
-            </Link>
-          ))}
-        </nav>
-
-        {/* User Menu */}
-        <div className="px-4 py-4 border-t border-zinc-900">
-          <div className="flex items-center gap-3 px-4 py-3">
-            <div className="w-9 h-9 bg-zinc-800 rounded-full flex items-center justify-center">
-              <span className="text-xs font-semibold">U</span>
-            </div>
-            <div className="flex-1 min-w-0">
-              <p className="text-sm font-medium truncate">User</p>
-              <p className="text-xs text-zinc-500 truncate">user@example.com</p>
-            </div>
-          </div>
-          <Link
-            to="/auth"
-            className="w-full mt-2 px-4 py-2 text-sm text-zinc-400 hover:text-white hover:bg-zinc-900 rounded-lg transition-colors flex items-center justify-center"
-          >
-            Logout
-          </Link>
-        </div>
-      </aside>
-
-      {/* Main Content */}
-      <div className="flex-1 flex flex-col min-w-0 relative overflow-hidden">
-        {/* Background Grid */}
-        <div
-          className="absolute inset-0 pointer-events-none"
-          style={{
-            backgroundImage: `
-              linear-gradient(rgba(255,107,0,0.04) 1px, transparent 1px),
-              linear-gradient(90deg, rgba(255,107,0,0.04) 1px, transparent 1px)
-            `,
-            backgroundSize: "48px 48px",
-          }}
-        />
-
-        <div className="absolute inset-0 pointer-events-none">
-          <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_50%_50%,rgba(255,107,0,0.08),transparent_65%)]" />
-        </div>
-
-        {/* Header */}
-        <header className="relative z-10 px-8 py-6 border-b border-zinc-900 bg-[#080808]/80 backdrop-blur-sm">
-          <div className="flex items-center justify-between">
-            <h1 className="text-2xl font-bold">Dashboard</h1>
-            <div className="flex items-center gap-4">
-              <button className="p-2 text-zinc-400 hover:text-white transition-colors">
-                🔔
-              </button>
-            </div>
-          </div>
-        </header>
-
-        {/* Main Content Area */}
-        <main className="relative z-10 flex-1 overflow-auto">
-          <div className="p-8">
-            <Routes>
-              {routes}
-              <Route path="*" element={<Navigate to="/panel/dashboard" replace />} />
-            </Routes>
-          </div>
-        </main>
-
-        {/* Footer */}
-        <footer className="relative z-10 py-4 text-center text-xs text-zinc-700 border-t border-zinc-900">
-          © {new Date().getFullYear()} Zyket. All rights reserved.
-        </footer>
-      </div>
-    </div>
-  );
-}
+import { Navigate, Routes, Route, Link, useLocation } from "react-router-dom";
+import useLayout from "../../hooks/useLayout";
+import layoutRoutes from "./routes";
+
+export default function PanelLayout() {
+  const location = useLocation();
+  const { routes } = useLayout(layoutRoutes);
+
+  const navItems = [
+    { name: "Dashboard", path: "/panel/dashboard", icon: "📊" },
+    { name: "Settings", path: "/panel/settings", icon: "⚙️" },
+  ];
+
+  const isActive = (path) => location.pathname === path;
+
+  return (
+    <div className="min-h-screen bg-[#080808] text-white flex">
+      {/* Sidebar */}
+      <aside className="w-64 bg-[#0a0a0a] border-r border-zinc-900 flex flex-col">
+        {/* Logo */}
+        <div className="px-6 py-6 border-b border-zinc-900">
+          <div className="flex items-center gap-3">
+            <div className="w-10 h-10 bg-orange-500 rounded-md flex items-center justify-center">
+              <span className="text-black font-black text-sm tracking-tighter">PY</span>
+            </div>
+            <span className="text-white font-black text-lg tracking-widest uppercase">Pnyise</span>
+          </div>
+        </div>
+
+        {/* Navigation */}
+        <nav className="flex-1 px-4 py-6 space-y-2">
+          {navItems.map((item) => (
+            <Link
+              key={item.path}
+              to={item.path}
+              className={`flex items-center gap-3 px-4 py-3 rounded-lg transition-colors ${
+                isActive(item.path)
+                  ? "bg-orange-500 text-black font-semibold"
+                  : "text-zinc-400 hover:text-white hover:bg-zinc-900"
+              }`}
+            >
+              <span className="text-lg">{item.icon}</span>
+              <span className="text-sm">{item.name}</span>
+            </Link>
+          ))}
+        </nav>
+
+        {/* User Menu */}
+        <div className="px-4 py-4 border-t border-zinc-900">
+          <div className="flex items-center gap-3 px-4 py-3">
+            <div className="w-9 h-9 bg-zinc-800 rounded-full flex items-center justify-center">
+              <span className="text-xs font-semibold">U</span>
+            </div>
+            <div className="flex-1 min-w-0">
+              <p className="text-sm font-medium truncate">User</p>
+              <p className="text-xs text-zinc-500 truncate">user@example.com</p>
+            </div>
+          </div>
+          <Link
+            to="/auth"
+            className="w-full mt-2 px-4 py-2 text-sm text-zinc-400 hover:text-white hover:bg-zinc-900 rounded-lg transition-colors flex items-center justify-center"
+          >
+            Logout
+          </Link>
+        </div>
+      </aside>
+
+      {/* Main Content */}
+      <div className="flex-1 flex flex-col min-w-0 relative overflow-hidden">
+        {/* Background Grid */}
+        <div
+          className="absolute inset-0 pointer-events-none"
+          style={{
+            backgroundImage: `
+              linear-gradient(rgba(255,107,0,0.04) 1px, transparent 1px),
+              linear-gradient(90deg, rgba(255,107,0,0.04) 1px, transparent 1px)
+            `,
+            backgroundSize: "48px 48px",
+          }}
+        />
+
+        <div className="absolute inset-0 pointer-events-none">
+          <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_50%_50%,rgba(255,107,0,0.08),transparent_65%)]" />
+        </div>
+
+        {/* Header */}
+        <header className="relative z-10 px-8 py-6 border-b border-zinc-900 bg-[#080808]/80 backdrop-blur-sm">
+          <div className="flex items-center justify-between">
+            <h1 className="text-2xl font-bold">Dashboard</h1>
+            <div className="flex items-center gap-4">
+              <button className="p-2 text-zinc-400 hover:text-white transition-colors">
+                🔔
+              </button>
+            </div>
+          </div>
+        </header>
+
+        {/* Main Content Area */}
+        <main className="relative z-10 flex-1 overflow-auto">
+          <div className="p-8">
+            <Routes>
+              {routes}
+              <Route path="*" element={<Navigate to="/panel/dashboard" replace />} />
+            </Routes>
+          </div>
+        </main>
+
+        {/* Footer */}
+        <footer className="relative z-10 py-4 text-center text-xs text-zinc-700 border-t border-zinc-900">
+          © {new Date().getFullYear()} Zyket. All rights reserved.
+        </footer>
+      </div>
+    </div>
+  );
+}

package/src/templates/default/frontend/src/layouts/panel/routes.js

@@ -1,11 +1,11 @@
-import PanelDashboardView from "../../views/panel/dashboard";
-import LoggedMiddleware from "../../middlewares/LoggedMiddleware";
-
-export default [
-  {
-    name: "Panel Dashboard",
-    path: "/dashboard",
-    component: PanelDashboardView,
-    middlewares: [LoggedMiddleware],
-  }
+import PanelDashboardView from "../../views/panel/dashboard";
+import LoggedMiddleware from "../../middlewares/LoggedMiddleware";
+
+export default [
+  {
+    name: "Panel Dashboard",
+    path: "/dashboard",
+    component: PanelDashboardView,
+    middlewares: [LoggedMiddleware],
+  }
 ]

package/src/templates/default/frontend/src/middlewares/LoggedMiddleware.jsx

@@ -1,21 +1,21 @@
-import PropTypes from "prop-types";
-import { Navigate } from "react-router-dom";
-import useAuth from "../hooks/useAuth";
-
-export default function LoggedMiddleware({
-  children
-}) {
-  const { user, isPending } = useAuth();
-
-  if (isPending) return null;
-  if (!user) return <Navigate to={`/auth/login`} />; // Change this to your desired login route
-
-  return children;
-}
-
-LoggedMiddleware.propTypes = {
-  children: PropTypes.node.isRequired,
-  roles: PropTypes.arrayOf(PropTypes.string),
-  loginRoute: PropTypes.string,
-  forbiddenRoute: PropTypes.string,
-};
+import PropTypes from "prop-types";
+import { Navigate } from "react-router-dom";
+import useAuth from "../hooks/useAuth";
+
+export default function LoggedMiddleware({
+  children
+}) {
+  const { user, isPending } = useAuth();
+
+  if (isPending) return null;
+  if (!user) return <Navigate to={`/auth/login`} />; // Change this to your desired login route
+
+  return children;
+}
+
+LoggedMiddleware.propTypes = {
+  children: PropTypes.node.isRequired,
+  roles: PropTypes.arrayOf(PropTypes.string),
+  loginRoute: PropTypes.string,
+  forbiddenRoute: PropTypes.string,
+};

package/src/templates/default/frontend/src/middlewares/NotLoggedMiddleware.jsx

@@ -1,15 +1,15 @@
-import PropTypes from 'prop-types';
-import { Navigate } from 'react-router-dom';
-import useAuth from '../hooks/useAuth';
-
-export default function NotLoggedMiddleware ({ children }) {
-  const { user, isPending } = useAuth();
-
-  if(isPending) return null;
-  if(user) return <Navigate to={`/panel`} />; // Change this to your desired home route for logged in users
-  return children;
-}
-
-NotLoggedMiddleware.propTypes = {
-  children: PropTypes.node.isRequired
+import PropTypes from 'prop-types';
+import { Navigate } from 'react-router-dom';
+import useAuth from '../hooks/useAuth';
+
+export default function NotLoggedMiddleware ({ children }) {
+  const { user, isPending } = useAuth();
+
+  if(isPending) return null;
+  if(user) return <Navigate to={`/panel`} />; // Change this to your desired home route for logged in users
+  return children;
+}
+
+NotLoggedMiddleware.propTypes = {
+  children: PropTypes.node.isRequired
 };

package/src/templates/default/frontend/src/store/index.jsx

@@ -1,5 +1,5 @@
-import { useStoreAuth } from './storeAuth';
-
-export { useStoreAuth };
-
-
+import { useStoreAuth } from './storeAuth';
+
+export { useStoreAuth };
+
+