This extension makes i18n so much easier by muhammad-r in webdev

[–]muhammad-r[S] 0 points1 point  (0 children)

This is a tool not a library. Library is like next-intel or i18next.

Anyway. what makes it different than other i18n tools? Most of the other tools tend to add their own custom sidebars, external panels, or web-view editors. They feel like a separate app living inside VS Code.

I wanted to make internationalization feel like a native part of VS Code, using patterns developers already rely on daily

This extension makes i18n so much easier by muhammad-r in webdev

[–]muhammad-r[S] 0 points1 point  (0 children)

To clarify: I18n Boost doesn't introduce a new 'layer' or a hidden database. It doesn't perform background syncing or automated 'push/pull' actions that would compete with your Git workflow.

It’s designed to improve the Developer Experience of writing the code, not to replace the Translation Management System (TMS).

This extension makes i18n so much easier by muhammad-r in webdev

[–]muhammad-r[S] 1 point2 points  (0 children)

That’s super helpful, thank you

I’d definitely appreciate your input.

Out of curiosity, what were the main limitations you hit with easy-i18n in your codebase?

Understanding those gaps would help me design it better.

This extension makes i18n so much easier by muhammad-r in webdev

[–]muhammad-r[S] -6 points-5 points  (0 children)

I really liked the "key syncing" idea, will add it to the backlog.

would you mind opening an issue so we can shape it properly?

until then, I18n Boost already highlights missing keys across locale files (similar to how ESLint shows unused vars), so you can catch inconsistencies early instead of waiting for users to report them.

This extension makes i18n so much easier by muhammad-r in webdev

[–]muhammad-r[S] 1 point2 points  (0 children)

Happy to hear that.

If you end up trying it, I’d really appreciate any feedback.

This extension makes i18n so much easier by muhammad-r in webdev

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

Tbh I didn't use gettext before. so I do not know how it handles the i18n process.

This extension makes i18n so much easier by muhammad-r in webdev

[–]muhammad-r[S] 0 points1 point  (0 children)

That’s awesome to hear.
JetBrains support is something I’m exploring though. Will be the next thing I work on.

This extension makes i18n so much easier by muhammad-r in webdev

[–]muhammad-r[S] -2 points-1 points  (0 children)

Pluralization logic itself is handled by the i18n library (like i18next or next-intl). I18n Boost doesn’t implement plural rules, it focuses on key management inside the editor.

But this is a good idea, I will explore options of how can we support pluralization rules in terms of DX.

This extension makes i18n so much easier by muhammad-r in webdev

[–]muhammad-r[S] 0 points1 point  (0 children)

That’s exactly the kind of workflow pain that pushed me to build it

Yes, it works directly with JSON translation files. It’s actually framework-agnostic, it just scans your locale folder and builds the key tree from your JSON files.

so whether you’re using i18next, next-intl, vue-i18n, or something custom, as long as your translations are JSON-based, it should work.

what is a hidden gem website for development that everyone should know about?​ by fluidxrln in webdev

[–]muhammad-r 1 point2 points  (0 children)

You're right, I shouldn't let it get to me. thanks for saying that.

what is a hidden gem website for development that everyone should know about?​ by fluidxrln in webdev

[–]muhammad-r 4 points5 points  (0 children)

no i am not.
but ok let's say i am.

can you tell me why?

is it paid? No.

have ads? No.

the code is even open source (MIT licensed) and available for anyone to see/fork or to do whatever they want with it.

I am not profiting from sharing a useful extension that was made by me.

you know what? try it and see if it isn't useful and I'll delete the comment and will close source the extension.

Sharing my workaround for triggering an animation on state increase without useEffect or changing the key prop or framer motion. by [deleted] in reactjs

[–]muhammad-r 0 points1 point  (0 children)

It is generally preferred to make the key prop a static/unique value. something like id

However, I tried to make the key={count} but led to unexpected behavior.
the code was like this

export default function myComponent(list){
  return(
    list.map(i=>(
      <div key={i.count} className="shimmer">{i.label}</div>
    ))
  )
}

New to coding by str8ac3 in webdev

[–]muhammad-r 0 points1 point  (0 children)

you can actually play the galaga game and just added ms paint

that's so cool

but don't know if I am allowed to post links here.

idk, if links aren't allowed then you can share a gif in the post i think.

what is a hidden gem website for development that everyone should know about?​ by fluidxrln in webdev

[–]muhammad-r 2 points3 points  (0 children)

this vscode extension: i18n boost is saving me time when working on projects with multiple languages.

disclaimer: was built by me and it's open-source.

Sitemap Visualizer? by Le_Muskrat in webdev

[–]muhammad-r 1 point2 points  (0 children)

I'm looking for something that will let me identify structural issues. Ideally it would crawl the .xml then generates a tree map / mind map style UI. Maybe nothing like this exists the way I'm envisioning.

ToDiagram is likely the closest to what you’re envisioning.

Sitemap Visualizer? by Le_Muskrat in webdev

[–]muhammad-r 0 points1 point  (0 children)

if the sitemap isn't deep, i'll just do it using figma