Git Product home page Git Product logo

yuidoc-ember-theme's Introduction

YUIDoc Ember Theme

npm version

An EmberJS based YUIDoc theme

Live Example

$ npm install yuidoc-ember-theme

Notes

Configuration File

If your project uses a "yuidoc.json" file for configuration, add:

"themedir" : "node_modules/yuidoc-ember-theme",
"helpers" : ["node_modules/yuidoc-ember-theme/helpers/helpers.js"]

Example:

{
    "name": "Example",
    "url": "<GITHUB REPO URL>",
    "version": "0.1.0",
    "indexModule": "Welcome",
    "logo": "path/to/logo.png",
    "primaryColor": "orange",
    "externalDocs": [{
        "name": "ember-validators",
        "path": "node_modules/ember-validators",
        "url": "https://github.com/offirgolan/ember-validators",
        "version": "master"
    }],
    "options": {
        "paths": "_location to parse_",
        "outdir": "build/docs",
        "exclude": "lib,docs,build",
        "themedir": "node_modules/yuidoc-ember-theme",
        "helpers": ["node_modules/yuidoc-ember-theme/helpers/helpers.js"]
    }
}

Index Module

If indexModule is speficied in your yuidoc.json, the page will be forwarded to that module when a user loads the index page.

{
    "indexModule": "Welcome"
}

External Docs

If you have external documentation taken from dependencies, you may list them under the externalDocs option in your yuidoc.json. Doing so will setup the correct file names and paths.

{
    "externalDocs": [{
        "name": "ember-validators",
        "path": "node_modules/ember-validators",
        "url": "https://github.com/offirgolan/ember-validators",
        "version": "master"
    }]
}

Branding Settings

The logo and primaryColor options can be specified in yuidoc.json to set the logo displayed in the upper left hand corner and the accent color used throughout the theme.

{
    "logo": "path/to/logo.png",
    "primaryColor": "orange"
}

yuidoc-ember-theme's People

Contributors

offirgolan avatar pzuraq avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

yuidoc-ember-theme's Issues

"Defined in" Should not exist on module pages

In the ember api docs, Defined in does not show up.

It does show up for modules this theme, but (at least in our case) with an erroneous link to the first class (not to the actual module definition)

Shall I include this fix in a PR?

Theming/Branding Options

This YUIDoc theme is amazing! Was wondering if you would be open to adding just a few theme options. Very simple stuff, mainly being able to specify a custom logo to replace the Ember logo, and maybe a small color palette for the accent colors. I can work on it if your open to it, if not no worries!

Blob files to view the source code is not getting generated.

Hi, Team!

I am using ember-theme for YUIDOC. When I click on some sample module/file.js hyperlink to view the JS code. It shows 404. I found that blob folder which contains the code is not getting generated with this theme. It would be very helpful if you could help me resolve this issue.

Thanks in Advance,

Best Regards,
Harish

Showing component demos on generated yuidoc site

Hello,

Would like to show working demos of components on the generated yuidoc site. I can do this by using ember-islands in the markdown yuidoc for each component class. But the vendor.js file doesn't get added to the index.html of the generated doc site. Is there any way we can inject the generated vendor.js file into the yuidoc-ember-theme index.html file?

Any help would be appreciated. Thanks

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.