Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Sep 18 2018 18:38
  • Feb 23 2018 19:09
    Travis angular/universal (github) errored (932)
  • Feb 20 2018 23:13
    Travis angular/universal (master) passed (915)
  • Feb 20 2018 07:26
    Travis angular/universal#810 passed (914)
  • Feb 20 2018 07:26
    Travis angular/universal (document-url-option) passed (913)
  • Feb 17 2018 15:28
    Travis angular/universal (master) passed (912)
  • Feb 17 2018 02:46
    Travis angular/universal@43190ce (github) passed (910)
  • Feb 17 2018 02:36
    Travis angular/universal#898 passed (909)
  • Feb 17 2018 02:32
    Travis angular/universal#898 passed (908)
  • Feb 17 2018 02:31
    Travis angular/universal#898 passed (907)
  • Feb 17 2018 02:13
    Travis angular/universal#898 passed (906)
  • Feb 17 2018 01:57
    Travis angular/universal#898 broken (905)
  • Feb 17 2018 01:53
    Travis angular/universal#898 passed (904)
  • Feb 16 2018 22:28
    Travis angular/universal#897 passed (903)
  • Feb 16 2018 22:27
    Travis angular/universal@e0c49ff (url) passed (902)
  • Feb 16 2018 18:06
    Travis angular/universal#894 passed (901)
  • Feb 16 2018 09:17
    Travis angular/universal#895 passed (900)
  • Feb 16 2018 09:12
    Travis angular/universal#895 broken (899)
  • Feb 16 2018 09:05
    Travis angular/universal#895 broken (898)
  • Feb 16 2018 09:00
    Travis angular/universal#895 broken (893)
Vishwanatha V
@vishwackh
Hi any idea angular universal app rendering and getting blank screen
what is absolute urls?
Rick van der Meij
@rickvandermey
Hi all, I've created a starterkit with a lot of advanced features, like SSR and prerendering. One thing i would like to achieve is using the NGRX store, to prerender data from HTTP get calls when building the application. In other words, updating the store of the initialState when on a specific route. NGX-translate provides this for languages, but i would like to know if this is even possible for store related data. The starterkit can be found at https://github.com/rickvandermey/angular-starterkit, any help is appreciated!
Jop Middelkamp
@jopmiddelkamp
Hey guys! I've been trying to deploy an Angular Universal app to Firebase Cloud Functions. Now when I try to serve the app on my local machine trough firebase serve everything seems to work ok on first sight. But if I view the source of the page it always returns the 404 page source.. Does anyone ran into this problem before? I've got more details with git repo on StackOverflow: https://stackoverflow.com/questions/57390195/how-to-fix-all-pages-view-source-returns-404-screens-html-while-serving-angu
@vishwackh Did you already check the console log? Sometimes you get some crashes as you for example use DOM elements on the server node. If that is the case you can solve it by injecting PLATFORM_ID, isPlatformBrowser and isPlatformServer and then put if statements around server or browser-only code.
Roberto Di Lillo
@koop4
Hi guys!
I m trying to deploy a SSR landing page with lambda.
How big should be, plus or less, the zip file to make sense. (mine is 37Mb and there must be something wrong)
Also, what does it should include
Rick van der Meij
@rickvandermey
@koop4 our dist folder (not zipped) is 77,7 mb
it includes browser folder, server folder
sidenote: we are using pre-rendering
Roberto Di Lillo
@koop4
ok so it's not totally impossible
and, how do you serve it?
Rick van der Meij
@rickvandermey
we use S3 on AWS
but our files are static html generated with SSR (express server)
Roberto Di Lillo
@koop4
my dist folder includes the following:
  • server folder
    -browser folder
    -prerender.js
    -server.js
now, the browser folder includes the assets which are around 30MB
and the main.js.map which is around 7
everythuing else is very tiny
wait, how can u serve a SSR with just S3?
Rick van der Meij
@rickvandermey
do you need a .map
Roberto Di Lillo
@koop4
i don't think so, but what about the assets
Rick van der Meij
@rickvandermey
https://github.com/rickvandermey/angular-starterkit when run npm run prerender:build we use the SSR functionality to spin up a express server, and we know all defined routes, to create folder structure. then we go to each route and write the HTML output to the correct folder, then we kill SSR, and upload the browser folder
it is compatible with ngx-translate and NGRX
why use a server, when none is needed ;)
Roberto Di Lillo
@koop4
i think i need better explaination
so, doesn't the ssr structure requires a server?
Rick van der Meij
@rickvandermey
it does, when 'building' / 'compiling' (inside our pipeline), it generates all files for us, and then upload it to S3
clone the repo above, and try it
Roberto Di Lillo
@koop4
thanks
i certainly will try
Rick van der Meij
@rickvandermey
and watch the dist/browser folder
you get multiple index html files per folder
Roberto Di Lillo
@koop4
so, to deploy, what do i have to do in the end?
does it contains serverless?
or it need to be uploaded manually?
Rick van der Meij
@rickvandermey
just upload your dist map to a FTP / S3 for example
view source and hard refresh
Roberto Di Lillo
@koop4
@rickvandermey essentially:
the SSR is created, then each page virtually visited, and the related html file is created for each route?
Rick van der Meij
@rickvandermey
yes
Guillaume M
@Palapapaa
Hi guys
Has anyone managed to make Angular universal renders Web Components ?
Ilyoskhuja
@Ilyoskhuja
how fix

throw new Error("NotYetImplemented");
^

Error: NotYetImplemented
at HTMLCanvasElement.exports.nyi

SSR angular
Rick van der Meij
@rickvandermey
@Palapapaa do you mean create the web component or inject a web component?
Anzil-Aufait
@Anzil-Aufait

I am using flat mat tree , i want to show parent child relation with border, like in this work https://tina-material-tree.firebaseapp.com/simple-tree . Please help. Is there any way to get this work code ??

This is my work so far https://stackblitz.com/edit/mat-tree-with-dragging . I'm also using drag and drop in this work.

Guillaume M
@Palapapaa
@rickvandermey I have a web component and I want to use it in an Angular Universal project
Guillaume M
@Palapapaa
I managed to make the web components work
But it's not rendred by Angular Universal (if I deactivate JS the component is no longer rendered)
Tristan Crockett
@thcrock

Is there a good way to use Angular Universal to remove the need for a JSON API by having the Express server do all data retrieval?

From docs it appears that I could probably implement this by using TransferState and isPlatformServer. Unfortunately the code that retrieves the data will fundamentally need access to things that the client-rendered code shouldn't have access to (e.g. the database). Peppering isPlatformServer if-statements to separate code blocks that should have database access and code blocks that shouldn't sounds questionable to me.

Has anybody else addressed a use case like this or have thoughts on it?