fix(arc-docs): review changes in pr

review changes

GH-26

Author: Deepika516

angular.json

@@ -56,8 +56,8 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "5mb",
-                  "maximumError": "5mb"
+                  "maximumWarning": "10mb",
+                  "maximumError": "10mb"
                 },
                 {
                   "type": "anyComponentStyle",
@@ -92,8 +92,8 @@
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "5mb",
-                  "maximumError": "5mb"
+                  "maximumWarning": "10mb",
+                  "maximumError": "10mb"
                 }
               ]
             }
@@ -194,6 +194,7 @@
             "polyfills": ["zone.js"],
             "tsConfig": "projects/arc-docs/tsconfig.app.json",
             "inlineStyleLanguage": "scss",
+            "optimization": false,
             "assets": [
               "projects/arc-docs/src/favicon.ico",
               { "glob": "**/*", "input": "node_modules/monaco-editor", "output": "/assets/monaco/" },
@@ -203,22 +204,29 @@
                 "output": "/assets/"
               }
             ],
+            
+
             "styles": [
               "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
               "node_modules/eva-icons/style/scss/eva-icons.scss",
               "node_modules/@nebular/theme/styles/prebuilt/dark.css",
               "projects/arc-docs/src/styles.scss"
             ],
             "scripts": [],
-            "allowedCommonJsDependencies": ["lodash", "eva-icons", "CommonJS"]
+            "allowedCommonJsDependencies": ["lodash", "eva-icons", "CommonJS"],
+            "stylePreprocessorOptions": {
+              "includePaths": [
+                "projects/arc-lib/src/lib/theme/styles"
+              ]
+            }
           },
           "configurations": {
             "production": {
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "5mb",
-                  "maximumError": "4mb"
+                  "maximumWarning": "10mb",
+                  "maximumError": "10mb"
                 },
                 {
                   "type": "anyComponentStyle",
@@ -316,13 +324,13 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "5mb",
-                  "maximumError": "5mb"
+                  "maximumWarning": "10mb",
+                  "maximumError": "10mb"
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "5mb",
-                  "maximumError": "5mb"
+                  "maximumWarning": "10mb",
+                  "maximumError": "10mb"
                 }
               ],
               "outputHashing": "all"

projects/arc-docs/src/app/constants/docs-menu.contant.ts

@@ -0,0 +1,25 @@
+export const DOCUMENTATION_MENU_ITEMS = [
+  {
+    title: 'Getting Started',
+    icon: 'book-outline',
+    children: [
+      {
+        title: 'Introduction',
+        link: '/docs/getting-started',
+      },
+    ],
+  },
+  {
+    title: 'Guide',
+    icon: 'book-outline',
+    children: [
+      {
+        title: 'Cloning Boilerplate',
+        link: '/docs/guide/clone',
+      },
+      {
+        title: 'Backend Integration',
+      },
+    ],
+  },
+];

projects/arc-docs/src/app/docs/docs.component.scss

@@ -1,3 +1,4 @@
+// Ensure the comments are properly placed if you're using them for debugging or development
 @use 'sass:map';
 @use '../../../../arc-lib/src/lib/theme/styles/variables' as *;
 @use '@nebular/theme/styles/theming' as *;
@@ -63,9 +64,8 @@
     }
   }
 }
-.hi {
-  text-align: center;
-}
+
+
 .header-wrapper {
   width: 100%;
 }

projects/arc-docs/src/app/docs/docs.component.ts

@@ -6,62 +6,23 @@ import {RouteComponentBaseDirective} from '@project-lib/core/route-component-bas
 import {IconPacksManagerService} from '@project-lib/theme/services';
 import {takeUntil} from 'rxjs';
 import {Location} from '@angular/common';
+import {DOCUMENTATION_MENU_ITEMS} from '../constants/docs-menu.contant';
 
 @Component({
   selector: 'app-docs',
   templateUrl: './docs.component.html',
   styleUrls: ['./docs.component.scss'],
 })
-export class DocsComponent
-  extends RouteComponentBaseDirective
-  implements OnInit
-{
+export class DocsComponent extends RouteComponentBaseDirective {
   constructor(
     override readonly route: ActivatedRoute,
     override readonly location: Location,
-    private readonly sidebarService: NbSidebarService,
-    private readonly authService: AuthService,
-    private readonly menuService: NbMenuService,
     private readonly iconMgr: IconPacksManagerService,
     private router: Router,
   ) {
     super(route, location);
     this.iconMgr.registerSvgs();
   }
 
-  menu: NbMenuItem[] = [
-    {
-      title: 'Getting Started',
-      icon: 'book-outline',
-      // pathMatch: 'prefix',
-      children: [
-        {
-          title: 'Introduction',
-          link: '/docs/getting-started',
-        },
-      ],
-    },
-    {
-      title: 'Guide',
-      icon: 'book-outline',
-      children: [
-        {
-          title: 'Cloning Boilerplate',
-          link: '/docs/guide/clone',
-        },
-        {
-          title: 'Backend Integration',
-        },
-      ],
-    },
-  ];
-
-  ngOnInit(): void {
-    this.menuService
-      .onItemClick()
-      .pipe(takeUntil(this._destroy$))
-      .subscribe(menu => {
-        console.log(menu);
-      });
-  }
+  menu: NbMenuItem[] = DOCUMENTATION_MENU_ITEMS;
 }

projects/arc-docs/src/app/docs/docs.module.ts

@@ -15,11 +15,8 @@ import {APP_CONFIG} from '@project-lib/app-config';
 @NgModule({
   declarations: [DocsComponent],
   imports: [
-    CommonModule,
-
     DocsRoutingModule,
     ThemeModule,
-    HttpClientModule,
     HeaderComponent,
     SidebarComponent,
     CoreAuthModule,

projects/arc-docs/src/styles.scss

@@ -1,10 +1,8 @@
 /* You can add global styles to this file, and also import other style files */
-@use '../../arc/src/themes.scss' as *;
-@use 'sass:map';
-@use '../../arc-lib/src/lib/theme/styles/index' as *;
 @use '@nebular/theme/styles/globals' as *;
 @use '@nebular/auth/styles/globals' as *;
-@use '../../arc-lib/src/lib/theme/styles/variables' as *;
+@import 'index';
+@import 'themes';
 
 @include nb-install() {
   @include nb-theme-global();