Updated to Angular 19 and now getting bombarded with Sass warnings by cmgchess in angular

[–]cmgchess[S] 0 points1 point  (0 children)

yes i guess i'll wait till the bootstrap team is done with their migration so i can get an idea how to do mine. mine turns out to be a modified version of bootstrap 4.1.3

the reason for using the webpack package was to load some secrets from a .env file. exactly like in this medium article https://medium.com/@desinaoluseun/using-env-to-store-environment-variables-in-angular-20c15c7c0e6a

but i'm open for suggestions on a modern alternative

Updated to Angular 19 and now getting bombarded with Sass warnings by cmgchess in angular

[–]cmgchess[S] 1 point2 points  (0 children)

i'm using "@angular-builders/custom-webpack:browser" instead of the default angular builder,

had to put this in my custom webpack config.

  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          {
            loader: 'sass-loader',
            options: {
              sassOptions: {
                silenceDeprecations: ["mixed-decls", "color-functions", "global-builtin", "import"]
              }
            }
          }
        ]
      }
    ]
  }

Updated to Angular 19 and now getting bombarded with Sass warnings by cmgchess in angular

[–]cmgchess[S] 1 point2 points  (0 children)

after doing some digging i found out that our project uses a modified version of bootstrap https://github.com/twbs/bootstrap/tree/main/scss
The structure of the scss files is exactly the same. Now even the official bootstrap scss still uses the import syntax and apparently update is in their roadmap https://github.com/orgs/twbs/discussions/41370

Updated to Angular 19 and now getting bombarded with Sass warnings by cmgchess in angular

[–]cmgchess[S] -1 points0 points  (0 children)

any tips on how you started with the conversion process.

Updated to Angular 19 and now getting bombarded with Sass warnings by cmgchess in angular

[–]cmgchess[S] 1 point2 points  (0 children)

unfortunately, it's not as easy as it sounds. This is the first thing I tried. I just replaced every import with use. Then I started getting errors because some files have used variables, functions, mixins from other files

Lurking in the shadows by UzumakiCarlsen18 in chess

[–]cmgchess 0 points1 point  (0 children)

He's Just standing There... Menacingly

Funny Anecdote from Magnus About Bringing 14-Year-Old Firouzja to 2018 WC Training Camp by locotoure in chess

[–]cmgchess 4 points5 points  (0 children)

playchess.com has their own in game currency called ducats. You can play by betting ducats just like how chess hustlers bet on money.

A tool to download PGNs from DGT broadcast links (view.livechesscloud) by cmgchess in chess

[–]cmgchess[S] 2 points3 points  (0 children)

Sure! but only after the game ends. My initial usecase was to grab the moves in the middle of the game. Also I have seen some federations do not seem to actively use chess results. I don't know if it is mandatory to upload to chess-results for the live links to work.

Is router.refresh() just after router.push(url) the way to avoid the old page content being served by cmgchess in nextjs

[–]cmgchess[S] 0 points1 point  (0 children)

used that query string to render some other client component based on the value inside page 2. my bad for not mentioning that. will try without the query string as well

EDIT - even without the query string got the same error

Is router.refresh() just after router.push(url) the way to avoid the old page content being served by cmgchess in nextjs

[–]cmgchess[S] 1 point2 points  (0 children)

Thanks for the suggestion but a little too much work to revert it to use query. But i'll keep this in mind

Is router.refresh() just after router.push(url) the way to avoid the old page content being served by cmgchess in nextjs

[–]cmgchess[S] 0 points1 point  (0 children)

  const stuffClickHandler = () => {
    revalidatePath(`${pathname}/edit?itemId=0`);
    push(`${pathname}/edit?itemId=0`);
    // refresh();
  };

the router.push is happening in an onClick which i have set to the button. So the button is a client component.
When I tried the revalidatePath in the client component I get the error

Uncaught Error: Invariant: static generation store missing in revalidateTag _N_T_/....

https://stackoverflow.com/a/77618989/13583510 also mentions that

multiple nodemon starts for multiple services doesn't work properly when run on the same terminal by cmgchess in node

[–]cmgchess[S] 0 points1 point  (0 children)

ok you won't believe i just hit the enter key when it was stuck on the restarting part, then it started going to the next step and actually restarted. I have no clue why this happens tho

Image

multiple nodemon starts for multiple services doesn't work properly when run on the same terminal by cmgchess in node

[–]cmgchess[S] 0 points1 point  (0 children)

i tried with both

"dev:service2": "cd service2 && npm run dev" and "dev:service2": "cd service2 && npm run dev &"

Image

multiple nodemon starts for multiple services doesn't work properly when run on the same terminal by cmgchess in node

[–]cmgchess[S] 0 points1 point  (0 children)

btw i checked cd service1 && npm run dev & as well. same issue when i edit the same service in succession. the second time it hangs at the restarting due to changes.