time	section
00:00	Introduction
01:26	Starting from scratch
03:33	Trying it out
04:08	Conclusion

Recipe

Name

Flashcards from translations

Callback

const source = document.querySelector('textarea[aria-label="Source text"]').value.split('\n');

const pronounce = source.map(e => '');

if (document.querySelector('div[data-location="2"] div')) {
document.querySelector('div[data-location="2"] div').textContent.split('\n').forEach((e, i) => pronounce[i] = e);
}

const translations = Array.from(document.querySelectorAll('div[aria-live="polite"] > div > div > span > span:nth-child(2n + 1) > span')).map(e => e.textContent);

const cardsText = translations.map((e, i) => [e, source[i], pronounce[i]].map(e => e.trim().replace(/^- ?/g, '')).join(';')).join(' ');

return this.api.LCHCopyToClipboard(cardsText);


URL Filter

https://translate.google.com

---

Part of Cooking with Launchlet.

time	section
00:00	Introduction
01:26	Starting from scratch
03:33	Trying it out
04:08	Conclusion

Recipe

Name

Flashcards from translations

Callback

const source = document.querySelector('textarea[aria-label="Source text"]').value.split('\n');

const pronounce = source.map(e => '');

if (document.querySelector('div[data-location="2"] div')) {
document.querySelector('div[data-location="2"] div').textContent.split('\n').forEach((e, i) => pronounce[i] = e);
}

const translations = Array.from(document.querySelectorAll('div[aria-live="polite"] > div > div > span > span:nth-child(2n + 1) > span')).map(e => e.textContent);

const cardsText = translations.map((e, i) => [e, source[i], pronounce[i]].map(e => e.trim().replace(/^- ?/g, '')).join(';')).join(' ');

return this.api.LCHCopyToClipboard(cardsText);


URL Filter

https://translate.google.com

---

Part of Cooking with Launchlet.

I'm super excited to share Launchlet https://launchlet.dev - my first project that integrates with remoteStorage. It's a javascript/css launcher that you can run as a bookmarklet, browser extension, or module in your own project.

There is a compose interface for managing your Recipes and it uses remotestorage.js + a custom storage widget. It's so nice to be able to work offline, sync between different devices or prod/dev environments. I wish remoteStorage was more well-known and adopted everywhere because it makes the whole app and dev experience so much simpler.

Any feedback is welcome. Let's make more of these apps!!

Launchlet

I'm super excited to share Launchlet https://launchlet.dev - my first project that integrates with remoteStorage. It's a javascript/css launcher that you can run as a bookmarklet, browser extension, or module in your own project.

There is a compose interface for managing your Recipes and it uses remotestorage.js + a custom storage widget. It's so nice to be able to work offline, sync between different devices or prod/dev environments. I wish remoteStorage was more well-known and adopted everywhere because it makes the whole app and dev experience so much simpler.

Any feedback is welcome. Let's make more of these apps!!

Launchlet