@@ -331,7 +330,8 @@
- + + Rocket Ship @@ -343,7 +343,8 @@ {{ title }} app is running! - + + Rocket Ship Smoke @@ -356,24 +357,30 @@

Resources

- Learn Angular - - CLI Documentation + + + + + Angular Material - Angular Blog + + + + + Angular DevTools @@ -386,121 +393,61 @@

Next Steps

-
- - +
- -
- + +
+ -
+ +
+ -
+
+ -
+
+ 
ng generate component xyz
ng add @angular/material
+ 
ng add @angular/pwa
ng add _____
ng test
- 
ng build --prod
+ 
ng build
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + Meetup Logo - - - - - - - - - - - - - + + + Discord Logo + +
@@ -519,7 +466,8 @@

Next Steps

 - + + Gray Clouds Background @@ -533,6 +481,4 @@

Next Steps

- - - \ No newline at end of file + diff --git a/angular/src/app/app.component.spec.ts b/angular/src/app/app.component.spec.ts index 8622a63..aa24fb3 100644 --- a/angular/src/app/app.component.spec.ts +++ b/angular/src/app/app.component.spec.ts @@ -1,35 +1,29 @@ -import { TestBed, async } from '@angular/core/testing'; +import { TestBed } from '@angular/core/testing'; import { RouterTestingModule } from '@angular/router/testing'; import { AppComponent } from './app.component'; describe('AppComponent', () => { - beforeEach(async(() => { - TestBed.configureTestingModule({ - imports: [ - RouterTestingModule - ], - declarations: [ - AppComponent - ], - }).compileComponents(); + beforeEach(() => TestBed.configureTestingModule({ + imports: [RouterTestingModule], + declarations: [AppComponent] })); it('should create the app', () => { const fixture = TestBed.createComponent(AppComponent); - const app = fixture.debugElement.componentInstance; + const app = fixture.componentInstance; expect(app).toBeTruthy(); }); it(`should have as title 'angular'`, () => { const fixture = TestBed.createComponent(AppComponent); - const app = fixture.debugElement.componentInstance; + const app = fixture.componentInstance; expect(app.title).toEqual('angular'); }); it('should render title', () => { const fixture = TestBed.createComponent(AppComponent); fixture.detectChanges(); - const compiled = fixture.debugElement.nativeElement; - expect(compiled.querySelector('.content span').textContent).toContain('angular app is running!'); + const compiled = fixture.nativeElement as HTMLElement; + expect(compiled.querySelector('.content span')?.textContent).toContain('angular app is running!'); }); }); diff --git a/angular/src/app/app.module.ts b/angular/src/app/app.module.ts index 2c3ba29..b1c6c96 100644 --- a/angular/src/app/app.module.ts +++ b/angular/src/app/app.module.ts @@ -1,5 +1,5 @@ -import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; diff --git a/angular/src/environments/environment.prod.ts b/angular/src/environments/environment.prod.ts deleted file mode 100644 index 3612073..0000000 --- a/angular/src/environments/environment.prod.ts +++ /dev/null @@ -1,3 +0,0 @@ -export const environment = { - production: true -}; diff --git a/angular/src/environments/environment.ts b/angular/src/environments/environment.ts deleted file mode 100644 index 7b4f817..0000000 --- a/angular/src/environments/environment.ts +++ /dev/null @@ -1,16 +0,0 @@ -// This file can be replaced during build by using the `fileReplacements` array. -// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`. -// The list of file replacements can be found in `angular.json`. - -export const environment = { - production: false -}; - -/* - * For easier debugging in development mode, you can import the following file - * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. - * - * This import should be commented out in production mode because it will have a negative impact - * on performance if an error is thrown. - */ -// import 'zone.js/dist/zone-error'; // Included with Angular CLI. diff --git a/angular/src/favicon.ico b/angular/src/favicon.ico index 523925f7bd7c93c1e9f3acf1242ca4b65c3e448f..997406ad22c29aae95893fb3d666c30258a09537 100644 GIT binary patch literal 948 zcmV;l155mgP)CBYU7IjCFmI-B}4sMJt3^s9NVg!P0 z6hDQy(L`XWMkB@zOLgN$4KYz;j0zZxq9KKdpZE#5@k0crP^5f9KO};h)ZDQ%ybhht z%t9#h|nu0K(bJ ztIkhEr!*UyrZWQ1k2+YkGqDi8Z<|mIN&$kzpKl{cNP=OQzXHz>vn+c)F)zO|Bou>E z2|-d_=qY#Y+yOu1a}XI?cU}%04)zz%anD(XZC{#~WreV!a$7k2Ug`?&CUEc0EtrkZ zL49MB)h!_K{H(*l_93D5tO0;BUnvYlo+;yss%n^&qjt6fZOa+}+FDO(~2>G z2dx@=JZ?DHP^;b7*Y1as5^uphBsh*s*z&MBd?e@I>-9kU>63PjP&^#5YTOb&x^6Cf z?674rmSHB5Fk!{Gv7rv!?qX#ei_L(XtwVqLX3L}$MI|kJ*w(rhx~tc&L&xP#?cQow zX_|gx$wMr3pRZIIr_;;O|8fAjd;1`nOeu5K(pCu7>^3E&D2OBBq?sYa(%S?GwG&_0-s%_v$L@R!5H_fc)lOb9ZoOO#p`Nn`KU z3LTTBtjwo`7(HA6 z7gmO$yTR!5L>Bsg!X8616{JUngg_@&85%>W=mChTR;x4`P=?PJ~oPuy5 zU-L`C@_!34D21{fD~Y8NVnR3t;aqZI3fIhmgmx}$oc-dKDC6Ap$Gy>a!`A*x2L1v0 WcZ@i?LyX}70000B?XPAqQ)z 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 QF#rGn07*qoM6N<$f-gE^#{d8T diff --git a/angular/src/main.ts b/angular/src/main.ts index c7b673c..c58dc05 100644 --- a/angular/src/main.ts +++ b/angular/src/main.ts @@ -1,12 +1,7 @@ -import { enableProdMode } from '@angular/core'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app/app.module'; -import { environment } from './environments/environment'; -if (environment.production) { - enableProdMode(); -} platformBrowserDynamic().bootstrapModule(AppModule) .catch(err => console.error(err)); diff --git a/angular/src/polyfills.ts b/angular/src/polyfills.ts deleted file mode 100644 index aa665d6..0000000 --- a/angular/src/polyfills.ts +++ /dev/null @@ -1,63 +0,0 @@ -/** - * This file includes polyfills needed by Angular and is loaded before the app. - * You can add your own extra polyfills to this file. - * - * This file is divided into 2 sections: - * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. - * 2. Application imports. Files imported after ZoneJS that should be loaded before your main - * file. - * - * The current setup is for so-called "evergreen" browsers; the last versions of browsers that - * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), - * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile. - * - * Learn more in https://angular.io/guide/browser-support - */ - -/*************************************************************************************************** - * BROWSER POLYFILLS - */ - -/** IE10 and IE11 requires the following for NgClass support on SVG elements */ -// import 'classlist.js'; // Run `npm install --save classlist.js`. - -/** - * Web Animations `@angular/platform-browser/animations` - * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari. - * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0). - */ -// import 'web-animations-js'; // Run `npm install --save web-animations-js`. - -/** - * By default, zone.js will patch all possible macroTask and DomEvents - * user can disable parts of macroTask/DomEvents patch by setting following flags - * because those flags need to be set before `zone.js` being loaded, and webpack - * will put import in the top of bundle, so user need to create a separate file - * in this directory (for example: zone-flags.ts), and put the following flags - * into that file, and then add the following code before importing zone.js. - * import './zone-flags.ts'; - * - * The flags allowed in zone-flags.ts are listed here. - * - * The following flags will work for all browsers. - * - * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame - * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick - * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames - * - * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js - * with the following flag, it will bypass `zone.js` patch for IE/Edge - * - * (window as any).__Zone_enable_cross_context_check = true; - * - */ - -/*************************************************************************************************** - * Zone JS is required by default for Angular itself. - */ -import 'zone.js/dist/zone'; // Included with Angular CLI. - - -/*************************************************************************************************** - * APPLICATION IMPORTS - */ diff --git a/angular/src/test.ts b/angular/src/test.ts deleted file mode 100644 index 1631789..0000000 --- a/angular/src/test.ts +++ /dev/null @@ -1,20 +0,0 @@ -// This file is required by karma.conf.js and loads recursively all the .spec and framework files - -import 'zone.js/dist/zone-testing'; -import { getTestBed } from '@angular/core/testing'; -import { - BrowserDynamicTestingModule, - platformBrowserDynamicTesting -} from '@angular/platform-browser-dynamic/testing'; - -declare const require: any; - -// First, initialize the Angular testing environment. -getTestBed().initTestEnvironment( - BrowserDynamicTestingModule, - platformBrowserDynamicTesting() -); -// Then we find all the tests. -const context = require.context('./', true, /\.spec\.ts$/); -// And load the modules. -context.keys().map(context); diff --git a/angular/tsconfig.app.json b/angular/tsconfig.app.json index df4d05e..374cc9d 100644 --- a/angular/tsconfig.app.json +++ b/angular/tsconfig.app.json @@ -1,3 +1,4 @@ +/* To learn more about this file see: https://angular.io/config/tsconfig. */ { "extends": "./tsconfig.json", "compilerOptions": { @@ -5,14 +6,9 @@ "types": [] }, "files": [ - "src/main.ts", - "src/polyfills.ts" + "src/main.ts" ], "include": [ "src/**/*.d.ts" - ], - "exclude": [ - "src/test.ts", - "src/**/*.spec.ts" ] } diff --git a/angular/tsconfig.json b/angular/tsconfig.json index 30956ae..ed966d4 100644 --- a/angular/tsconfig.json +++ b/angular/tsconfig.json @@ -1,26 +1,33 @@ +/* To learn more about this file see: https://angular.io/config/tsconfig. */ { "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", + "forceConsistentCasingInFileNames": true, + "strict": true, + "noImplicitOverride": true, + "noPropertyAccessFromIndexSignature": true, + "noImplicitReturns": true, + "noFallthroughCasesInSwitch": true, "sourceMap": true, "declaration": false, "downlevelIteration": true, "experimentalDecorators": true, - "module": "esnext", "moduleResolution": "node", "importHelpers": true, - "target": "es2015", - "typeRoots": [ - "node_modules/@types" - ], + "target": "ES2022", + "module": "ES2022", + "useDefineForClassFields": false, "lib": [ - "es2018", + "ES2022", "dom" ] }, "angularCompilerOptions": { - "fullTemplateTypeCheck": true, - "strictInjectionParameters": true + "enableI18nLegacyMessageIdFormat": false, + "strictInjectionParameters": true, + "strictInputAccessModifiers": true, + "strictTemplates": true } } diff --git a/angular/tsconfig.spec.json b/angular/tsconfig.spec.json index 6400fde..be7e9da 100644 --- a/angular/tsconfig.spec.json +++ b/angular/tsconfig.spec.json @@ -1,16 +1,12 @@ +/* To learn more about this file see: https://angular.io/config/tsconfig. */ { "extends": "./tsconfig.json", "compilerOptions": { "outDir": "./out-tsc/spec", "types": [ - "jasmine", - "node" + "jasmine" ] }, - "files": [ - "src/test.ts", - "src/polyfills.ts" - ], "include": [ "src/**/*.spec.ts", "src/**/*.d.ts" diff --git a/angular/tslint.json b/angular/tslint.json deleted file mode 100644 index c8d70f1..0000000 --- a/angular/tslint.json +++ /dev/null @@ -1,91 +0,0 @@ -{ - "extends": "tslint:recommended", - "rules": { - "array-type": false, - "arrow-parens": false, - "deprecation": { - "severity": "warning" - }, - "component-class-suffix": true, - "contextual-lifecycle": true, - "directive-class-suffix": true, - "directive-selector": [ - true, - "attribute", - "app", - "camelCase" - ], - "component-selector": [ - true, - "element", - "app", - "kebab-case" - ], - "import-blacklist": [ - true, - "rxjs/Rx" - ], - "interface-name": false, - "max-classes-per-file": false, - "max-line-length": [ - true, - 140 - ], - "member-access": false, - "member-ordering": [ - true, - { - "order": [ - "static-field", - "instance-field", - "static-method", - "instance-method" - ] - } - ], - "no-consecutive-blank-lines": false, - "no-console": [ - true, - "debug", - "info", - "time", - "timeEnd", - "trace" - ], - "no-empty": false, - "no-inferrable-types": [ - true, - "ignore-params" - ], - "no-non-null-assertion": true, - "no-redundant-jsdoc": true, - "no-switch-case-fall-through": true, - "no-var-requires": false, - "object-literal-key-quotes": [ - true, - "as-needed" - ], - "object-literal-sort-keys": false, - "ordered-imports": false, - "quotemark": [ - true, - "single" - ], - "trailing-comma": false, - "no-conflicting-lifecycle": true, - "no-host-metadata-property": true, - "no-input-rename": true, - "no-inputs-metadata-property": true, - "no-output-native": true, - "no-output-on-prefix": true, - "no-output-rename": true, - "no-outputs-metadata-property": true, - "template-banana-in-box": true, - "template-no-negated-async": true, - "use-lifecycle-interface": true, - "use-pipe-transform-interface": true - }, - "rulesDirectory": [ - "codelyzer" - ] -} \ No newline at end of file From d2a45d70e26f0dc59105453c94382be2cdf36f4c Mon Sep 17 00:00:00 2001 From: "C. Regis Wilson" Date: Tue, 8 Aug 2023 11:22:08 -0700 Subject: [PATCH 2/2] fix Dockerfile --- angular/Dockerfile | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/angular/Dockerfile b/angular/Dockerfile index 2cab23a..314c801 100755 --- a/angular/Dockerfile +++ b/angular/Dockerfile @@ -3,9 +3,10 @@ FROM node:18 RUN mkdir /project WORKDIR /project +RUN npm install -g npm@latest RUN npm install --location=global @angular/cli COPY . . RUN npm install -CMD ["ng", "serve", "--disableHostCheck", "true", "--host", "0.0.0.0"] +CMD ["ng", "serve", "--disable-host-check", "true", "--host", "0.0.0.0"]