commands
unified
commands | unified | |
---|---|---|
7 | 14 | |
21 | 4,250 | |
- | 1.1% | |
6.1 | 7.2 | |
15 days ago | 11 days ago | |
TypeScript | JavaScript | |
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.
commands
-
Show HN: Make 3D art in your browser using Lisp and math
It's CodeMirror! All I had to do was write a Janet grammar for it -- very easy to do. CodeMirror is pretty amazing -- I was able to implement the "edit values with your mouse" by just asking CodeMirror for the syntax node under the cursor, checking if it parsed as a number, and if so replacing it with a different string.
https://codemirror.net/
https://github.com/ianthehenry/codemirror-lang-janet
I went with CodeMirror after reading this post that compares a few different editor components: https://blog.replit.com/codemirror and I've been super happy with it.
-
Wrighter (β) - A Powerful Markdown Blogger & A Writing Companion ⚡
The wrighter editor is built on top of codemirror and bytemd. codemirror is the go-to choice when it comes to flexible/hackable text editing and bytemd provides a nice wrapper for codemirror using react with some extra functionalities. I wanted to create a fork of bytemd that includes all the WYSIWYM features that I built for wrighter, but it was out of scope and takes too much time.
-
Help me understand how the REPL actually works
I will just use technology I am familiar with. Tauri + CodeMirror + CM's Common Lisp mode should hopefully get me a long way.
-
Welcome to The Spicy Web YouTube Channel
And the second video is an example of me converting some messy vanilla JavaScript code for initializing and accessing multiple CodeMirror code editors to clean, encapsulated, well-organized web component code. (Still vanilla!)
-
Apply multiple styles to contenteditable div using keyboard shortcuts
You can check out the CodeMirror library - https://codemirror.net/ It seems to be great match for this case.
-
Adding Codemirror 6 to a React Project
Try it out in your editor and it should work a dream. For all of the possible commands, you can add check out the command repo's README.
unified
-
No CMS? Writing Our Blog in React
From TFA:
> My idea was that surely it's possible to write a bunch of markdown, and then have that get wrapped in a bunch of JSX tags that come pre-styled, using the styles of your existing repo? For example, what I expected was to be able to write *test* (Markdown for bold) and then get a component that looked liketest where is a library-defined React component
It surely is possible, so perhaps I can share some links if others are wondering the same thing.
If you like to roll your own solution for that, you can use the unified ecosystem: https://unifiedjs.com/
However, if you want JSX just do what everyone does and reach for MDX:
-
The hustle free way to build a next.js blog with dev.to
Styling the blog, figure out the eco-system within UnifiedJs, remark-rehype, oh boy, I could write another blog with that.
-
building a basic markdown editor: unified, trees and data
To build the Markdown editor (and the preview, mostly), I decided to use unified, an ecosystem of tools allowing the developer to parse a format into an abstract tree and back into another format (for example, markdown to html) and modify said tree (for example, to add specific classes to certain html elements before they are converted to an actual html string. The basics of how to do so can be found in this article, but they mostly consist of:
- Content as structured data, Compile content to syntax trees and vice versa
-
HTML to React service
It’ll take you a few hours to become proficient in the “unified” syntax tree libraries. So worth it. Easy fully customized conversion to/from html, react, plain text, markdown, you name it. https://unifiedjs.com/
-
Universal compiler using WASM architecture
Why universal? Because a lot of languages are simillar in a bunch of ways and it might be good to reuse existing parts of the compiler to speed up the process of writing new DSLs for example. Also a pretty big use-case is not for compilers itself but just for transformers like Markdown to HTML, there are already a lot of libraries (like https://github.com/unifiedjs/unified for ASTs and https://tree-sitter.github.io/tree-sitter/ for parsing) that try achieve similar goals but they are not working together.
-
Converting and customizing Markdown files to HTML with Unified, remark & rehype
Unified is a framework to process Markdown. It's a plugin-based tool that allows you to inspect and modify the way Markdown is converted to other formats like HTML.
-
Wrighter (β) - A Powerful Markdown Blogger & A Writing Companion ⚡
under the hood, the markdown is parsed by the unified remark and rehype processors, which in turn under the hood manipulate the markdown + HTML as an AST, which gives a lot of flexibility on parsing and rendering markdown. The editor uses them as plugins, which allows me to pick the features and inject them into the editor, one such injectable feature is the custom-made "copy from anywhere & paste as markdown" feature.
-
Building React Components from headless CMS markdown
Having the flexibility to create custom React Components for markdown is essential and with react-markdown, we can achieve this in just a few lines of code. Boosting performance, increasing link security, and having overall increased capabilities for our markdown data are what we achieve here. Aside from the improvements within our application, this component is super easy to use and taps us into the unifiedjs (giving us superpowers!).
-
I create my own homepage!
The Markdown processor used unified assets.
What are some alternatives?
vite - Next generation frontend tooling. It's fast!
mdx - Markdown for the component era
Cron Expression - CRON for PHP: Calculate the next or previous run date and determine if a CRON expression is due
uniorg - An accurate Org-mode parser for JavaScript/TypeScript
Shunt - [ABANDONED] PHP library for executing commands on multiple remote machines, via SSH
orgajs - parse org-mode content into AST
Boris - A tiny REPL for PHP
retext - natural language processor powered by plugins part of the @unifiedjs collective
Laravel-Zero - A PHP framework for console artisans
ntast - Notion Abstract Syntax Tree specification.
colorchord - Chromatic Sound to Light Conversion System
unist - Universal Syntax Tree used by @unifiedjs