Code Monkey home page Code Monkey logo

dev_docs.ee_addon's Introduction

Dev Docs

Dev Docs was born from a desire to have project-specific, developer-based documentation available within a site’s Control Panel.

At Focus Lab we have a file in each project’s repository root that is meant only for developers. This file is in Textile formatting (like this readme file) and is meant to be the primary source of information to get “up to speed” on the project. You can learn more about our documentation practices in our documentation article on EE Insider.

Dev Docs will parse the Textile-formatted documentation file into a multi-page Control Panel experience. Each “page” is determined by each “h1. Title” section of the document. The documentation is cached in the database to speed up page loads while reviewing the docs. If the documentation ever gets updated, the cache is automagicaly cleared and the docs are updated in the database.

Included in this download is the sample file that is referenced in our EE Insider article and in the embedded slides there. Below you can see how TextMate renders the flat file and how Dev Docs renders the same exact file without any extra effort from the developers.


A screenshot from one of our actual documentation pages on a project (slightly altered)

Compatibility

Dev Docs requires ExpressionEngine 2.x

Installation

  • Move the dev_docs folder into your expressionengine/third_party folder
  • Move the themes/third_party/dev_docs folder into your themes/third_party folder
  • Go to Modules → Dev Docs → Install
  • Update the path to your documentation file around line 78 in the dev_docs/mcp.dev_docs.php file

Setup

You can save your documentation file anywhere on your server that is accessible from EE’s control panel index/admin page. The module will break off each “section” of the document into individual pages in the CP. A “section” is defined by an h1 tag in Textile. That means each line starting with @h1. @ will cause a new page in the Dev Docs area.

Here are a few places to learn more about the Textile syntax:

To Do

  1. Styles
    I started getting the styles together but they could still use some love from a designer. One day. Maybe.
  2. Settings
    File path settings (among other things) will eventually not be hard coded into the add-on
  3. Other goodies
    Wait and see…

Change Log

August 9th, 2011: 0.1.4

  • Added Dev Docs to the CP menu (by way of the cp_menu_array hook)
  • Updated styles a bit
  • Fixed a bug where a page might not load if a short_name is provided but invalid

August 7th, 2011: 0.1.1

  • Added some initial base style overrides
  • Added new Style sample section/page to sample document

August 6th, 2011: 0.1.0

  • Initial Release

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.