44 | A seed project that eases deployment to GitHub Pages, App Engine with Progressive Web Apps, Google Analytics, Angular 5 | Universal 6 |
7 |8 | Source Code 9 |
10 |A seed project that eases deployment to GitHub Pages, App Engine with Google Analytics
5 |6 | Source Code 7 |
8 |A seed project that eases deployment to GitHub Pages, App Engine with Angular Universal
5 |6 | Source Code 7 |
8 |A seed project that eases deployment to GitHub Pages, App Engine with Progressive Web Apps
5 |6 | Source Code 7 |
8 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
--------------------------------------------------------------------------------
/src/main.server.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from "@angular/core";
2 |
3 | import { environment } from "./environments/environment";
4 |
5 | if (environment.production) {
6 | enableProdMode();
7 | }
8 |
9 | export { AppServerModule } from "./app/app.server.module";
10 |
--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from "@angular/core";
2 | import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
3 |
4 | import { environment } from "./environments/environment";
5 |
6 | import { AppModule } from "./app/app.module";
7 |
8 | if (environment.production) {
9 | enableProdMode();
10 | }
11 |
12 | document.addEventListener("DOMContentLoaded", () => {
13 | platformBrowserDynamic().bootstrapModule(AppModule);
14 | });
15 |
--------------------------------------------------------------------------------
/src/ngsw-config.json:
--------------------------------------------------------------------------------
1 | {
2 | "index": "/index.html",
3 | "assetGroups": [
4 | {
5 | "name": "app",
6 | "installMode": "prefetch",
7 | "resources": {
8 | "files": ["/favicon.ico", "/index.html"],
9 | "versionedFiles": ["/*.bundle.css", "/*.bundle.js", "/*.chunk.js"]
10 | }
11 | },
12 | {
13 | "name": "assets",
14 | "installMode": "lazy",
15 | "updateMode": "prefetch",
16 | "resources": {
17 | "files": [
18 | "/assets/manifest.json"
19 | ],
20 | "urls": [
21 | "https://fonts.googleapis.com/**",
22 | "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css",
23 | "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
24 | ]
25 | }
26 | }
27 | ]
28 | }
29 |
--------------------------------------------------------------------------------
/src/polyfills.ts:
--------------------------------------------------------------------------------
1 | // This file includes polyfills needed by Angular and is loaded before the app.
2 | // You can add your own extra polyfills to this file.
3 | import "core-js/es6/symbol";
4 | import "core-js/es6/object";
5 | import "core-js/es6/function";
6 | import "core-js/es6/parse-int";
7 | import "core-js/es6/parse-float";
8 | import "core-js/es6/number";
9 | import "core-js/es6/math";
10 | import "core-js/es6/string";
11 | import "core-js/es6/date";
12 | import "core-js/es6/array";
13 | import "core-js/es6/regexp";
14 | import "core-js/es6/map";
15 | import "core-js/es6/set";
16 | import "core-js/es6/reflect";
17 |
18 | import "core-js/es7/reflect";
19 | import "zone.js/dist/zone";
20 |
21 | // If you need to support the browsers/features below, uncomment the import
22 | // and run `npm install import-name-here';
23 | // Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
24 |
25 | // Needed for: IE9
26 | // import 'classlist.js';
27 |
28 | // Animations
29 | // Needed for: All but Chrome and Firefox, Not supported in IE9
30 | // import 'web-animations-js';
31 |
32 | // Date, currency, decimal and percent pipes
33 | // Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
34 | // import 'intl';
35 |
36 | // NgClass on SVG elements
37 | // Needed for: IE10, IE11
38 | // import 'classlist.js';
39 |
--------------------------------------------------------------------------------
/src/styles.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --pink: #e83e8c;
3 | }
4 |
5 | .pink {
6 | color: var(--pink);
7 | }
8 |
--------------------------------------------------------------------------------
/src/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "baseUrl": "./",
6 | "module": "es2015",
7 | "types": []
8 | },
9 | "exclude": [
10 | "test.ts",
11 | "**/*.spec.ts"
12 | ]
13 | }
--------------------------------------------------------------------------------
/src/tsconfig.server.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "baseUrl": "./",
6 | "module": "commonjs",
7 | "types": []
8 | },
9 | "exclude": ["test.ts", "**/*.spec.ts"],
10 | "angularCompilerOptions": {
11 | "entryModule": "app/app.server.module#AppServerModule"
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/typings.d.ts:
--------------------------------------------------------------------------------
1 | /* SystemJS module definition */
2 | declare var module: NodeModule;
3 | interface NodeModule {
4 | id: string;
5 | }
6 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compileOnSave": false,
3 | "compilerOptions": {
4 | "outDir": "./dist/out-tsc",
5 | "sourceMap": true,
6 | "declaration": false,
7 | "moduleResolution": "node",
8 | "emitDecoratorMetadata": true,
9 | "experimentalDecorators": true,
10 | "target": "es5",
11 | "typeRoots": [
12 | "node_modules/@types"
13 | ],
14 | "lib": [
15 | "es2017",
16 | "dom"
17 | ]
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "rulesDirectory": ["node_modules/codelyzer"],
3 | "rules": {
4 | "arrow-return-shorthand": true,
5 | "callable-types": true,
6 | "class-name": true,
7 | "comment-format": [true, "check-space"],
8 | "curly": true,
9 | "eofline": true,
10 | "forin": true,
11 | "import-blacklist": [true, "rxjs"],
12 | "import-spacing": true,
13 | "indent": [true, "spaces"],
14 | "interface-over-type-literal": true,
15 | "label-position": true,
16 | "max-line-length": [true, 140],
17 | "member-access": false,
18 | "member-ordering": [
19 | true,
20 | {
21 | "order": [
22 | "static-field",
23 | "instance-field",
24 | "static-method",
25 | "instance-method"
26 | ]
27 | }
28 | ],
29 | "no-arg": true,
30 | "no-bitwise": true,
31 | "no-console": [true, "debug", "info", "time", "timeEnd", "trace"],
32 | "no-construct": true,
33 | "no-debugger": true,
34 | "no-duplicate-super": true,
35 | "no-empty": false,
36 | "no-empty-interface": true,
37 | "no-eval": true,
38 | "no-inferrable-types": [true, "ignore-params"],
39 | "no-misused-new": true,
40 | "no-non-null-assertion": true,
41 | "no-shadowed-variable": true,
42 | "no-string-literal": false,
43 | "no-string-throw": true,
44 | "no-switch-case-fall-through": true,
45 | "no-trailing-whitespace": true,
46 | "no-unnecessary-initializer": true,
47 | "no-unused-expression": true,
48 | "no-use-before-declare": true,
49 | "no-var-keyword": true,
50 | "object-literal-sort-keys": false,
51 | "one-line": [
52 | true,
53 | "check-open-brace",
54 | "check-catch",
55 | "check-else",
56 | "check-whitespace"
57 | ],
58 | "prefer-const": true,
59 | "quotemark": [true, "double"],
60 | "radix": true,
61 | "semicolon": [true, "always"],
62 | "triple-equals": [true, "allow-null-check"],
63 | "typedef-whitespace": [
64 | true,
65 | {
66 | "call-signature": "nospace",
67 | "index-signature": "nospace",
68 | "parameter": "nospace",
69 | "property-declaration": "nospace",
70 | "variable-declaration": "nospace"
71 | }
72 | ],
73 | "unified-signatures": true,
74 | "variable-name": false,
75 | "whitespace": [
76 | true,
77 | "check-branch",
78 | "check-decl",
79 | "check-operator",
80 | "check-separator",
81 | "check-type"
82 | ],
83 | "directive-selector": [true, "attribute", "app", "camelCase"],
84 | "component-selector": [true, "element", "app", "kebab-case"],
85 | "use-input-property-decorator": true,
86 | "use-output-property-decorator": true,
87 | "use-host-property-decorator": true,
88 | "no-input-rename": true,
89 | "no-output-rename": true,
90 | "use-life-cycle-interface": true,
91 | "use-pipe-transform-interface": true,
92 | "component-class-suffix": true,
93 | "directive-class-suffix": true
94 | }
95 | }
96 |
--------------------------------------------------------------------------------
/webpack.server.config.js:
--------------------------------------------------------------------------------
1 | const path = require("path");
2 | const webpack = require("webpack");
3 |
4 | module.exports = {
5 | entry: { server: "./public/server.ts" },
6 | resolve: { extensions: [".js", ".ts"] },
7 | target: "node",
8 | // this makes sure we include node_modules and other 3rd party libraries
9 | externals: [/(node_modules|main\..*\.js)/],
10 | output: {
11 | path: path.join(__dirname, "./public/dist"),
12 | filename: "[name].js"
13 | },
14 | module: {
15 | rules: [{ test: /\.ts$/, loader: "ts-loader" }]
16 | },
17 | plugins: [
18 | // Temporary Fix for issue: https://github.com/angular/angular/issues/11580
19 | // for 'WARNING Critical dependency: the request of a dependency is an expression'
20 | new webpack.ContextReplacementPlugin(
21 | /(.+)?angular(\\|\/)core(.+)?/,
22 | path.join(__dirname, "src"), // location of your src
23 | {} // a map of your routes
24 | ),
25 | new webpack.ContextReplacementPlugin(
26 | /(.+)?express(\\|\/)(.+)?/,
27 | path.join(__dirname, "src"),
28 | {}
29 | )
30 | ]
31 | };
32 |
--------------------------------------------------------------------------------