Web GUI for Translators

[joeblew99]

I knwo google sheets is so so basic, but i saw another project doing it and its not half bad.

see here:
https://github.com/jgraph/draw.io/wiki/Translations

• This is actually a great way to do it, mostly because Translators DONT have to screw around with git.
• I can probably write a little tool to keep master in sync with the spreadsheet.
  • Does a Diff between what the code EN trans are and whats in the google sheet.
    • Red for removed from Git
    • Green for added from Git.
    • Translators can then sort by the Red, Gree and their language to see the exact work to be done.

I think there are some decent tools for talking to google sheets from golang.
https://developers.google.com/sheets/quickstart/go

• It looks capable enough..

[deankarn]

Hey @joeblew99

Yes it does look promising, I do however have a multi-step plan to do this sort of thing already, I just can't find the time to work on it lately.

My long term plan is to create another package that will use universal-translator that you can add, edit, remove translators and also manage all of your translations by locale through an http interface/site.

1. I need to make some minor non-breaking changes to universal-translator to allow thread/goroutine safety to the adding, updating and removing os translators/translations.

2. Add a few more safety checks to the VerifyTranslations() methods to ensure no locale is missing a translation that another may have.(so can't check in/save changes until all locales your site supports have the new translation.

3. Build the new package, add accessor methods for retrieving translations added through the http interface and stored in say boltdb(will make a pluggable storage system so anyone can store however they want)

I was actually working on a solution to locales tests first because without it universal-translator is just a fancy map.You had given me the idea for in the locales package go-playground/locales#1 (comment)

I started creating a site that I will host publicly and people can select a locale, see all of the l10n translations and be able to verify correct one and submit corrections to ones they deem incorrect.

right now it just displays the translations based on selected locale(only two while testing), I have to work on the UI and storage for submitted responses. The project can be found here

I hope to get to this sometime in 2017, but like I said I'm so busy it's hard to make any headway; I would be very grateful for any help on creation of the UI to my end goal, or even the locale-site project.

[joeblew99]

Hey Joey,

I pulled the code and ran it, so i can see where its at.

i am in the middle of a project and not on the beach as it were, so cant spare much time on the GUI.
But one thing i noticed is that your using a postback architecture, which i suspect is going to be horrible to use. Why not make a SPA (single page app).

Check this out !!
https://github.com/mh-cbon/mdl-go-components
Its really nice visually and to work with as a golang programmer.
In the Demo folder, make sure you go into the static folder and do a npm install
then just main.go

Now have a look at chip-autocomplete.
Its rendering the Front end, and the wiring up the backend nicely.
i think its perfect for your project because its not too big.

I also had a bit of a brain wave about his code.
I was trying to work out how best to make much bigger apps, with out it getting too hairy.
I think i have a really good solution (which i suggested to him).
On a page with lots of components your going to have lots of postbacks, and then your ging to also want to update other parts of the page as a result of one part changing.
So we use a Microservice Pub / Sub pattern using events.
when a post happens down onto a component that component MUST publish the Event globally.
All other components on that page can subscribe to that event and react as they see fit.
The only problem is that the 2nd component might need to push data up to the front end, and the code currently does not allow this because its a POST model.
What is needed is a RFC model, with any component being able to push up via websockets.

[deankarn]

Thanks I'll take a look, in my experience writing one language from another ultimately never pans out as well as expected.

I would usually modularise a route, page, rendering....into a single component and hook it into everything and then managing postbacks, errors, translations... Become easy to manage.

This is just a rough draft.

[joeblew99]

I see your point. Page knows all components so it can control it all. I was over baking the cake :) Your approach will work with that MDL library, because it does not assume much at all. If you do then, then i am up for helping on this. Joe

[deankarn]

Thanks, when I've got the storage for the locales project complete I'll give you a shout.

Realistically not till next year, December is pretty much a wash for me.

[joeblew99]

thats fine. Feel free to buzz me when your ready. Its a nice project and worth doing. cheers Joe

…

On Tue, Dec 6, 2016 at 3:07 AM Dean Karn ***@***.***> wrote: Thanks, when I've got the storage for the locales project complete I'll give you a shout. Realistically not till next year, December is pretty much a wash for me. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#5 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ALcac_ZOgTf-0PzCmbNn3BMqXtxUXLH4ks5rFMNGgaJpZM4LEw6v> .

[SCKelemen]

What exactly do you want help with?

[deankarn]

Hey @SCKelemen

It's really just the UI/UX I need help with; I was getting some of the underpinning done before hand like:

• A flat file format for import and export of translations(which is almost done, just writing tests)
• writing the DB layer and API to be used by web application, which I will start soon.

After that I can add extra code generation and checks.

The UI should be pretty straight forward I want the ability to:

• Add locales you want to add translations for
• Ability to group translations for purposes such as searching or viewing a single pages transitions eg. The homepage.
• Add translations, all 4 types, text, Cardinal, Ordinal and Range
• ability to add or modify translations for all locales in a single view.

Any help or thoughts on layout would be appreciated 😄

I have a suggestion regarding the GUI.

Use grpc and gopherjs.
It's a superior way to build a 100 % system with golang.

https://github.com/improbable-eng/grpc-web

Good example to get started:
https://github.com/johanbrandhorst/protobuf

I have used this for a few tooling projects.

You can build a web GUI and a CLI all using grpc for all comms.

It's quite well tested now too.

This will also make it easy to hook into Google translate using grpc also for machine translations.

Also congrats Joey on all of this. It's an amazing body of work. It's amazing that the Google team have not picked this up actually.
I embed this library into other projects like gopherjs and flutter because you get i18n all from one system in golang and so get all the same translation and currency logic everywhere ( servers, desktops, mobiles ).

I am hoping to write a plug-in for flutter to hook into this code also. It's pretty easy and a few other gophers are doing the same hooking up between flutter and golang. But no freaking time.

[deankarn]

Thanks, happy that it has been of help! Unfortunately, I also have no time to work on this project right now.

I wanted to build out the GUI and interactions with other services like google translate and such, but I can't spare the time; I'm leaving it up to the community to build packages on top of this but will be able to assist in adding/exposing what is needed from this library.

no worries i think i can get something going pretty quick. Will start with a CLI and get the interaction right and then do a web GUI. Will update you with how i go. As far as Google ML translate thats easy.

…

On Mon, 16 Apr 2018 at 17:12 Dean Karn ***@***.***> wrote: Thanks, happy that it has been of help! Unfortunately, I also have no time to work on this project right now. I wanted to build out the GUI and interactions with other services like google translate and such, but I can't spare the time; I'm leaving it up to the community to build packages on top of this but will be able to assist in adding/exposing what is needed from this library. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#5 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ATuCwqPd4zxdzyEEZu6sWxafJWxRaQ7Fks5tpLT0gaJpZM4LEw6v> .

[SCKelemen]

If this is something we really want to do, I can spin up a webui. If you guys have an existing API, can you give me whatever reference is available? If not, I can just do my own thing, and add it in a new package here.