Giter Club home page Giter Club logo

dojo.io's Introduction

dojo.io

Build Status

Published to GitHub Pages and Dojo.io

Quick Start

  1. npm install grunt-cli -g
  2. npm install
  3. grunt
  4. grunt webserv
  5. open http://localhost:8888

Adding Content

Writing a Blog

Blogs are built using hexo and are located in site/source/_posts

Adding a static page

Static pages are built from markdown located in site/source. Please see site/source/tutorials for examples of static content.

Writing a Tutorial

Tutorials are located in site/source/tutorials and are similar to static pages. They use the tutorial layout (layout: tutorial) and have code content provided in the demo subdirectory that is archived during the tutorials build process (grunt tutorials).

If the finished directory of the tutorial should be built and tested as part of the CI build, it needs to be added to the list of TUTORIAL values in .travis.yml

APIs

APIs are built using the grunt api command to the _dist/api/<project name>/<version> directory. We currently use typedoc to build projects released via GitHub to this location.

Building APIs

Building documentation for a project requires the project repository to be checked out to a temporary location and where its dependencies are added and typedoc is ran against the repository. It is a relatively resource intensive task.

Missing APIs are built using the grunt api task. You can build APIs for a specific project by selecting the appropriate configuration. You can also limit what versions get built using semver matching or the "latest" keyword either in the grunt configuration of via the --apiversion command line argument.

	grunt api:cli --apiversion="latest"

This will build API documentation to _dist/api/<name>/<version>

Deployment

This site is built for continuous deployment via Travis-ci. This requires Travis to have write access to this repository so it can automatically deploy to the gh-pages branch.

On Master Branch Commit:

  1. a change is checked in to the master branch
  2. Travis decrypts the deploy_key.enc file to deploy_key
  3. Travis begins a build by running grunt
  4. The build syncs the origin's gh-pages branch to a temporary directory
  5. Hexo builds against the gh-pages branch
  6. Tutorial files are packaged and added
  7. On master, travis runs grunt publish and pushes changes to gh-pages

On Non-Master Branch Commit:

The same steps as above are followed except Travis does not decrypt the deploy_key and does not attempt to publish any changes. Automated scripts should not take any action requiring authentication to git or GitHub because credentials will not exist.

On Nightly Cron:

API documentation will be built on a nightly cron by Travis. This is a WIP.

  1. Travis triggers a build on the master branch through a cron job
  2. Travis decrypts the deploy_key.enc file to deploy_key
  3. Travis begins a build by running grunt api
  4. The build syncs the origin's gh-pages branch to a temporary directory
  5. The build script uses GitHub's APIs to check for new releases
  6. If a new release is found, Travis clones the repository and builds API documentation
  7. The built API documentation is moved to the site
  8. Each watched project is checked and API documentation is built
  9. Travis runs grunt publish and pushes changes to gh-pages

Creating a Staging Environment

This section discusses how to get a complete staging environment working on a dojo/dojo.io fork using GitHub and Travis. It is not necessary to do this when simply developing content as there is a local development environment available that you can run on your machine and see changes. You would typically set up a staging environment when you need to test updates to the continuous deployment scripts or want to host a preview of the site on GitHub.

This process has been largely automated with the grunt setup --repo='you/dojo.io' command.

These instructions assume you already have an account on GitHub and Travis and have installed the Travis command line client.

  1. Fork the dojo/dojo.io repo to your GitHub account
  2. Enable builds for the fork on Travis
  3. Generate a new SSH Key. We'll call the public key deploy_key.pub and the private key deploy_key.
  4. On GitHub go to your repo's Deploy Keys (under Settings)
  5. Click Add deploy key, paste the contents of deploy_key.pub, and check Allow write access
  6. Ensure Travis has the proper settings for your repository by running git config travis.slug. An empty config value is ok (This step is most important for people with commit access to dojo/dojo.io).
  7. Log in to travis using the command line client: travis login
  8. Encrypt deploy_key (the private key) using travis encrypt-file deploy_key
  9. Commit the newly created deploy_key.enc file to your repository and push to GitHub
  10. Commits to master will now be built and deployed to your repositories GitHub pages

You should now be set up to build a staging environment automatically using Travis and GitHub. The recommended development pattern is

  • Work on a branch
  • When you want Travis to publish merge to your local master branch
  • Make sure you never overwrite your deploy_key.enc
  • Push and watch the magic!

Automated Deploy to Production

TODO This feature has been temporarily disabled while completing work on dojo/dojo.io. It will work by:

Deploy to the gh-pages branch using grunt publish

dojo.io's People

Contributors

agubler avatar bitpshr avatar devpaul avatar dylans avatar edhager avatar gavinr avatar itorrey avatar jacobroufa avatar jason0x43 avatar kitsonk avatar maier49 avatar matt-gadd avatar nicknisi avatar pottedmeat avatar rishson avatar rorticus avatar scott-jensen avatar sitepentorreyrice avatar smhigley avatar stdavis avatar tomdye avatar umaar avatar vansimke avatar

Watchers

 avatar  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.