npm - easy-starter - Versions diffs - 1.2.0 → 2.0.0 - Mend

easy-starter 1.2.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/README.md +32 -80
package/bin/index.js +219 -44
package/package.json +20 -11
package/template/.cursorrules +23 -0
package/template/.github/workflows/deploy.yml +3 -0
package/template/README.md +81 -24
package/template/env +3 -2
package/template/gitignore +1 -1
package/template/index.html +15 -0
package/template/package.json +8 -9
package/template/public/images/icon-16.png +0 -0
package/template/public/images/icon-180.png +0 -0
package/template/public/images/icon-192.png +0 -0
package/template/public/images/icon-32.png +0 -0
package/template/public/images/icon-512.png +0 -0
package/template/{src → public}/site.webmanifest +6 -12
package/template/scripts/deploy.ts +3 -2
package/template/server/index.tsx +248 -61
package/template/server/mail.tsx +120 -0
package/template/src/App.tsx +33 -7
package/template/src/Router.tsx +11 -2
package/template/src/index.tsx +28 -1
package/template/src/pages/Index.tsx +45 -6
package/template/src/pages/ResetPassword.tsx +126 -0
package/template/src/pages/admin/Admin.tsx +360 -85
package/template/src/pages/admin/AnalyticsTab.tsx +71 -0
package/template/src/pages/admin/ErrorsTab.tsx +46 -0
package/template/src/pages/admin/UsersTab.tsx +61 -0
package/template/src/services/api.ts +5 -7
package/template/src/services/common.ts +23 -0
package/template/src/styles.css +460 -0
package/template/tsconfig.json +2 -1
package/template/types.ts +44 -3
package/template/vite.config.ts +24 -0
package/template/.parcelrc +0 -6
package/template/src/images/icon.png +0 -0
package/template/src/index.html +0 -16
package/template/src/styles.scss +0 -292

package/template/src/index.html DELETED Viewed

@@ -1,16 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <link rel="apple-touch-icon" sizes="180x180" href="./images/icon.png?width=180&height=180" />
-  <link rel="icon" type="image/png" sizes="32x32" href="./images/icon.png?width=32&height=32" />
-  <link rel="icon" type="image/png" sizes="16x16" href="./images/icon.png?width=16&height=16" />
-  <link rel="manifest" href="./site.webmanifest" />
-  <link rel="stylesheet" href="./styles.scss" />
-</head>
-<body>
-  <div id="root"></div>
-  <script type="module" src="index.tsx"></script>
-</body>
-</html>

package/template/src/styles.scss DELETED Viewed

@@ -1,292 +0,0 @@
-// Premium Dark Theme
-$bg: #09090b;
-$surface: #18181b;
-$primary: #6366f1; // Indigo
-$primary-hover: #818cf8;
-$text: #f4f4f5;
-$text-muted: #a1a1aa;
-$border: #27272a;
-body {
-    font-family: 'Inter', system-ui, sans-serif;
-    background-color: $bg;
-    color: $text;
-    margin: 0;
-    padding: 0;
-    line-height: 1.6;
-}
-a {
-    color: $primary;
-    text-decoration: none;
-    font-weight: bold;
-    transition: color 0.2s;
-    &:hover {
-        color: $primary-hover;
-    }
-}
-main {
-    max-width: 800px;
-    margin: 50px auto;
-    padding: 40px;
-    background: $surface;
-    border-radius: 16px;
-    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
-    border: 1px solid $border;
-}
-header {
-    text-align: center;
-    margin-bottom: 40px;
-    h1 {
-        color: $primary;
-    }
-    p {
-        color: $text-muted;
-    }
-    figure {
-        width: 140px;
-        height: 140px;
-        margin: 0 auto 20px;
-        background-image: url("./images/icon.png?as=webp");
-        background-size: contain;
-        background-repeat: no-repeat;
-        background-position: center;
-    }
-}
-section {
-    margin-top: 40px;
-    padding: 30px;
-    background: rgba(255, 255, 255, 0.02);
-    border-radius: 12px;
-    border: 1px solid $border;
-    ul {
-        list-style: none;
-        padding: 0;
-        li {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 15px 20px;
-            background: $bg;
-            border-radius: 8px;
-            margin-bottom: 12px;
-            border: 1px solid $border;
-            transition: transform 0.2s, border-color 0.2s;
-            &:hover {
-                transform: translateY(-2px);
-                border-color: $primary;
-            }
-            nav {
-                display: flex;
-                gap: 8px;
-            }
-        }
-    }
-    article {
-        padding: 0px 20px 10px;
-        background: $bg;
-        border-radius: 8px;
-        border: 1px solid $primary;
-        box-shadow: 0 0 15px rgba(99, 102, 241, 0.15);
-        h3 {
-            color: $primary;
-        }
-        p {
-            margin: 5px 0;
-            color: $text;
-        }
-    }
-    form {
-        display: flex;
-        gap: 12px;
-        flex-wrap: wrap;
-    }
-}
-// Global Controls
-input {
-    padding: 12px 16px;
-    background: $bg;
-    border: 1px solid $border;
-    border-radius: 8px;
-    color: $text;
-    outline: none;
-    transition: border-color 0.2s;
-    flex: 1;
-    min-width: 150px;
-    &:focus {
-        border-color: $primary;
-    }
-}
-button {
-    padding: 12px 24px;
-    background: $primary;
-    color: #fff;
-    border: none;
-    border-radius: 8px;
-    cursor: pointer;
-    font-weight: bold;
-    transition: background 0.2s, transform 0.1s;
-    &:hover:not(:disabled) {
-        background: $primary-hover;
-        transform: scale(1.02);
-    }
-    &.btn-danger {
-        background: #ef4444;
-        &:hover:not(:disabled) {
-            background: #dc2626;
-        }
-    }
-}
-// --- ADMIN START ---
-// --- ADMIN DASHBOARD ---
-.admin-login {
-    padding: 40px;
-    max-width: 400px;
-    margin: 0 auto;
-    text-align: center;
-    h2 {
-        color: $text;
-    }
-    .back-link {
-        margin-bottom: 20px;
-    }
-    form {
-        display: flex;
-        flex-direction: column;
-        gap: 15px;
-        margin-top: 20px;
-    }
-}
-.admin-container {
-    padding: 40px;
-    max-width: 1200px;
-    margin: 0 auto;
-    .header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 30px;
-        h2 {
-            margin: 0;
-            color: $text;
-        }
-        a {
-            color: $primary;
-            text-decoration: none;
-            font-weight: bold;
-        }
-    }
-    .controls {
-        display: flex;
-        gap: 15px;
-        align-items: center;
-        margin-bottom: 30px;
-        flex-wrap: wrap;
-        strong {
-            font-size: 1.1rem;
-            color: $text;
-        }
-        .btn-logout {
-            margin-left: auto;
-            background: #ef4444;
-            &:hover {
-                background: #dc2626;
-            }
-        }
-    }
-    .chart-container {
-        margin-bottom: 40px;
-        background: rgba(255, 255, 255, 0.02);
-        padding: 25px;
-        border-radius: 12px;
-        border: 1px solid $border;
-        h3 {
-            margin: 0 0 20px;
-            font-size: 1.1rem;
-            color: $text;
-        }
-        .chart {
-            display: flex;
-            align-items: flex-end;
-            height: 150px;
-            gap: 4px;
-            .bar-wrapper {
-                flex: 1;
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: flex-end;
-                height: 100%;
-                .count {
-                    font-size: 11px;
-                    color: $text;
-                    margin-bottom: 4px;
-                    font-weight: bold;
-                }
-                .date {
-                    font-size: 10px;
-                    margin-top: 8px;
-                    color: $text-muted;
-                }
-                .bar {
-                    width: 100%;
-                    max-width: 24px;
-                    border-radius: 4px 4px 0 0;
-                    transition: height 0.3s ease;
-                }
-                .bar.active {
-                    background: $primary;
-                }
-            }
-        }
-    }
-    .grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-        gap: 20px;
-    }
-}
-// --- ADMIN END ---