visual-editor
Nest
visual-editor | Nest | |
---|---|---|
10 | 312 | |
268 | 64,525 | |
- | 1.4% | |
4.0 | 9.9 | |
7 days ago | 1 day ago | |
Dart | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
visual-editor
-
I believe you'll find this presentation as great food for thought. I'm presenting the various challenges of designing the state store for a rich text library in Flutter. The public API of the library imposes quite some serious limitations which were quite challenging to bypass.
A few words about Visual Editor. This editor is built around the powerful Quilljs Delta document format originally developed by QuillJs. Delta documents can be easily converted to JSON, the encoding is easy to read and modify and offers many extensibility options.
-
Rich Text Editor with support for \t tabs
There's a fork of flutter_quill called visual-editor. It switches to the next widget in the focus sequence, which is one way to properly handle the key.
-
Suitable Rust GUI Library for Code Editor?
Flutter also isn't great for text editors, but there are a few implementations like visual-editor for formatted text that's acceptable. Also, the xterm package is pretty amazing from its capabilities (even runs full vim!).
-
flutter_eval v0.5: Web support, EvalPad, tear-offs, and a tale of 8,000 icons
There's visual-editor, but that one has a different focus than a programming editor.
-
I've migrated a text editor library (13K LOC) from no state management (spaghetti code) to state management. I'm sharing here my experience and a breakdown of the architectural decisions that I took (long read)
Two months ago I decided to fork the Quill rich text editor because the architecture is extremely difficult to follow. Since I desperately need for my own project, a strong rich text editor that can be easily extended with more features I took the decision to byte the bullet and refactor Quill from the ground up. There are numerous extremely good features in Quill yet the overall architecture was a total train wreck. In this article I'll be explaining in detail what were the issues and how I attempted to improve them. You can find the source code at Visual Editor Github. I've documented the entire process and I'll be releasing deep dive Flutter architecture episodes at Visual Coding YouTube. Enough shameless plugs, let's get going.
- Proiecte open source romanesti?
-
The best spaced-repetition platform that is seamlessly integrated with Youtube
You are right, we have programmed the app with Flutter and are very happy with the framework. Two years ago, when we started, many libraries were still missing in the community, especially the text editors were problematic. That's why I contributed a lot to the community to improve the status. At the moment I am very excited about the libraries SuperEditor and VisualEditor. Otherwise, the tooling with Flutter is excellent and it's a lot of fun to program with it. We programmed the server with NestJS, use a PostgreSQL database and GraphQL as the query language.
- I've decided to fork Flutter Quill Rich text editor and to do a general cleanup, add docs, tests and new features. During the refactoring I'll be recording YouTube episodes about code quality and software architecture in Flutter
-
I've decided to fork Flutter Quill Rich text editor and do a general cleanup, add docs, tests and new features. During the refactoring I'll be recording YouTube episodes about code quality and software architecture in Flutter
Visual Editor Gihub Repo - Freshly forked, already many changes, to be published in pub dev.
Nest
-
NestJS tip: how to change HTTP server timeouts
When using the NestJS framework, sometimes you may need to change some default timeout. You can define them just like you'd do in a plain Node.js HTTP server like so:
-
Containerize your multi-services app with docker compose
Back: a graphQL server built with Nestjs
-
Full Stack Web Development Concept map
NestJS - opinionated more scalable, but harder to learn docs
-
Don't go all-in Clean Architecture: An alternative for NestJS applications
Pragmatically, we can apply this to a Nest application by creating an Interface for our services, separating the Presenter layer (Controller) from the Use Case (Services):
- Utilizando Testcontainers para Testes de IntegraĆ§Ć£o com NestJS e Prisma ORM
-
A Gentle Introduction to Containerization and Docker
Itās a text document that contains all the commands a user could call to assemble an image. Letās check an example of a Dockerfile for a nodejs app in this case it will be a NestJS app and then explain each part.
-
Scalable REST APIs with NestJS: A Testing-Driven Approach
describe('Create bookmarks', () => { const dto: CreateBookmarkDto = { title: 'NestJS', link: 'https://nestjs.com/', }; it('should create bookmark', () => { return pactum .spec() .post('/bookmarks') .withHeaders({ Authorization: 'Bearer $S{userAt}', }) .withBody(dto) .expectStatus(201) .stores('bookmarkId', 'id')//store the bookmark id in the variable bookmarkId .expectBodyContains(dto.title) .expectBodyContains(dto.link) }); });
-
Rust GraphQL APIs for NodeJS Developers: Introduction
In my usual NodeJS tech stack, which includes GraphQL, NestJS, SQL (predominantly PostgreSQL with MikroORM), I encountered these limitations. To overcome them, I've developed a new stack utilizing Rust, which still offers some ease of development:
-
A Step-by-Step Guide to Implement JWT Authentication in NestJS usingĀ Passport
The purpose of this article is to provide a step-by-step guide for implementing authentication system in a NestJS project using the Passport middleware module.
-
From Frontend to Backend
That's exactly where I am. My manager gave me these links, that cover a lot of those words the backend uses, so I can identify what they mean and how to use them. 1. For inspiration and concepts: https://github.com/Sairyss/domain-driven-hexagon 2. Suggested to read the documentation for nest.js. They apply such concepts I don't understand: https://nestjs.com/
What are some alternatives?
super_editor - A Flutter toolkit for building document editors and readers
SailsJS - Realtime MVC Framework for Node.js
flutter-quill - Rich text editor for Flutter
Koa - Expressive middleware for node.js using ES2017 async functions
xterm.dart - š» xterm.dart is a fast and fully-featured terminal emulator for Flutter, with support for mobile and desktop platforms.
loopback-next - LoopBack makes it easy to build modern API applications that require complex integrations.
logmasker
feathers - The API and real-time application framework
PostgreSQL - Mirror of the official PostgreSQL GIT repository. Note that this is just a *mirror* - we don't work with pull requests on github. To contribute, please see https://wiki.postgresql.org/wiki/Submitting_a_Patch
Ts.ED - :triangular_ruler: Ts.ED is a Node.js and TypeScript framework on top of Express to write your application with TypeScript (or ES6). It provides a lot of decorators and guideline to make your code more readable and less error-prone. āļø Star to support our work!
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
Moleculer - :rocket: Progressive microservices framework for Node.js