-
Notifications
You must be signed in to change notification settings - Fork 4.8k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Refactor components to make compatible with Angular Universal
- Loading branch information
1 parent
b6bedf6
commit 4f4ac27
Showing
123 changed files
with
14,595 additions
and
2,026 deletions.
There are no files selected for viewing
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,86 @@ | ||
| import 'zone.js/node'; | ||
|
|
||
| import { APP_BASE_HREF } from '@angular/common'; | ||
| import { ngExpressEngine } from '@nguniversal/express-engine'; | ||
| import * as express from 'express'; | ||
| import { existsSync } from 'fs'; | ||
| import { join } from 'path'; | ||
|
|
||
| import { AppServerModule } from './src/main.server'; | ||
|
|
||
| // ssr DOM | ||
| const domino = require('domino'); | ||
| const fs = require('fs'); | ||
| const path = require('path'); | ||
| // index from browser build! | ||
| const template = fs.readFileSync(path.join('.', 'dist/primeng-ssr/browser', 'index.html')).toString(); | ||
| // for mock global window by domino | ||
| const win = domino.createWindow(template); | ||
| // mock | ||
| global['window'] = win; | ||
| // not implemented property and functions | ||
| Object.defineProperty(win.document.body.style, 'transform', { | ||
| value: () => { | ||
| return { | ||
| enumerable: true, | ||
| configurable: true, | ||
| }; | ||
| }, | ||
| }); | ||
| // mock documnet | ||
| global['document'] = win.document; | ||
| // othres mock | ||
| global['CSS'] = null; | ||
| // global['XMLHttpRequest'] = require('xmlhttprequest').XMLHttpRequest; | ||
| global['Prism'] = null; | ||
|
|
||
| // The Express app is exported so that it can be used by serverless Functions. | ||
| export function app(): express.Express { | ||
| const server = express(); | ||
| const distFolder = join(process.cwd(), 'dist/primeng-ssr/browser'); | ||
| const indexHtml = existsSync(join(distFolder, 'index.original.html')) ? 'index.original.html' : 'index'; | ||
|
|
||
| // Our Universal express-engine (found @ https://github.com/angular/universal/tree/main/modules/express-engine) | ||
| server.engine('html', ngExpressEngine({ | ||
| bootstrap: AppServerModule, | ||
| })); | ||
|
|
||
| server.set('view engine', 'html'); | ||
| server.set('views', distFolder); | ||
|
|
||
| // Example Express Rest API endpoints | ||
| // server.get('/api/**', (req, res) => { }); | ||
| // Serve static files from /browser | ||
| server.get('*.*', express.static(distFolder, { | ||
| maxAge: '1y' | ||
| })); | ||
|
|
||
| // All regular routes use the Universal engine | ||
| server.get('*', (req, res) => { | ||
| res.render(indexHtml, { req, providers: [{ provide: APP_BASE_HREF, useValue: req.baseUrl }] }); | ||
| }); | ||
|
|
||
| return server; | ||
| } | ||
|
|
||
| function run(): void { | ||
| const port = process.env['PORT'] || 4000; | ||
|
|
||
| // Start up the Node server | ||
| const server = app(); | ||
| server.listen(port, () => { | ||
| console.log(`Node Express server listening on http://localhost:${port}`); | ||
| }); | ||
| } | ||
|
|
||
| // Webpack will replace 'require' with '__webpack_require__' | ||
| // '__non_webpack_require__' is a proxy to Node 'require' | ||
| // The below code is to ensure that the server is run only when not requiring the bundle. | ||
| declare const __non_webpack_require__: NodeRequire; | ||
| const mainModule = __non_webpack_require__.main; | ||
| const moduleFilename = mainModule && mainModule.filename || ''; | ||
| if (moduleFilename === __filename || moduleFilename.includes('iisnode')) { | ||
| run(); | ||
| } | ||
|
|
||
| export * from './src/main.server'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.