Cns website

apps/cns-website/eslint.config.mjs

@@ -0,0 +1,34 @@
+import nx from '@nx/eslint-plugin';
+import baseConfig from '../../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  ...nx.configs['flat/angular'],
+  ...nx.configs['flat/angular-template'],
+  {
+    files: ['**/*.ts'],
+    rules: {
+      '@angular-eslint/directive-selector': [
+        'error',
+        {
+          type: 'attribute',
+          prefix: 'cns',
+          style: 'camelCase',
+        },
+      ],
+      '@angular-eslint/component-selector': [
+        'error',
+        {
+          type: 'element',
+          prefix: 'cns',
+          style: 'kebab-case',
+        },
+      ],
+    },
+  },
+  {
+    files: ['**/*.html'],
+    // Override or add rules here
+    rules: {},
+  },
+];

apps/cns-website/jest.config.ts

@@ -0,0 +1,6 @@
+export default {
+  displayName: 'cns-website',
+  preset: '../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  coverageDirectory: '../../coverage/apps/cns-website',
+};

apps/cns-website/project.json

@@ -0,0 +1,61 @@
+{
+  "name": "cns-website",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "prefix": "cns",
+  "sourceRoot": "apps/cns-website/src",
+  "tags": ["type:app"],
+  "targets": {
+    "build": {
+      "configurations": {
+        "production": {
+          "budgets": [
+            {
+              "type": "initial",
+              "maximumWarning": "500kb",
+              "maximumError": "1mb"
+            },
+            {
+              "type": "anyComponentStyle",
+              "maximumWarning": "4kb",
+              "maximumError": "8kb"
+            }
+          ],
+          "outputHashing": "all"
+        },
+        "development": {
+          "optimization": false,
+          "extractLicenses": false,
+          "sourceMap": true
+        }
+      },
+      "executor": "@nx/angular:application",
+      "options": {
+        "assets": [
+          {
+            "glob": "**/*",
+            "input": "apps/cns-website/public"
+          },
+          {
+            "input": "libs/design-system/assets",
+            "glob": "**/*",
+            "output": "./assets"
+          }
+        ]
+      }
+    },
+    "serve": {
+      "executor": "@nx/angular:dev-server",
+      "continuous": true
+    },
+    "compodoc": {
+      "executor": "@twittwer/compodoc:compodoc",
+      "options": {
+        "tsConfig": "apps/cns-website/tsconfig.app.json"
+      }
+    },
+    "build-webcomponent": {
+      "command": "node tools/scripts/bundle-scripts.mjs dist/apps/cns-website/browser/"
+    }
+  }
+}

apps/cns-website/src/app/app.component.html

@@ -0,0 +1 @@
+<router-outlet></router-outlet>

apps/cns-website/src/app/app.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { HraCommonModule } from '@hra-ui/common';
+
+@Component({
+  imports: [HraCommonModule, RouterModule],
+  selector: 'cns-website',
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.scss',
+})
+export class AppComponent {}

apps/cns-website/src/app/app.config.ts

@@ -0,0 +1,27 @@
+import { ApplicationConfig, provideZonelessChangeDetection } from '@angular/core';
+import { provideRouter, withComponentInputBinding, withInMemoryScrolling } from '@angular/router';
+import { provideAnalytics, withErrorHandler, withRouterEvents } from '@hra-ui/common/analytics';
+import { provideAppConfiguration } from '@hra-ui/common/injectors';
+import { provideDesignSystem } from '@hra-ui/design-system';
+import { provideMarkdown } from 'ngx-markdown';
+import { appRoutes } from './app.routes';
+
+/** Application configuration */
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideAppConfiguration({
+      name: 'cns-website',
+      version: '1.0.0',
+      url: 'https://cns.iu.edu/',
+    }),
+    provideAnalytics(withRouterEvents(), withErrorHandler()),
+    provideZonelessChangeDetection(),
+    provideDesignSystem(),
+    provideMarkdown(),
+    provideRouter(
+      appRoutes,
+      withComponentInputBinding(),
+      withInMemoryScrolling({ anchorScrolling: 'disabled', scrollPositionRestoration: 'enabled' }),
+    ),
+  ],
+};

apps/cns-website/src/app/app.routes.ts

@@ -0,0 +1,10 @@
+import { Route } from '@angular/router';
+import { LandingPageComponent } from './pages/landing-page.component';
+
+export const appRoutes: Route[] = [
+  {
+    path: '',
+    pathMatch: 'full',
+    component: LandingPageComponent,
+  },
+];

apps/cns-website/src/app/pages/landing-page.component.html

@@ -0,0 +1 @@
+<p>landing-page works!</p>

apps/cns-website/src/app/pages/landing-page.component.scss

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

apps/cns-website/src/app/pages/landing-page.component.ts

@@ -0,0 +1,11 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { HraCommonModule } from '@hra-ui/common';
+
+@Component({
+  selector: 'cns-landing-page',
+  imports: [HraCommonModule],
+  templateUrl: './landing-page.component.html',
+  styleUrl: './landing-page.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class LandingPageComponent {}

apps/cns-website/src/index.html

@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Cyberinfrastructure for Network Science Center</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/png" href="cns.png" />
+    <link rel="preload" href="media/nunito-sans-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin />
+    <link rel="preload" href="media/metropolis-latin-500-normal.woff2" as="font" type="font/woff2" crossorigin />
+    <link
+      rel="preload"
+      href="media/material-symbols-rounded-latin-fill-normal.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
+    <link
+      rel="preload"
+      href="media/material-symbols-outlined-latin-fill-normal.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
+  </head>
+  <body>
+    <cns-website></cns-website>
+  </body>
+</html>

apps/cns-website/src/main.ts

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

apps/cns-website/src/styles.scss

@@ -0,0 +1,9 @@
+@use '@angular/material' as mat;
+@use 'vars';
+@use 'light-theme';
+@use 'theming';
+@use 'utils';
+
+@include utils.global-styles() {
+  @include theming.theme(light-theme.$theme);
+}

apps/cns-website/src/test-setup.ts

@@ -0,0 +1,7 @@
+import '@testing-library/jest-dom';
+import { setupZonelessTestEnv } from 'jest-preset-angular/setup-env/zoneless';
+
+setupZonelessTestEnv({
+  errorOnUnknownElements: true,
+  errorOnUnknownProperties: true,
+});

apps/cns-website/tsconfig.app.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": []
+  },
+  "files": ["src/main.ts"],
+  "include": ["src/**/*.ts"],
+  "exclude": ["jest.config.ts", "src/test-setup.ts", "**/*.spec.ts"]
+}

apps/cns-website/tsconfig.editor.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {},
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.editor.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../../tsconfig.base.json",
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

apps/cns-website/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {},
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.editor.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../../tsconfig.base.json",
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

apps/cns-website/tsconfig.spec.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": ["jest", "node", "jest-dom"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": ["jest.config.ts", "**/*.spec.ts", "**/*.d.ts"]
+}