asavin

#Digging tunnels

When developing a web app of any sort, usually you have a local server on your local machine. The server is running your app, which you can access using your favorite browser. Later on, when the moment is right, the app is deployed to a public server. From there you can access it from any other machine or mobile device.

Sometimes however you'd want to make your local server publicly accessible. Here are just a few reasons why this might be useful:

• Developing a mobile web app. While you can use various emulators locally, they are not really replacing any real device. Being able to access local server from any mobile device while developing the app is a huge benefit.
• Collaboration. You can send a public link to your colleague (or client) and have them try the real app. Again, they can very well try your app on their mobile devices, on the go.
• Breaking out of the virtual box. Some companies prefer putting development environments into various kinds of virtual terminals. With local tun

asavin

<script src="/components/main.js"></script>

asavin

<script>
dom = require('dom');
autocomplete = require('autocomplete');

window.addEventListener('load', function() {
  autocomplete('.searchBox');
  autocomplete('#mobile-search');
})
</script>

asavin

{
  "name": "main",
  "local": [
    "autocomplete",
    "search",
    "ie8-warning",
    "settings-handler"
  ],
  "paths": [
    "local"

asavin

"dependencies": {
      "component/dom": "*",
      "component/event": "*",
      "redbadger/collapsible": "*"
  },
  "local": [
    "search-filters-tags",
    "search-filters-published"
  ]

asavin

grunt.initConfig
  componentbuild:
      components:
        options:
          name: 'main'
          configure: configure_component
        src: 'src/components'
        dest: 'src/files/components'

  combine:

asavin

configure_component = (builder) ->
    builder.use require 'component-coffee'
    builder.use require 'component-livescript'
    builder.use require 'component-jade'
    builder.use require 'component-less'

asavin

"dependencies": {
    "component/dom": "*"
  }

asavin

var template, dom;

template = require('./my-template');
dom = require('dom');

module.exports = function(target, data){
  var d;
  d = dom(target);

  return d.append(template({

asavin

{
  "name": "tip-theme",
  "description": "our theme for tooltips",
  "version": "0.0.1",
  "dependencies": {
  },
  "styles" : [
    "index.css"
  ],
  "main": "index.css"