Generate rich documentation data for TypeScript and MDX codebases.

Overview

⚠️ Currently under development, not ready for use yet

This library is currently unstable and the API is in flux. It is being worked on in the open for better exposure, please feel free to add to the discussion if you have any questions or suggestions. As of right now, packages aren't published yet and documentation may be lacking or stale.

DocGraph

A topological documentation generator for JavaScript with first-class support for React.

Built with ts-morph, graphology swc, and mdx.

Features

🕸 Directed documentation graph

🪶 Minimal DSL for building rich documentation

📝 MDX for mixing Markdown and JSX

🖼 Compile code examples

📰 Compile MDX to Markdown

🐇 Quick links to source code for development and production

Install

yarn add @docgraph/bundle
npm install @docgraph/bundle

Usage

import { bundle } from "@docgraph/bundle"

const tsxString = `
export const HelloWorld = ({ name = 'World' }) => <div>Hello {name}</div>
`

const mdxString = `# Hello World`

const json = bundle({
  "hello-world.tsx": tsxString,
  "hello-world.mdx": mdxString,
})
You might also like...

A tool help you generate documentation lightweight, seamless, fast and beautiful

A tool help you generate documentation lightweight, seamless, fast and beautiful

一个 轻量、飞快、美观 的 React 组件文档生成套件 English | 简体中文 Features Vite 内核,高效极速的开发体验 使用 Markdown 写法,让你快速为项目编写说明文档的同时,自动生成预览,在调试的同时生成文档 自动分析 TypeScript 类型定义并生成 API 文

Dec 15, 2022

The Remix Blog Stack for deploying to Fly with MDX, SQLite, testing, linting, formatting, etc.

The Remix Blog Stack for deploying to Fly with MDX, SQLite, testing, linting, formatting, etc.

Remix Speed Metal Stack Learn more about Remix Stacks. npx create-remix --template Girish21/speed-metal-stack Remix Blog 📖 This blog starter template

Jan 2, 2023

Convert MDX to Markdown.

mdx-to-md Convert MDX to Markdown. Why? This library is most useful for generating README.md files like the one you're reading. Install yarn add mdx-t

Dec 1, 2022

🔥 Bon5R — Create static, blog-aware websites with pure MDX.

Bon5R Create static, blog-aware websites with pure MDX. Explore the docs » View Demo · Report Bug · Request Feature Table of Contents About The Projec

Jul 5, 2022

MDX Deck so good you get the chills 😮‍💨

MDX Frisson MDX Deck so good you get the chills. 😮‍💨 Frisson noun: a sudden strong feeling of excitement or fear; a thrill. Features 📝 Markdown/MDX

Dec 6, 2022

The website for Assemble. Built using Next.js, Theme UI & MDX.

The website for Assemble. Built using Next.js, Theme UI & MDX.

www-assemble The website for Assemble. Built using Next.js, Theme UI & MDX.

Sep 9, 2022

📝 Vite & Mdx powered static site generator.Base on islands architecture

Island.js A static site generator for the modern web.It has following features: 🚀 Base on Vite, it has great development experience. 🏝️ Islands arch

Dec 25, 2022

Generate Stripe-like API Documentation

Generate Stripe-like API Documentation

Generate Stripe-like API Documentation Get Started Today Table of contents Usage Inputs Contributing Licence Usage Start by creating a documentation o

Sep 15, 2022

Generates markdown documentation from TypeScript source code.

tsdoc-markdown Generates markdown documentation from TypeScript source code. Useful for generating docs from code and injecting automatically the outc

Dec 7, 2022
Owner
Travis Arnold
Designer 🎨 Engineer 📐 Systems 🎛 React ⚛️ He/Him
Travis Arnold
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
A table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, row context menus, dark theme, and more.

Mantine DataTable A "dark-theme aware" table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagina

Ionut-Cristian Florescu 331 Jan 4, 2023
My personal website built with Next.js, TypeScript, twin.macro, Framer Motion, MDX and deployed on Vercel.

chrvaskos.com My personal website / blog built with some of my favorite technologies where I can showcase my work and write articles about anything ne

Vasilis Christoforidis 4 Mar 25, 2022
My personal website – Built using Next.js, TypeScript, MDX, Sanity.io and Tailwind

kenaqshal.com Framework: Next.js Database: PlanetScale ORM: Prisma Authentication: NextAuth.js Deployment: Vercel CMS: Sanity Styling: Tailwind CSS Ov

Ken Aqshal Bramasta 6 Nov 24, 2022
Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.

Gatsby Starter Portfolio: Cara Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Using the Gatsby Theme @lekoarts/gat

prashanth s 1 Dec 24, 2021
Tool to sign data with a Cardano-Secret-Key // verify data with a Cardano-Public-Key // generate CIP-8 & CIP-36 data

Tool to sign data with a Cardano-Secret-Key // verify data with a Cardano-Public-Key // generate CIP-8 & CIP-36 data

Martin Lang 11 Dec 21, 2022
Starter template for a personal website blog, built with Next.js, MDX, and Tailwind CSS.

nextjs-mdx-blog-theme View: demo site Framework: Next.js Deployment: Vercel Content: MDX Styling: Tailwind CSS Running Locally $ git clone https://git

Alex Carpenter 18 Dec 26, 2022
Swagger UI is a collection of HTML, JavaScript, and CSS assets that dynamically generate beautiful documentation from a Swagger-compliant API.

Introduction Swagger UI allows anyone — be it your development team or your end consumers — to visualize and interact with the API’s resources without

Swagger 23.2k Dec 28, 2022
A magical vite plugin that helps you to generate and manage documentation website.

vite-plugin-book A magical vite plugin that helps you to generate and manage documentation website. ⚠️ This project is still WIP. It's a MVP now. A bu

Mirone 89 Dec 20, 2022