TeXlyre is the only open-source local-first web editor that supports both Typst and LaTeX compilation in the browser. It now includes additional features:
* Project file search
* Word number counting for LaTeX (TeXcount) and Typst (wordometer)
* Indentation and line formatting with tex-fmt and typstyle
Try it: https://texlyre.github.io
#LaTeX #typst #WebDevelopment #typesetting #documentEditing #EdTech #localfirst #OpenSource #foss #CollaborativeEditing #yjs #webrtc #filepizza #TypeScript
TeXlyre, the open-source local-first collaborative LaTeX web editor now supports Typst. Try it: https://texlyre.github.io
#LaTeX #typst #WebDevelopment #typesetting #documentEditing #EdTech #PDF #SVG #localfirst #OpenSource #foss #CollaborativeEditing #yjs #webrtc #filepizza #codemirror #TypeScript #react #GitHub
TeXlyre is a local-first open-source LaTeX web editor with real-time collaboration, p2p file transfer, git integration, in-browser compilation, BibTeX cleaning (+ DOI lookup), and much more. Visit https://texlyre.github.io for more
#LaTeX #tikz #typescript #web #webPlatform #webRTC #Yjs #filepizza #localfirst #SelfHost #SelfHosting #collabwriting #realtime
Секреты работы онлайн-редакторов: что происходит при совместном редактировании? Yjs, CRDT, и другие магические слова
Представьте: вы и коллега в разных уголках планеты, но курсоры ваши встречаются в документа онлайн редактора. Вы одновременно вставляете слова в одну и ту же позицию или удаляете фрагмент текста, который ваш коллега в этот момент редактирует. Казалось бы, результат должен превратиться в хаос, но всё складывается в единую, логичную версию текста — несмотря на расстояния, задержки и одновременные правки. При этом вы даже не ждете, пока ваши изменения согласуются с общим состоянием на сервере. Просто редактируете документ и можете быть уверены в том, что ваши изменения применятся. На деле за этим волшебством часто скрываются CRDT — структуры данных, делающие возможной децентрализованную синхронизацию. Я сам столкнулся с этим, когда работал над онлайн-совместным редактором: CRDT и библиотека Yjs буквально спасли мой проект от хаоса и сделали синхронизацию прозрачной. Меня зовут Никита Лыкосов, я занимаюсь фронтенд-разработкой в
https://habr.com/ru/companies/doubletapp/articles/921994/
#GCounter #CRDT #Yjs #wysiwyg #wysiwygредактор #коллаборатиныйредактор #колллаборативные_редакторы_текста
Docs: Real-time collaborative note-taking system, with off-line mode.
Built on top of #Django #NextJS #Yjs (CRDTs) #MinIO #BlockNoteJS. Easy to self-host, MIT license. Joint effort of the French and German governments.
https://docs.numerique.gouv.fr/
https://github.com/suitenumerique/docs
/via @alexlunaview
🧑💻
Learn to build a real-time collaborative Kanban board with Yjs, valtio, and React. This tutorial covers adding/editing tasks, drag-and-drop, & syncing cursors for multiple users.
See the complete guide here: https://dev.to/route06/tutorial-building-a-collaborative-editing-app-with-yjs-valtio-and-react-1mcl
For everyone interested in learning #yjs , maybe thats a good introduction: https://learn.yjs.dev/
I really enjoy working with it , solves lots of problems when building collaborative web apps #JavasScript #webdev
🌖 學習使用 Jamsocket 的 Yjs
➤ 始於基礎知識的學習，探索處理分散式應用程式狀態的技巧。
✤ https://learn.yjs.dev/
這是一個關於使用 Yjs CRDT 函式庫建立即時協作應用的互動教學系列，介紹基本概念及處理分散式應用程式狀態的技巧，並示範如何避免協作應用的困難。透過探索性示範及程式碼練習，你將深入瞭解 Yjs 如何運作。
+ 看起來很有趣，我也想嘗試建立即時協作應用。
+ 這個教學系列似乎能幫助我更深入瞭解 Yjs 的應用及優勢。
#Yjs 教學
WebRTC debugging.
I spent hours debugging and now need to share the solution with the world.
Tried to establish a #WebRTC-based #p2p connection (using #yjs and y-webrtc) in a LAN behind NAT, but ICE failed. Neither STUN nor TURN seemed to help, nor did a local #Coturn or local signaling server.
The solution was to force TURN through TCP, i.e. using something like this as TURN id:
turn:ADDR:PORT?transport=tcp
Kudos for the final hint and other debugging pointers:
Para el 24 de noviembre #YPJ y #YPS están invitados a hablar sobre su análisis político y organización en una reunión en línea (Zoom).
Spanish-Kurdish language event:
On the 24th November #YPJ and #YJŞ (Yezidi Women's Defense Units) will be talking in an online meeting about the ongoing 3rd World War & the importance of self-defense and autonomous organizing of women.
Zoom-Link: https://us06web.zoom.us/j/85037331470?pwd=MNQ8ADWPwyeR2AAxpr5zupeCN6Jqkp.1
🚀🪄⛧ Sigil Séance Against Space Billionaires
Institute collaboration with Lucile Olympe Haute
📄 Full paper from the Radical Futures conference is now available: https://sigil-seance.diagram.institute/radical-futures-2024/
TLDR: We made a collaborative web-app to launch curses at space billionaires using chaos magick sigils. A dangerous but necessary measure to take as protection ritual for the Earth.
I am blown away by the advances in open source around collaborative editing. Projects like Yjs are game changers. https://blog.kevinjahns.de/are-crdts-suitable-for-shared-editing/
🔗 Check out valtio-yjs, the bridge between valtio and Yjs! 🌉💡 Simplify your usage of Yjs with valtio's easy-to-use proxy state library for #ReactJS and #VanillaJS. With valtio-yjs, a valtio proxied object can be used just like a regular JavaScript object, making collaboration with Yjs seamless. Find it here: https://github.com/dai-shi/valtio-yjs #JavaScript #TypeScript #Collaboration #ProxyStateLibrary #valtiojs #CRDT #Yjs
📦 Discover Yjs, an impressive collaborative editing framework! 🤝📝 Yjs enables real-time collaboration on shared documents and data structures across multiple users. Whether you're building a collaborative text editor or a collaborative whiteboard, Yjs has got you covered! 🚀🔧
Check it out on GitHub: https://github.com/yjs/yjs
#CollaborativeEditing #RealTimeCollaboration #OpenSource #yjs #CRDT #webdev
Yoooooo!
Zustand Middleware Yjs finally supports string editing!
https://github.com/joebobmiles/zustand-middleware-yjs/releases/tag/v1.3.0
frustrated because SyncedStore (https://syncedstore.org/docs/) (a layer of reactivity on top of Y.js) breaks basic JavaScript semantics and things break in weird ways: https://nulo.ar/SyncedStore.html (and more that i haven't documented there)
Combining #Yjs (the #CRDT toolkit) with #SQLite #WASM in the browser is an idea thats been bouncing around in my head for a while.
I decided to have a quick play...
https://github.com/samwillis/yjs-sqlite-test
Demo:
http://samwillis.co.uk/yjs-sqlite-test/
This could be a really good way to build local first web apps, all content stored and indexed in a local SQLite database. Just needs wrapping up with a multi-document sync system.
Makes me wonder if a similar approach of leveraging #yjs doc and #automerge would work in case of https://github.com/nimmen/crdt-sqlite which is a vaguely similar sort of thing, for sqlite (at least one big difference being that the kinds of CRDTs supported by yjs are far more powerful). I imagine the wasm compilation mode might not be workable / attractive to build this way.
pg_crdt from #supabase integrates #yjs and #automerge in a Postgres extension to implement #crdt based syncing at the DB level.
Indirectly, the fact you have the flexibility to stick extensions like this in a Supabase application and it works at all cleanly with the pre-existing Realtime feature is a pretty good sign re: its design as far as flexibility.
