Coder Social home page Coder Social logo

at-shorthand's Introduction

at-shorthand

A format for metadata that decorates a single line of text. Can be converted into HTML classes and ids, which then are presented in JSON form.

Usage

import { parseAtShorthandLine } from '@a-morphous/at-shorthand'

const jsonLine = parseAtShorthandLine(string)

Format

@ shorthand is separated from the rest of the text content by a space, or a colon and a space:

@metadata This is regular prose.
@metadata2: The colon is optional.

Like in HTML, these identifiers are called classes.

Different classes are separated by . in the @ shorthand.

@tag1.tag2 This text has two tags attached to it.

A class starting with # is instead rendered as an id:

@#id Ids have a special field in the parsed JSON, and are always set to the primary field of the JSON over classes.
@#id.class You can mix Ids and classes.
@class.#id or put them in any order.

A line can have any number of classes, but only one id.

Output Format

{
	classes: string[] // list of classes in order
	id: string // an id, if the line had one
	primary: string // the id if it exists, else the first class
	text: string // the rest of the line
}

at-shorthand's People

Contributors

a-morphous avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.