scullyio/community

A public channel for the Angular community to come talk about Scully and JAMStack strategies in Angular.

Sander Elias

@SanderElias

@Ondrashx Or at least they should document yo need to set the awaysMonitor config option.

Sander Elias

@SanderElias

@benLune_twitter I'm assuming yo uuse the 'ScullyModule.forRoot({...settings})` to set the settings?

Benoît Plâtre

@benLune_twitter

Thank you @SanderElias , yes of course, I event trace it with a DOM element at the root of the body to get the JSON.stringify value of IdleMonitorService scullyLibConfig property

Capture d’écran 2021-06-08 à 14.13.53.png

Benoît Plâtre

@benLune_twitter

I try to understand why it doesn't wait the 25 seconds but I don't at the moment

I know it's difficult to understand what happen without the code, but it's difficult for me to share the project

If I don't find solution I'll have to create a project from scratch and try to isolate the problem to share with you

Benoît Plâtre

@benLune_twitter

Does the code checking manualIdle is only in IdleMonitorService ?

Benoît Plâtre

@benLune_twitter

If I understand the default check is in zoneIdleCheck function

and when I look at the condition to run this function, I don't understand how it is possible to run if manualIdle === true

Benoît Plâtre

@benLune_twitter

I copied pasted IdleMonitorService to trace what happen there. Everything seems normal, zoneIdleCheck is not called, only the 'AngularInitialized' event is fired. Neither 'AngularReady' nor 'AngularTimeout' is fired, but the page is considered as rendered.

Even if I never call fireManualMyAppReadyEvent() function

Benoît Plâtre

@benLune_twitter

OK, I found the origin of the problem. I have a quiet complex project : one app running several Drupal data source (backend url + content group id). The config between Scully and Angular is not shared, and each had non compatible settings... Then the rendering of the application was not what it was expected...

Benoît Plâtre

@benLune_twitter

I have another layer of specific thing, I'm routing my app with Drupal path aliases rather than default Router routes. To make it work I use a CustomUrlSerializer to beautifulize the Router urls and get meaningful urls. On direct arrival, I a have Guard to ask Drupal the contentType, and then, depending on it routing to the Angular Route, but keeping the beautiful url in the browser. I hope to share it with you when it will be available.

Sorry for the noise, I hope my experience regarding to custom angular routing experience will be interesting for Scully people and beyond

Benoît Plâtre

@benLune_twitter

I could load the angular config in the Scully execution, then I have my dynamic API calls synced with Angular

Sander Elias

@SanderElias

If you use transferState, you can embed it into the HTML so you have it available even before the Angular app fires.
(yes, Scully allows you to generate data from your app, that's available before your app ;) )

Benoît Plâtre

@benLune_twitter

Hi @SanderElias ,
Thank you for your advice, I'll check it.

Xucong Zhan

@HymanZHAN

Hi folks, I need some help. When Scully build the static index.htmls, does it cache the file name somewhere? Cos the JS file name in the script tags of my index.html don't change from build to build. And they are different from the actual bundles. Thanks in advance!

As shown in the screenshot, in the index.html the script tag points to main.2c1xxx.js, while the actual file name should be main.784xxx.js

Xucong Zhan

@HymanZHAN

Ah, nvm. It's caused by a mistaken hostUrl config...

Wick

@wickstargazer

hey guys

anyone is using https://www.npmjs.com/package/@flowaccount/scully-plugin-angular-delay

just want some feedback on how to make the documentations better :D

Ondrashx

@Ondrashx

Hi guys, anybody have a clue why this is happening?

This is how it is configured:

Sander Elias

@SanderElias

@Ondrashx Is that the plugin from Sam?
it needs the app to be build with the statistics.

Ondrashx

@Ondrashx

@SanderElias , again thanks for your tip. The build is done with stats json, but the error msg is still showing. It even works if I remove the setPluginConfig (but I need it to exclude some pages).

Ondrashx

@Ondrashx

@SanderElias, ok figured it out ... it must be postProcessByHtml, not render. All the docs say render. It is probably some recetn change which is not reflected in the docs.

Sander Elias

@SanderElias

Ah, yes, render is the old one. Should still work tho. I'll check that.

Ondrashx

@Ondrashx

Hi @wickstargazer, I saw your comment and wanted to give your plugin a try. Thanks for implementing that btw. However, I was not able to get it working. First it complained that there is no tsconfig.json in src - I have created one, which inherited from the main one. Than it thrown the following error. I did not investigate any further though ...

Mirza S Reza

@mirzasreza

is it possible to create cms using scully? like admin users can post or update contents on the site?

I created this using scully https://xortech.net < its blazing fast :)

Sander Elias

@SanderElias

Yes, Scully exposes everything you need for that, but doesn't provide this out of the box.

Blake Lamb

@blamb31

Hey I'm running into a problem when running npm run scully it almost immediately errors out and shows this message. It looks like its something to do with puppeteer, but I cant figure it out for sure. Has anyone else seen this and maybe know how to fix it?

=================================================================================================
Puppeteer cannot find or launch the browser. (by default chrome)
Try adding 'puppeteerLaunchOptions: {executablePath: CHROMIUM_PATH}'
to your scully.*.config.ts file.
Also, this might happen because the default timeout (60 seconds) is to short on this system
this can be fixed by adding the --serverTimeout=x cmd line option.
(where x = the new timeout in milliseconds)
When this happens in CI/CD you can find some additional information here:
https://github.com/puppeteer/puppeteer/blob/main/docs/troubleshooting.md

=================================================================================================

Blake Lamb

@blamb31

I actually just fixed it, I'm not sure why this worked but I deleted the puppeteer folder from node_modules and it works.

Jose Garcia

@seiuro2

Hello!! i have a project in angular and scully and today have a local problem when i try tu run scully tell me this

npx scully                       
using plugins from folder "./scully"
Typescript error while compiling plugins. the error is:
error TS5023: Unknown compiler option '-'.

the project works well in my team mates but afte i formated my laptop, clone and install the project won't work :..(

Mirza S Reza

@mirzasreza

Yes, Scully exposes everything you need for that, but doesn't provide this out of the box.

what to do? can u suggest?

Sander Elias

@SanderElias

@seiuro2 try removing your node_modules and npm i again.

otherwise, take a look at the troubleshooting guide for the puppeteer. This is an error with puppeteer, probably not finding (the right) chrome it wants to start.

Ardian Fazri

@aredean

Hello, Just want to asking about ionic and scully. Any update on this issue? scullyio/scully#428

Brad McAlister

@sonicparke

Is anyone running A/B tests with Google Optimize on a scully site?

Sander Elias

@SanderElias

I'm not sure if they are doing A/B tests in combination with Goole Optimize, but A/B testing for sure.

Brad McAlister

@sonicparke

I was jsut wondering if anyone is having issues with experiments not running quite right. 50/50 split isn't actualy doing 50/50.

Where communities thrive

People

Repo info

Activity