All Projects β†’ janryWang β†’ Doc Scripts

janryWang / Doc Scripts

Licence: mit
React Document Build Tool Scripts , Like react-scripts of create react app

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Doc Scripts

Awesome Documentation Tools
πŸ”₯ πŸ“š All the tools, processes and resources you need to create an awesome API & Project documentation
Stars: ✭ 138 (-7.38%)
Mutual labels:  documentation-tool
Gestureai Coreml Ios
Hand-gesture recognition on iOS app using CoreML
Stars: ✭ 145 (-2.68%)
Mutual labels:  demo
Nim pc demo
δΊ‘δΏ‘Windows(PC) C/C++ Demo源码仓库
Stars: ✭ 147 (-1.34%)
Mutual labels:  demo
Interactive Repulsive Effect
🍫 An interactive repulsion effect of grid items as seen in BestServedBold's Dribbble shot "Holographic-Interactions".
Stars: ✭ 141 (-5.37%)
Mutual labels:  demo
Lockdemo
ζŒ‡ηΊΉθ―†εˆ«γ€ε›Ύε½’θ―†εˆ«γ€aliOCRθ―†εˆ«
Stars: ✭ 142 (-4.7%)
Mutual labels:  demo
Low Rank Bilinear Pooling
Fine-grained classification via second order statistics in a compact end-to-end trainable model
Stars: ✭ 145 (-2.68%)
Mutual labels:  demo
Flutter Tiktok Ui Api Clone
Flutter Tiktok UI API Clone
Stars: ✭ 139 (-6.71%)
Mutual labels:  demo
Uitextviewdiyemojiexample
Example of insert custom emoji image in to UITextView. And get the represent string back after editing.
Stars: ✭ 148 (-0.67%)
Mutual labels:  demo
Segmentedcontrol
Android SegmentedControl + multi row support
Stars: ✭ 143 (-4.03%)
Mutual labels:  demo
Demo Reactive Spring
Demo code for "Servlet and Reactive Stacks" talk
Stars: ✭ 147 (-1.34%)
Mutual labels:  demo
Aspnetcore Angular Ngrx
πŸš€ An ASP.NET Core WebAPI Demo with an Angular Client using Ngrx store and effects and Signalr
Stars: ✭ 141 (-5.37%)
Mutual labels:  demo
Laravel Scaffold
The base for developing awesome projects
Stars: ✭ 142 (-4.7%)
Mutual labels:  demo
Gollum
A simple, Git-powered wiki with a sweet API and local frontend.
Stars: ✭ 12,339 (+8181.21%)
Mutual labels:  documentation-tool
27daysofcode
A repo with small projects
Stars: ✭ 140 (-6.04%)
Mutual labels:  demo
Pushvendor
Ruby on Rails POS (Point of Sale)
Stars: ✭ 147 (-1.34%)
Mutual labels:  demo
Tcb Demo Basic
ε°η¨‹εΊΒ·δΊ‘εΌ€ε‘η³»εˆ—ζ•™η¨‹β€”β€”εŸΊη‘€θƒ½εŠ›DEMO
Stars: ✭ 140 (-6.04%)
Mutual labels:  demo
Write Music
visualise sentence length
Stars: ✭ 144 (-3.36%)
Mutual labels:  demo
Cocos Creator Joystick
πŸ•Ή Cocos Creator Joystick Demo θ™šζ‹Ÿζ‘‡ζ†
Stars: ✭ 148 (-0.67%)
Mutual labels:  demo
React Native Demo
React Native Voximplant Demo
Stars: ✭ 148 (-0.67%)
Mutual labels:  demo
Iconfontsimagelist
Components to simplify use of "Icon fonts": resize, color, opacity and more... with full support for High-DPI apps. Rendering optimized with GDI+
Stars: ✭ 147 (-1.34%)
Mutual labels:  demo

Features πŸ¦‘

  • πŸ›  No config
  • πŸ˜† Based on Markdown,Merge and Show all markdown files
  • πŸ‘©β€πŸ’» Code Highlighting And JSX Code is Runnable
  • πŸ’― Emoji Support
  • πŸ– React Props Table Support
  • ✨ Creates Static files (only JS is prism)
  • πŸ³οΈβ€πŸŒˆ Pretty Pages
  • πŸ¦„ Customizable
  • πŸ‡³πŸ‡± CodeSandbox and iframe Support

Install πŸ¦…

npm install --save doc-scripts

Usage 🌈

1. Node cli

doc-scripts start --input docs

doc-script build --input docs --output doc-site

2. Markdown Usage

examples

3. Javascript api

import {execute} from 'doc-scripts'

const options = {
  title:'xxxx',
  header:'<link rel="stylesheet" href="//xxxxxx">',
  footer:'<script>xxxxx</script>',
  renderer:'./doc-renderer.js',
  requires:[]
}

const webpackConfig = {
  module:{
    rules:[...]
  }
}

execute('start',options,webpackConfig) or execute('build',options,webpackConfig)

4. Webpack extended configuration

Create a new file named doc-scripts.config.js in the root directory. The following is the specific format specification.

module.exports = {
  module: {
    rules: []
  },
  plugins: []
}

//or

module.exports = function(config) {
  return {
    ...config,
    module: {
      rules: []
    },
    plugins: []
  }
}

5. Demo HTML Template extended configuration

Create a new file named doc-scripts.header.html or doc-scripts.footer.html in the root directory. The following is the specific format specification.

<!-- this is doc-scripts.header.html -->
<link rel="stylesheet" href="//unpkg.com/@alifd/next/dist/next.min.css" />

6. Customize Doc Renderer

Create a new file named doc-scripts.renderer.js in the root directory. The following is the specific format specification.

import DocRenderer from 'react-doc-renderer'

//react-doc-renderer default render engien in doc-scripts, so ,you can continue to reuse this component in doc-scripts.renderer.js, or you can completely override its behavior.

export default ({docs = []})=>(
  <div>
    <DocRenderer docs={docs}/>
  </div>
)

Contributors πŸ’ͺ🏻

Janry
Janry

πŸ“– πŸ’» πŸ‘€ πŸ€”

LICENSE

Doc scripts is open source software licensed as MIT.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].