@team-codeme/crud-forge 0.0.0-stage → 1.0.1

package/fuse-starter-pack/fuse-v21.1/src/app/domains/auth/routes.ts

@@ -0,0 +1,34 @@
+import { Routes } from '@angular/router';
+
+const routes: Routes = [
+  {
+    path: '',
+    loadComponent: () => import('./layout'),
+    children: [
+      {
+        path: '',
+        pathMatch: 'full',
+        redirectTo: 'sign-in',
+      },
+      {
+        path: 'forgot-password',
+        loadComponent: () =>
+          import('./features/forgot-password/forgot-password'),
+      },
+      {
+        path: 'reset-password',
+        loadComponent: () => import('./features/reset-password/reset-password'),
+      },
+      {
+        path: 'sign-in',
+        loadComponent: () => import('./features/sign-in/sign-in'),
+      },
+      {
+        path: 'sign-up',
+        loadComponent: () => import('./features/sign-up/sign-up'),
+      },
+    ],
+  },
+];
+
+export default routes;

package/fuse-starter-pack/fuse-v21.1/src/app/domains/coming-soon/features/coming-soon.ts

@@ -0,0 +1,156 @@
+import { Component, signal } from '@angular/core';
+import { email, form, FormField, required } from '@angular/forms/signals';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCard } from '@angular/material/card';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+
+@Component({
+  selector: 'coming-soon',
+  imports: [
+    MatFormFieldModule,
+    MatInputModule,
+    MatButtonModule,
+    MatProgressSpinnerModule,
+    FormField,
+    MatCard,
+  ],
+  template: `
+    <div class="flex flex-auto items-center justify-center p-4 sm:p-12">
+      <mat-card class="flex flex-row">
+        <div class="flex w-full max-w-md flex-col p-8 sm:p-12">
+          <!-- Logo -->
+          <img
+            class="h-14 w-auto max-w-[14rem] object-contain object-left"
+            src="/images/logo/logo.png"
+            alt="CRUDForge logo"
+          />
+
+          <!-- Title -->
+          <div
+            class="leading-tight mt-8 text-4xl font-extrabold tracking-tight"
+          >
+            Almost there!
+          </div>
+          <div class="mt-0.5 font-medium">
+            Do you want to be notified when we are ready? Register below so we
+            can notify you about the launch!
+          </div>
+
+          <!-- Alert -->
+          @if (isRegistered()) {
+            <div
+              class="mt-8 rounded-lg bg-green-200 p-4 text-green-700 dark:bg-green-800 dark:text-green-50"
+            >
+              Thank you for registering! We will notify you when we launch.
+            </div>
+          }
+
+          <!-- Coming soon form -->
+          <form
+            class="mt-8"
+            (submit)="register($event)"
+          >
+            <!-- Email field -->
+            <mat-form-field class="w-full">
+              <mat-label>Email address</mat-label>
+              <input
+                id="email"
+                matInput
+                [formField]="comingSoonForm.email"
+              />
+              <mat-error>
+                @if (
+                  comingSoonForm.email().touched() &&
+                  comingSoonForm.email().invalid()
+                ) {
+                  @for (error of comingSoonForm.email().errors(); track error) {
+                    {{ error.message }}
+                  }
+                }
+              </mat-error>
+            </mat-form-field>
+
+            <!-- Submit button -->
+            <button
+              type="submit"
+              matButton="filled"
+              class="mt-6 w-full"
+              [disabledInteractive]="isLoading()"
+            >
+              @if (isLoading()) {
+                <mat-progress-spinner
+                  class="[--mat-progress-spinner-active-indicator-color:var(--color-white)]"
+                  mode="indeterminate"
+                  [diameter]="24"
+                />
+              } @else {
+                Notify me when you launch
+              }
+            </button>
+
+            <!-- Form footer -->
+            <div class="mt-8 text-sm text-neutral-500">
+              This isn't a newsletter subscription. We will send one email to
+              you when we launch and then you will be removed from the list.
+            </div>
+          </form>
+        </div>
+
+        <div
+          class="relative hidden flex-auto items-center justify-center overflow-hidden rounded-r-xl border-l bg-neutral-950 p-8 sm:p-16 md:flex"
+        >
+          <div class="relative z-10 w-full max-w-2xl">
+            <div class="text-5xl font-bold text-white">
+              Welcome to CRUDForge
+            </div>
+            <div class="text-medium mt-6 text-xl text-neutral-400">
+              CRUDForge helps you to generate organized and well-structured
+              Angular applications featuring robust standalone forms,
+              presentation lists, and service collections.
+            </div>
+            <div
+              class="mt-10 text-sm font-medium tracking-wide text-violet-400 uppercase"
+            >
+              Create code, generate apps, run instantly
+            </div>
+          </div>
+        </div>
+      </mat-card>
+    </div>
+  `,
+})
+export default class ComingSoon {
+  // State
+  protected isRegistered = signal(false);
+  protected isLoading = signal(false);
+
+  protected comingSoonFormModel = signal({
+    email: '',
+  });
+  protected comingSoonForm = form(this.comingSoonFormModel, (form) => {
+    required(form.email, { message: 'Email address is required' });
+    email(form.email, { message: 'Please enter a valid email address' });
+  });
+
+  register(event: Event) {
+    event.preventDefault();
+
+    this.isRegistered.set(false);
+    this.isLoading.set(true);
+
+    // Do the registration logic here (e.g., send the email to the server)
+
+    setTimeout(() => {
+      // Simulate a successful registration after a short delay
+      this.isRegistered.set(true);
+
+      // Reset the form
+      this.comingSoonForm().reset({ email: '' });
+
+      // Stop loading
+      this.isLoading.set(false);
+    }, 1500);
+  }
+}

package/fuse-starter-pack/fuse-v21.1/src/app/domains/coming-soon/layout.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'coming-soon-layout',
+  imports: [RouterOutlet],
+  template: `<router-outlet />`,
+})
+export default class ComingSoonLayout {}

package/fuse-starter-pack/fuse-v21.1/src/app/domains/coming-soon/routes.ts

@@ -0,0 +1,16 @@
+import { Routes } from '@angular/router';
+
+const routes: Routes = [
+  {
+    path: '',
+    loadComponent: () => import('./layout'),
+    children: [
+      {
+        path: '',
+        loadComponent: () => import('./features/coming-soon'),
+      },
+    ],
+  },
+];
+
+export default routes;

package/fuse-starter-pack/fuse-v21.1/src/app/domains/website/layout/layout.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'web-layout',
+  imports: [RouterOutlet],
+  template: `<router-outlet />`,
+})
+export class WebLayout {}

package/fuse-starter-pack/fuse-v21.1/src/app/domains/website/modules/home/features/home.ts

@@ -0,0 +1,23 @@
+import { Component } from '@angular/core';
+import { MatButton } from '@angular/material/button';
+import { RouterLink } from '@angular/router';
+
+@Component({
+  selector: 'website-home',
+  imports: [RouterLink, MatButton],
+  template: `
+    <div
+      class="flex h-full w-full flex-auto flex-col items-center justify-center"
+    >
+      <div class="">Website home</div>
+      <a
+        matButton="filled"
+        class="mt-4"
+        routerLink="/admin"
+      >
+        Go to app
+      </a>
+    </div>
+  `,
+})
+export default class WebsiteHome {}

package/fuse-starter-pack/fuse-v21.1/src/app/domains/website/modules/home/routes.ts

@@ -0,0 +1,10 @@
+import { Routes } from '@angular/router';
+
+const routes: Routes = [
+  {
+    path: '',
+    loadComponent: () => import('./features/home'),
+  },
+];
+
+export default routes;

package/fuse-starter-pack/fuse-v21.1/src/app/domains/website/routes.ts

@@ -0,0 +1,30 @@
+import { Routes } from '@angular/router';
+import { WebLayout } from '@/app/domains/website/layout/layout';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: WebLayout,
+    children: [
+      // Redirect empty path to 'home'
+      {
+        path: '',
+        pathMatch: 'full',
+        redirectTo: 'home',
+      },
+
+      // -----------------------------------------------------------------------
+      // Home
+      // -----------------------------------------------------------------------
+      {
+        path: '',
+        loadChildren: () => import('./modules/home/routes'),
+      },
+
+      // Catch all
+      { path: '**', redirectTo: '/' },
+    ],
+  },
+];
+
+export default routes;

package/fuse-starter-pack/fuse-v21.1/src/environments/environment.mock.ts

@@ -0,0 +1,5 @@
+export const environment = {
+  production: false,
+  mock: true,
+  apiUrl: '/api'
+};

package/fuse-starter-pack/fuse-v21.1/src/environments/environment.prod.ts

@@ -0,0 +1,5 @@
+export const environment = {
+  production: true,
+  mock: false,
+  apiUrl: '/api'
+};

package/fuse-starter-pack/fuse-v21.1/src/environments/environment.ts

@@ -0,0 +1,5 @@
+export const environment = {
+  production: false,
+  mock: false,
+  apiUrl: '/api'
+};

package/fuse-starter-pack/fuse-v21.1/src/index.html

@@ -0,0 +1,66 @@
+<!doctype html>
+<html
+  id="fuse"
+  lang="en"
+>
+  <head>
+    <base href="/" />
+    <title>CRUDForge - Angular Admin Template</title>
+
+    <!-- Meta -->
+    <meta charset="utf-8" />
+    <meta
+      name="description"
+      content="CRUDForge - Angular Admin Template"
+    />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1"
+    />
+
+    <!-- Favicon -->
+    <link
+      rel="icon"
+      type="image/png"
+      href="images/logo/logo-mark.png"
+    />
+
+    <!-- Preload fonts -->
+    <link
+      rel="preload"
+      href="/fonts/geist/Geist.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
+    <link
+      rel="preload"
+      href="/fonts/geist/Geist-Italic.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
+    <link
+      rel="preload"
+      href="/fonts/geist/GeistMono.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
+    <link
+      rel="preload"
+      href="/fonts/geist/GeistMono-Italic.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
+  </head>
+  <body>
+    <!-- prettier-ignore -->
+    <script>
+      !function(){try{const e=document.documentElement.classList;e.remove("scheme-dark","scheme-light");const c=localStorage.getItem("scheme"),t=window.matchMedia("(prefers-color-scheme: dark)").matches,s="dark"===c||"system"===c&&t?"scheme-dark":"scheme-light";e.add(s)}catch(e){}}();
+    </script>
+
+    <app-root></app-root>
+  </body>
+</html>

package/fuse-starter-pack/fuse-v21.1/src/main.server.ts

@@ -0,0 +1,11 @@
+import {
+  bootstrapApplication,
+  BootstrapContext,
+} from '@angular/platform-browser';
+import { App } from '@/app/app';
+import { config } from '@/app/app.config.server';
+
+const bootstrap = (context: BootstrapContext) =>
+  bootstrapApplication(App, config, context);
+
+export default bootstrap;

package/fuse-starter-pack/fuse-v21.1/src/main.ts

@@ -0,0 +1,5 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { App } from './app/app';
+import { appConfig } from './app/app.config';
+
+bootstrapApplication(App, appConfig).catch((err) => console.error(err));

package/fuse-starter-pack/fuse-v21.1/src/server.ts

@@ -0,0 +1,70 @@
+import { join } from 'node:path';
+import {
+  AngularNodeAppEngine,
+  createNodeRequestHandler,
+  isMainModule,
+  writeResponseToNodeResponse,
+} from '@angular/ssr/node';
+import express from 'express';
+
+const browserDistFolder = join(import.meta.dirname, '../browser');
+
+const app = express();
+const angularApp = new AngularNodeAppEngine({
+  allowedHosts: ['*.localhost', '*.fusetheme.com'],
+});
+
+/**
+ * Example Express Rest API endpoints can be defined here.
+ * Uncomment and define endpoints as necessary.
+ *
+ * Example:
+ * ```ts
+ * app.get('/api/{*splat}', (req, res) => {
+ *   // Handle API request
+ * });
+ * ```
+ */
+
+/**
+ * Serve static files from /browser
+ */
+app.use(
+  express.static(browserDistFolder, {
+    maxAge: '1y',
+    index: false,
+    redirect: false,
+  })
+);
+
+/**
+ * Handle all other requests by rendering the Angular application.
+ */
+app.use((req, res, next) => {
+  angularApp
+    .handle(req)
+    .then((response) =>
+      response ? writeResponseToNodeResponse(response, res) : next()
+    )
+    .catch(next);
+});
+
+/**
+ * Start the server if this module is the main entry point, or it is ran via PM2.
+ * The server listens on the port defined by the `PORT` environment variable, or defaults to 4000.
+ */
+if (isMainModule(import.meta.url) || process.env['pm_id']) {
+  const port = process.env['PORT'] || 4000;
+  app.listen(port, (error) => {
+    if (error) {
+      throw error;
+    }
+
+    console.log(`Node Express server listening on http://localhost:${port}`);
+  });
+}
+
+/**
+ * Request handler used by the Angular CLI (for dev-server and during build) or Firebase Cloud Functions.
+ */
+export const reqHandler = createNodeRequestHandler(app);

package/fuse-starter-pack/fuse-v21.1/src/styles/base/base.css

@@ -0,0 +1,63 @@
+/* -------------------------------------------------------------------------- */
+/* Base styles                                                                */
+/* -------------------------------------------------------------------------- */
+@layer base {
+  /* Enable keyword support for size interpolation */
+  :root {
+    interpolate-size: allow-keywords;
+  }
+
+  /* Ensure root elements fill the viewport */
+  html,
+  body {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
+    min-height: 100%;
+    width: 100%;
+    overflow-x: clip;
+  }
+
+  /* Ensure routed component always fills the remaining vertical space */
+  router-outlet + * {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
+    width: 100%;
+  }
+
+  /* Default border color */
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: light-dark(
+      var(--color-neutral-200),
+      var(--color-neutral-800)
+    );
+  }
+
+  /* Disable focus outline by default */
+  *:focus {
+    outline: none;
+  }
+
+  /* Show focus outline only for heuristically determined focus. Ignores
+     programmatic focus determined by the Angular CDK Focus Monitor. This allows
+     to control the focus styles precisely by using the Focus Monitor. */
+  *:focus-visible:not(.cdk-program-focused),
+  .cdk-keyboard-focused {
+    outline: var(--color-primary-600) solid 2px;
+    outline-offset: 0.125rem; /* 2px */
+  }
+
+  /* Base colors */
+  body {
+    background-color: light-dark(
+      var(--color-neutral-100),
+      var(--color-neutral-950)
+    );
+    color: light-dark(var(--color-neutral-950), var(--color-white));
+  }
+}

package/fuse-starter-pack/fuse-v21.1/src/styles/base/typography.css

@@ -0,0 +1,54 @@
+/* -------------------------------------------------------------------------- */
+/* Geist                                                                      */
+/* -------------------------------------------------------------------------- */
+@font-face {
+  font-family: Geist;
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('/fonts/geist/Geist.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: Geist;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('/fonts/geist/Geist-Italic.woff2') format('woff2');
+}
+
+/* -------------------------------------------------------------------------- */
+/* Geist Mono                                                                 */
+/* -------------------------------------------------------------------------- */
+@font-face {
+  font-family: 'Geist Mono';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('/fonts/geist/GeistMono.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Geist Mono';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('/fonts/geist/GeistMono-Italic.woff2') format('woff2');
+}
+
+/* -------------------------------------------------------------------------- */
+/* Base typographic styles                                                    */
+/* -------------------------------------------------------------------------- */
+@layer base {
+  html,
+  :host {
+    -webkit-font-smoothing: var(--font-smoothing);
+    font-optical-sizing: var(--font-optical-sizing);
+  }
+
+  body {
+    font-size: var(--text-base);
+    line-height: var(--leading-5);
+    font-weight: var(--font-weight-normal);
+  }
+}

package/fuse-starter-pack/fuse-v21.1/src/styles/components/a.css

@@ -0,0 +1,18 @@
+#fuse {
+  /* ------------------------------------------------------------------------ */
+  /* Styles                                                                   */
+  /* ------------------------------------------------------------------------ */
+  a {
+    &:focus-visible {
+      outline-color: var(--link-outline-color);
+    }
+  }
+
+  /* ------------------------------------------------------------------------ */
+  /* Variables                                                                */
+  /* ------------------------------------------------------------------------ */
+  a {
+    /* Color */
+    --link-outline-color: var(--color-primary-600);
+  }
+}

package/fuse-starter-pack/fuse-v21.1/src/styles/components/input.css

@@ -0,0 +1,22 @@
+#fuse {
+  /* ------------------------------------------------------------------------ */
+  /* Styles                                                                   */
+  /* ------------------------------------------------------------------------ */
+  input:not(.restore-autofill-styles) {
+    &:-webkit-autofill {
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: var(--input-text-color);
+      transition: background-color 0s ease-in-out 999999s;
+    }
+  }
+
+  /* ------------------------------------------------------------------------ */
+  /* Variables                                                                */
+  /* ------------------------------------------------------------------------ */
+  input:not(.restore-autofill-styles) {
+    --input-text-color: light-dark(
+      var(--color-neutral-950),
+      var(--color-white)
+    );
+  }
+}