npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

codemirror-rainlang

v3.0.11

Published

Rain language implementation for codemirror text editor

Downloads

3,965

Readme

Rain Language - Codemirror

The Rain language (aka rainlang) implementaion for codemirror, which works as a codemirror extension. This extention provides:

  • Syntax highlighting (written in lezer grammar)
  • Diagnostics
  • Completion (through codemirror autocomplete extension)
  • Hover (through codemirror hoverTooltip extension)

This repo uses and utilized original source code from codemirror-languageserver.

The primary goal of the Rain language is to make smart contract development accessible for as many people as possible. This is fundamentally grounded in our belief that accessibility is the difference between theoretical and practical decentralisation. There are many people who would like to participate in authoring and auditing crypto code but currently cannot. When someone wants/needs to do something but cannot, then they delegate to someone who can, this is by definition centralisation.

For more info and details about rainlang, please read this article.

If you find an issue or you want to propose an improvement, please feel free to post it on: issues

Tutorial

To get started, install the package:

yarn add codemirror-rainlang
or
npm install codemirror-rainlang

Then you can use any of RainLanguage(), RainlangExtension an RainlangDescription to get rainlang codemirror extension:

// import
import { RainLanguage, RainLanguageServicesFacet } from "codemirror-rainlang";

// get the `LanguageSupport` instance
const rainlangCodemirror = new RainlangExtension(config);

// for getting the plugin instance of a running extension
const rainViewPlugin = rainlangCodemirror.plugin;

// get the MetaStore instance or EditorView instance
const view = rainPlugin?.view;
const metaStore = rainPlugin?.metaStore;