Code Monkey home page Code Monkey logo

ts-markdown's Introduction

ts-markdown

An extensible TypeScript markdown generator that takes JSON and creates a markdown document.

๐Ÿ“– Docs | ๐ŸŽฎ Playground (Live Demo)


Quick Start

Install ts-markdown:

npm install ts-markdown
# or "yarn add ts-markdown"

Generate some markdown:

import { tsMarkdown } from 'ts-markdown';

// Make markdown entries
const entries = [
  {
    h4: 'Hello, world!',
  },
  {
    blockquote: "Let's generate markdown!",
  },
  { p: 'Generating markdown from data can be simple. All you need are:' },
  {
    ol: [
      'objects',
      'a function',
      {
        text: ['and a place to run ', { emoji: 'checkered_flag' }],
      },
    ],
  },
];

return tsMarkdown(entries); // returns the markdown document as a string

And the result is:

#### Hello, world!

> Let's generate markdown!

Generating markdown from data can be simple. All you need are:

1. objects
2. a function
3. and a place to run :checkered_flag:

For more information about supported markdown elements, view the type docs. All support markdown elements end with Entry, such as LinkEntry, ImageEntry, UnorderedListEntry, and so on.

For more examples of generating markdown, check out the cookbook.

Extensibility

You can extend ts-markdown to render your own custom elements or even override existing renderers.

For more information on extending ts-markdown, see Extending ts-markdown.

Compatibility

ts-markdown is written in TypeScript and node JS. It works with node JS v16.x and higher. Earlier versions may also work, but it is not guaranteed.

Why This Project?

I am an avid user of Obsidian.md, and as I build my vaults of information, I sometimes need to convert JSON into markdown in a programmatic way. I may be working on a project to crunch some JSON and build articles, and having the ability to offload the complexity of rendering markdown to a library would be ideal. Additionally, having TypeScript typing support sweetens the deal for me.

Because I could not find an active / monitored library that handled the level of complexity I need when building my Obsidian markdown documents, I decided to make it myself.

๐Ÿ™Œ Credit

Credit to json2md

This library is heavily inspired by Ionicฤƒ Bizฤƒu's json2md library, which was the only highly starred repo I could find that offered the kind of functionality I wanted. I also like the modeling the author chose, so I have patterned mine after theirs, adding and expanding in ways that make sense to me.

Credit to Markdown Guide

The unit tests in this library cover almost all cases defined in Markdown Guide, an excellent website for getting exactly the details needed for writing good markdown. Any best practices that I've applied are most likely based on this website.

๐ŸŒ Contribution Guidelines

Have an idea? Found a bug? Seeย how to contribute.

License

MIT ยฉ KGar

ts-markdown's People

Contributors

kgar avatar github-actions[bot] avatar dependabot[bot] avatar gnawhdaniel 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.