sweet.js
CodeMirror
sweet.js | CodeMirror | |
---|---|---|
12 | 39 | |
4,580 | 26,590 | |
0.0% | 0.2% | |
0.0 | 6.3 | |
over 6 years ago | 10 days ago | |
JavaScript | JavaScript | |
BSD 2-clause "Simplified" 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.
sweet.js
-
JavaScript Macros in Bun
I was ready to be excited from the title, but was utterly disappointed :(
IMO these aren’t macros in the Lisp-sense of the word (or Rust, or even C); yeah they run code at compile time, but that’s where the common ends.
Macros should be able to apply syntactic transformation on the code. Lisp is famous for allowing that by representing code as lists. Rust has a compiler-level API to give tokens and run arbitrary code, then spit new tokens out. C macros operate on the tokens level, so with enough magic you can transform code to the shape you want.
This… isn’t any of that.
A pretty good example (and something I’m still sad that it didn’t take off) of macros in JS is Sweet.js[0]. Babel macros[1] are a bit higher level, where macros require the input to already be a valid AST, but that’s also cool.
This… I’d say it’s more of a build-time code execution feature, not a macro feature.
[0]: https://www.sweetjs.org/
Macros I'd expect to be able to be able to expand at compile time to more code to reduce boilerplate, something like SweetJS.
-
Angular Signals: What? Why? and How? (Classy explanation of what we know as writables.)
But yes, I'll tone down my appreciation for writables in this sub, I'll confine my tangents to svelte. A kind of a shame I'd love to talk about using https://www.sweetjs.org/ to make the $ autosubscription work outside of svelte, and the like. But holy off-topic Batman!
- Sweet.js - Hygienic Macros for JavaScript (Macros allow you to sweeten the syntax of JavaScript and craft the language you always wanted)
- Interesting... Macros for JavaScript?
-
Pipe Operator (|>) For JavaScript
Mozilla created SweetJS over a decade ago[0]. It added hygenic macros to JS and I'm sure everyone on the TC39 committee is familiar with it.
There's a lot to like about it, but macros in such a complicated language as JS are hard to get right. They'd also potentially lead to huge fracturing in the JS ecosystem with different factions writing their own, incompatible macro-based languages.
Look at JSX for an example. It's actually a subset of a real standard (E4X -- actually implemented in Firefox for a long time), but just one relatively small syntax addition has added complexity elsewhere.
For example, `const foo = (x:T) => x` is valid Typescript for a generic arrow function, but is an error if your file is using JSX.
I like the idea of macros, but I suspect they made the right call here.
[0] https://www.sweetjs.org/
-
Ultra-minimal JSON schemas with TypeScript inference
Sweetjs is unfortunately dead [0] for like 5 years now.
It also doesn't have any typescript awareness which is required to build this kind of functionality - you want to have static type introspection available in macros so you can generate code based on provided types.
[0] https://github.com/sweet-js/sweet-core/graphs/contributors
-
Equivalent to macros, ifdef and enums from other programming language?
None of these are supported natively by JavaScript. Macros and ifdefs you could get with your own build step using things like sweetjs or ifdef-loader for webpack. Enums are in a similar boat with TypeScript supporting enums out of the box. But there's also a (very early) proposal to add enums natively to JavaScript as well.
-
What are some reasons to use metaprogramming?
TS doesn’t have monadic do notation, which is something that I want very badly. This would be easy to add to JavaScript with Sweet.js macros, but there’s no equivalent tool for TypeScript. I expect that extending this to TypeScript would be very difficult.
-
SICP: JavaScript Edition available for pre-order
> If forEach is not to be used
That source is simply incorrect. forEach is perfectly fine to use as long as you realize what is happening. It iterates an array where each thing is a function that returns a promise. Of course the results aren't what they expect.
ES5 array additions suffer from being a little too early (though later stuff wouldn't exist otherwise, so...). They are designed to deal with holey arrays (arrays with indexes missing). This is extremely uncommon today, but was decently common once upon a time. They were also created before the iterator protocol.
The real fix is to design iterator versions that can handle things like async generator functions.
> it should be deprecated and removed from the language in a timely manner.
NOTHING can be removed from the language once added. Doing that would break all the older websites that depend on it (technically, a few minor breaks happened after they tested millions of sites and couldn't find anything that was adversely affected). At best, they can block older features from newer features. For example, using class syntax or a bunch of other ES6 language structures automatically makes your code shift into "use strict" mode.
I hope they introduce a "use strict 2" variant that strips away more of the undesirable features than the current "use strict" does.
> Since Javascript is based on C syntax, it should have the preprocessor that the birthplace of C saw it fit for that language not to be without.
That pre-processor was a source of untold nightmares. Direct injection leads to bugs. If someone is going that route, full-blown macros are the only answer. There is a full-blown macro system Mozilla created a few years ago, but it's not very popular.
https://www.sweetjs.org/
There also exist some C-style pre-processors for babel too, but they should be avoided because lisp's gensym is a critical feature that they and C both lack.
CodeMirror
-
I've cloned a simple VScode using Tauri and ReactJS
codemirror - a code editor component for the web
-
massCode v3 - An open source snippets manager is out 🚀
massCode uses Codemirror as the basis for the editor and .tmLanguage as the grammar for syntax highlighting. This tandem opens the door to over 600 existing grammars. The application currently supports more than 160 grammars. In addition to .tmLanguage, the application supports .tmTheme for themes. There is also…
-
pyTermTk sandbox with Pyodide + xterm.js + CodeMirror5 + other stuff
After giving up countless times since I started this project, I finally managed to dig the dark secrets of Pyodide and run pyTermTk on a browser, all of this, of course, thanks to the magic of xterm.js. I know, my friend, I know what you are thinking, I was disgusted at first picturing that hideous javascript defiling the python purity of my code, but, when I saw my red pepper shining on webkit engine, well, I couldn't hold back a tear. And after that, who am I to not include also an editor and my collection of demos and examples? So, here it is, a super minimal buggy and feature incomplete pyTermTk Sandbox
-
[Media] This is my first Rust project, a little pastebin web app called MicroBin. 🦀 It's blazingly fast 🚀🔥 and crazy safe of course
syntax highlighting is simple with https://codemirror.net/
-
CodeMirror 2 - Highlight only (no editor)
Can CodeMirror 2 be used to highlight code from a DIV or PRE tag (without the editor)?
-
How to add SQL editor to your django admin.
Official website of Codemirror.
-
Do you trust the Obsidian company?
CodeMirror [MIT] https://codemirror.net/
-
Implementing coding field on website
There sure is, take a look at Code Mirror
-
Help is needed for inquiring about something.
Codemirror is open source, so you can look at, clone and experiment with its actual code as much as you like to figure out how it works.
-
[Feedback] Working on a bunch of content-editable HTML templates, to allow users save time creating HTML markup/content.
Developed using the LAMP stack mainly because I'm more of a back-end (PHP) dev, and for various other reasons, like affordable web servers. The front-end is vanilla JavaScript (AJAX for dynamic stuff). I also use CodeMirror to provide the visual-code editor for programmers.
What are some alternatives?
Zepcode - ⚗️ Zeplin extension that generates Swift snippets from colors, fonts, and layers
Monaco Editor - A browser based code editor
ts-morph - TypeScript Compiler API wrapper for static analysis and programmatic code changes.
ace - Ace (Ajax.org Cloud9 Editor)
typescript-transformer-handbook - 📘 A comprehensive handbook on how to create transformers for TypeScript with code examples
ProseMirror - The ProseMirror WYSIWYM editor
medium-editor - Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.
Draft.js - A React framework for building text editors.
TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
Squire - The rich text editor for arbitrary HTML.
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.