Source transformer enabling ECMAScript 6 generator functions (yield) in JavaScript-of-today (ES5)
generator yield coroutine rewriting transformation syntax codegen refactoring transpiler desugaring es6ECMAScript code beautifier/formatter.This tool is still missing support for many important features. Please report any bugs you find, the code is only as good as the test cases. Feature requests are very welcome.
babel beautifier beautify ecmascript esprima format formatter jscs source style syntaxIssues with the output should be reported on the Babel issue tracker.See the Babel options, except for sourceMap and filename which is handled for you.
babel gulp-plugin gulpplugin transpiler es2015 es2016 es2017 rewriting transformation syntax codegen desugaring compilerNOTE: As Chroma has just been released, its API is still in flux. That said, the high-level interface should not change significantly.Chroma takes source code and other structured text and converts it into syntax highlighted HTML, ANSI-coloured text, etc.
syntax highlighting highlighter library tool html consoleIn less poetic terms, Recast exposes two essential interfaces, one for parsing JavaScript code (require("recast").parse) and the other for reprinting modified syntax trees (require("recast").print). See ast-types (especially the def/core.js) module for a thorough overview of the ast api.
ast rewriting refactoring codegen syntax transformation parsing pretty-printingHighlight.js is a syntax highlighter written in JavaScript. It works in the browser as well as on the server. It works with pretty much any markup, doesn’t depend on any framework and has automatic language detection. It supports 176 languages and 79 styles, automatic language detection, multi-language code highlighting and lot more.
highlight syntax highlighting syntax-highlighter code-highlightingEsprima (esprima.org, BSD license) is a high performance, standard-compliant ECMAScript parser written in ECMAScript (also popularly known as JavaScript). Esprima is created and maintained by Ariya Hidayat, with the help of many contributors. Esprima can be used to perform lexical analysis (tokenization) or syntactic analysis (parsing) of a JavaScript program.
esprima ecmascript parsing ast parser syntaxSyntaxHighlighter is THE client side highlighter for the web and web-apps! It's been around since 2004 and it's used virtually everywhere to seamlessly highlight code for presentation purposes. SyntaxHighlighter is currently used and has been used in the past by Microsoft, Apache, Mozilla, Yahoo, Wordpress, Bug Labs, Freshbooks and many other companies and blogs.
highlight syntax syntax-highlighter code-highlightingThis is a package with preferences and syntax highlighter for cutting edge Python 3, although Python 2 is well supported, too. The syntax is compatible with Sublime Text, Atom and Visual Studio Code. It is meant to be a drop-in replacement for the default Python package. We are proud to say that MagicPython is used by GitHub to highlight Python.
syntax-highlighter atom visual-studio-code sublime-text-3 python-3 highlighter syntax python3highlights code in any programming language
syntax highlight highlighting source code source-code snippet code-snippetWe are developing a library package @microsoft/tsdoc that provides an open source reference implementation of a parser. Using this library is an easy way to ensure that your tool is 100% compatible with the standard. These are just examples. Many other tools in today's web developer community want to interact with TypeScript doc comments. Each of these tools accepts a syntax that is loosely based on JSDoc, but encounters frustrating incompatibilities when attempting to coexist with other parsers.
typescript documentation comments syntax jsdoc parser specificationChevrotain is a blazing fast and feature rich Parser Building Toolkit for JavaScript. It can be used to build parsers/compilers/interpreters for various use cases ranging from simple configuration files, to full fledged programing languages. A more in depth description of Chevrotain can be found in this great article on: Parsing in JavaScript: Tools and Libraries.
typescript parser-library parsing grammars tokenizer open-source parser syntax lexical analysis grammar lexer generator compiler fault tolerantAn arctic, north-bluish color palette. Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax highlighting and UI. It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful ambiance.
color-palette color-scheme colors ui-design syntax-highlighting theme color-theme colorscheme syntax ui syntax-theme ui-theme palette nord arctic north bluish clean minimal flatApache License 2.0.
sql advisor optimizer rewrite suggestion mysql syntax auditor indexing database command-linePrism is a lightweight, robust, elegant syntax highlighting library. It's a spin-off project from Dabblet. The core is 2KB minified & gzipped. Languages add 0.3-0.5KB each, themes are around 1KB. Define new languages or extend existing ones. Add new features thanks to Prism’s plugin architecture. It supports parallelism with Web Workers, if available. All styling is done through CSS, with sensible class names like .comment, .string, .property etc
prism highlight syntax-highlighter syntax highlightingCheck out a small demo here and see the component in action highlighting the generated test code here. There are other syntax highlighters for React out there so why use this one? The biggest reason is that all the others rely on triggering calls in componentDidMount and componentDidUpdate to highlight the code block and then insert it in the render function using dangerouslySetInnerHTML or just manually altering the DOM with native javascript. This utilizes a syntax tree to dynamically build the virtual dom which allows for updating only the changing DOM instead of completely overwriting it on any change, and because of this it is also using more idiomatic React and allows the use of pure function components brought into React as of 0.14.
react syntax lowlight highlighting astEspree started out as a fork of Esprima v1.2.2, the last stable published released of Esprima before work on ECMAScript 6 began. Espree is now built on top of Acorn, which has a modular architecture that allows extension of core functionality. The goal of Espree is to produce output that is similar to Esprima with a similar API so that it can be used in place of Esprima. The primary goal is to produce the exact same AST structure and tokens as Esprima, and that takes precedence over anything else. (The AST structure being the ESTree API with JSX extensions.) Separate from that, Espree may deviate from what Esprima outputs in terms of where and how comments are attached, as well as what additional information is available on AST nodes. That is to say, Espree may add more things to the AST nodes than Esprima does but the overall AST structure produced will be the same.
ast ecmascript parser syntax acorn
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.