furl.css

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
  background-color: #FCF9E6;
}

.form-search .input-metro {
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border linear .2s,box-shadow linear .2s;
  border: 1px solid #999;
  background-color: white;
}

.form-search .input-long {
  width: 280px;
}

.form-search .input-short {
  width: 40px;
}

.form-search .btn-metro {
  padding: 5px 12px;
  text-shadow: none;
  background-image: none;
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  text-decoration: none;
  background-position: 0 -15px;
  background-color: #CE230C;
  color: white;
  
}

.typeahead.dropdown-menu {
  border-radius: 0;
  border: 1px solid #999;
}

.btn-metro:hover, .btn-metro:focus {
  text-decoration: none;
  background-color: #A51C09;
  color: white;
}

div.divider {
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
}

.mats-summary > p {
  color: #A51C09;
  margin: 0;
  padding: 0 12px;
}

.mats-summary > p:nth-child(odd) {
  border-top: 1px dotted #8C7B6A;
}

.mats-summary > p:nth-child(even) {
  border-top: 1px dotted #8C7B6A;
}

#mats-main strong {
  padding-right: 5px;
}

.mats-detail ul {
  margin: 0 0 12px 16px;
  padding: 0;
  list-style: none;
  color: #A51C09;
}

.mats-detail li > ul {
  margin: 0 0 0 1em;
}


.mats-detail ul ul:before {
  content: '-';
  float: left;
  position: relative;
  top: -1.5em;
  left: -1.75em;
}

.mats-detail li {
  line-height: 24px;
  padding: 0 12px;
  border-top: 1px dotted #8C7B6A;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

index.html

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Greg</title>
    <meta name="description" content="">
    <!-- Web fonts -->
    <link href="//fonts.googleapis.com/css?family=Glegoo|Lora:400,700" rel="stylesheet" type="text/css">
    <!-- Bootstrap + Responsive -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.0/css/bootstrap-responsive.min.css">
    <!-- h5bp + our css -->
    <link rel="stylesheet" href="css/furl.css">
    <!-- h5bp - modernizr -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
  </head>
  <body>
    <!-- Main layout -->
    <div class="container">
      <div class="row-fluid">
        <div class="span12">
          <h1>Furl's FTB Materials List</h1>
          <div id="mats-form" class="form-search">
            <p>Currently supporting all GregTech machines, some IC2 stuff, and a little more</p>
            <input type="text"
              placeholder="Interdimensional Energy Storage Unit"
              class="input-long input-metro" autocomplete="off">
            <span>x</span>
            <input type="number" placeholder="1" class="input-metro input-short">
            <button type="submit" class="btn btn-metro"
              id="mats-update-button" href="#">
              Shock Me
            </button>
          </div>
        </div>
      </div>
      <div class="divider"></div>
      <div class="row-fluid">
        <div class="span12" id="mats-main"></div>
      </div>
    </div>
    <!-- Handlebars template -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.min.js"></script>
    <script id="template-mats" type="application/x-handlebars-template">
      <div class="row-fluid">
        <div class="span12">
          <h1>{{name}} {{amount}}</h1>
        </div>
      </div>
      <div class="row-fluid">
        <div class="mats-detail span6"><h3>Detail</h3>{{{mats_detail}}}</div>
        <div class="mats-summary span6">
          <h3>Summary</h3>
          {{#each mats_summary}}
          <p><strong>{{name}}</strong>x{{count}}</p>
          {{/each}}
        </div>
      </div>
    </script>
    <!-- jQuery -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.0/bootstrap.min.js"></script>
    <!-- Our scripts -->
    <script src="js/main.js"></script>
  </body>
</html>

mats.coffee

# mats.coffee -- admin@furl.cc

# Recipe data
recipes = {
  #22
  'Lapis Lazuli Block': {
    'Lapis Lazuli': 9
  }
  #23
  'Dispenser'
  #29
  'Sticky Piston': {
    'Piston': 1
    'Slimeball': 1
  }
  #33
  'Piston': {
    'Wood Planks': 3
    'Cobblestone': 4
    'Iron Ingot': 1
    'Redstone': 1
  }
  #54
  'Chest': {
    'Wood Planks': 8
  }
  #58
  'Crafting Table': {
    'Wood Planks': 4
  }
  #61
  'Furnace': {
    'Cobblestone': 8
  }
  #69
  'Lever': {
    'Stick': 1
    'Cobblestone': 1
  }
  #72
  'Pressure Plate': {
    'Wood Planks': 2
  }
  #102
  'Glass Pane': {
    'Glass': 6/16
  }
  #138
  'Beacon': {
    'Nether Star': 1
    'Obsidian': 3
    'Glass': 5
  }
  #280
  'Stick': {
    'Wood Planks': 0.5
  }
  #600
  'Reinforced Stone': {
    'Stone': 1
    'Advanced Alloy': 1/8
  }
  #601
  'Reinforced Glass': {
    'Glass': 7/7
    'Advanced Alloy': 2/7
  }
  #604
  'Crop': {
    'Stick': 2
  }
  #608:*
  'BatBox': {
    'RE-Battery': 3
    'Copper Cable': 1
    'Wood Planks': 5
  }
  'MFE': {
    'Lithium Battery': 4
    '2xIns. Gold Cable': 4
    'Machine Block': 1
  }
  'MFSU': {
    'Lapotron Crystal': 6
    'MFE': 1
    'Advanced Machine Block': 1
    'Advanced Circuit': 1
  }
  'LV-Transformer': {
    'Copper Ingot': 3
    'Copper Cable': 2
    'Wood Planks': 4
  }
  'MV-Transformer': {
    'Machine Block': 1
    '2xIns. Gold Cable': 2
  }
  'HV-Transformer': {
    '4xIns. HV Cable': 2
    'Electronic Circuit': 1
    'MV-Transformer': 1
    'Energy Crystal': 1
  }
  #609
  'Iron Fence': {
    'Refined Iron': 0.5
  }
  #611:*
  'Generator': {
    'RE-Battery': 1
    'Machine Block': 1
    'Furnace': 1
  }
  'Geothermal Generator': {
    'Glass': 4
    'Empty Cell': 2
    'Generator': 1
    'Refined Iron': 2
  }
  'Water Mill': {
    'Generator': 1/2
    'Aluminium Ingot': 4/2
  }
  'Wind Mill': {
    'Generator': 1
    'Carbon Plate': 4
  }
  'Solar Panel': {
    'Glass Pane': 3
    'Silicon Plate': 2
    'Carbon Plate': 1
    'Generator': 1
    'Redstone Golden Chipset': 2
  }
  'Nuclear Reactor': {
    'Reactor Chamber': 3
    'Generator': 1
    'Electronic Circuit': 1
  }
  #617:*
  'Machine Block': {
    'Refined Iron': 8
  }
  'Iron Furnace': {
    'Iron': 8
  }
  'Electric Furnace': {
    'Iron Furnace': 1
    'Electronic Circuit': 1
    'Redstone': 2
  }
  'Macerator': {
    'Diamond': 3
    'Flint': 4
    'Pulsating Chipset': 1
  }
  'Extractor': {
    'Treetap': 4
    'Electronic Circuit': 1
    'Machine Block': 1
  }
  'Compressor': {
    'Stone': 6
    'Machine Block': 1
    'Electronic Circuit': 1
  }
  'Canning Machine': {
    'Tin Ingot': 7
    'Electronic Circuit': 1
    'Machine Block': 1
  }
  'Miner': {
    'Mining Pipe': 2
    'Electronic Circuit': 2
    'Machine Block': 1
  }
  'Pump': {
    'Empty Cell': 4
    'Mining Pipe': 2
    'Treetap': 1
    'Machine Block': 1
    'Electronic Circuit': 1
  }
  'Magnetizer': {
    'Iron Fence': 2
    'Redstone': 6
    'Machine Block': 1
  }
  'Electrolyzer': {
    'Copper Cable': 4
    'Electronic Circuit': 1
    'Empty Cell': 2
    'Machine Block': 1
  }
  'Recycler': {
    'Dirt': 3
    'Refined Iron': 2
    'Glowstone Dust': 1
    'Compressor': 1
  }
  'Advanced Machine Block': {
    'Machine Block': 1
    'Advanced Alloy': 2
    'Carbon Plate': 2
  }
  'Induction Furnace': {
    'Copper Ingot': 7
    'Electric Furnace': 1
    'Advanced Machine Block': 1
  }
  'Terraformer': {
    'Glowstone Dust': 4
    'Dirt': 3
    'TFBP - Empty': 1
    'Advanced Machine Block': 1
  }
  #618:*
  'Teleporter': {
    'Advanced Circuit': 4
    'Advanced Machine Block': 1
    'Glass Fibre Cable': 2
    'Diamond': 1
    'Frequency Transmitter': 1
  }
  'Tesla Coil': {
    'Redstone': 5
    'MV-Transformer': 1
    'Refined Iron': 2
    'Electronic Circuit': 1
  }
  'Crop-Matron': {
    'Chest': 1
    'Electronic Circuit': 2
    'Machine Block': 1
    'Crop': 4
  }
  #620
  'Mining Pipe': {
    'Refined Iron': 6/8
    'Treetap': 1/8
  }
  #624
  'Reactor Chamber': {
    'Machine Block': 1
    'Dense Copper Plate': 4
  }
  #650:*
  'Advanced Solar Panel': {
    'Solar Panel': 1
    'Irradiant Glass Pane': 3
    'Advanced Alloy': 2
    'Advanced Circuit': 2
    'Advanced Machine Block': 1
  }
  'Hybrid Solar Panel': {
    'Advanced Solar Panel': 1
    'Lapis Lazuli Block': 1
    'Carbon Plate': 2
    'Iridium Plate': 2
    'Enriched Sunnarium': 1
    'Advanced Circuit': 2
  }
  'Ultimate Hybrid Solar Panel (from HSP)': {
    'Hybrid Solar Panel': 8
    'Advanced Circuit': 1
  }
  'Ultimate Hybrid Solar Panel (from ASP)': {
    'Advanced Solar Panel': 1
    'Coal Chunk': 3
    'Enriched Sunnarium Alloy': 2
    'Lapis Lazuli Block': 1
  }
  #700:*
  'Fusion Coil': {
    'Highly Advanced Machineblock': 4
    'Tesla Coil': 2
    'Iridium Neutron Reflector': 1
    'Energy Flow Circuit': 1
    'Superconductor [GT]': 1
  }
  'Iridium Reinforced Stone': {
    'Reinforced Stone': 1
    'Iridium Ingot': 1
  }
  'LESU-Block': {
    'Lapis Lazuli Block': 8
    'Redstone Golden Chipset': 1
  }
  'Highly Advanced Machineblock': {
    'Chrome Ingot': 4
    'Titanium Ingot': 4
    'Advanced Machine Block': 1
  }
  'Standard Machine Casing': {
    'Refined Iron': 6/4
    'Machine Block': 1/4
    'Redstone Golden Chipset': 2/4
  }
  'Reinforced Machine Casing': {
    'Steel Ingot': 6/4
    'Pulsating Chipset': 2/4
    'Advanced Machine Block': 1/4
  }
  'Advanced Machine Casing': {
    'Chrome Ingot': 6/4
    'Data Control Circuit': 2/4
    'Highly Advanced Machineblock': 1/4
  }
  'Block of Steel': {
    'Steel Ingot': 9
  }
  #702:*
  'Fusion Reactor': {
    'Lapotronic Energy Orb': 2
    'Energy Flow Circuit': 4
    'Supercondensator': 2
    'GregTech Computer Cube': 1
  }
  'Lightning Rod': {
    'Energy Flow Circuit': 4
    'Highly Advanced Machineblock': 4
    'Supercondensator': 1
  }
  'Quantum Chest': {
    'Computer Monitor': 1
    'Data Orb': 4
    'Highly Advanced Machineblock': 2
    'Energy Flow Circuit': 1
    'Teleporter': 1
  }
  'GregTech Computer Cube': {
    'Computer Monitor': 4
    'Advanced Machine Block': 1
    'Data Orb': 2
    'Energy Flow Circuit': 2
  }
  'UUM-Assembler': {
    'Lithium Battery': 1
    'Data Orb': 2
    'Electric Craftingtable': 1
    'Teleporter': 1
    'Quantum Chest': 1
    'GregTech Computer Cube': 1
    'Data Control Circuit': 2
  }
  'Sonictron': {
    'Music Disc': 1
    'Redstone Golden Chipset': 4
    'Jukebox': 1
    'Note Block': 2
    'Advanced Machine Block': 1
  }
  'Lapotronic Energy Storage Unit': {
    'LESU-Block': 1
    'LV-Transformer': 1
    'MV-Transformer': 1
    'Pulsating Chipset': 2
  }
  'Interdimensional Energy Storage Unit': {
    'Ender Chest': 1
    'Iridium Plate': 4
    'Adjustable Energy Storage Unit': 4
  }
  'Adjustable Energy Storage Unit': {
    'Lapotronic Energy Orb': 8
    'GregTech Computer Cube': 1
  }
  'Charge-O-Mat': {
    'Energy Flow Circuit': 4
    'Chest': 2
    'Advanced Machine Block': 1
    'GregTech Computer Cube': 1
    'Lapotronic Energy Orb': 1
  }
  'Industrial Centrifuge': {
    'Refined Iron': 4
    'Pulsating Chipset': 2
    'Advanced Machine Block': 2
    'Extractor': 1
  }
  'Superconductor Wire': {
    'Advanced Machine Block': 4/4
    'Energy Flow Circuit': 2/4
    'Superconductor [GT]': 3/4
  }
  'Player Detector': {
    'Pulsating Chipset': 4
    'GregTech Computer Cube': 1
  }
  'Matter Fabricator': {
    'Energy Flow Circuit': 4
    'Highly Advanced Machineblock': 2
    'Lapotronic Energy Orb': 1
    'Teleporter': 2
  }
  'Supercondensator': {
    'Highly Advanced Machineblock': 1
    'Lapotronic Energy Orb': 2
    'Superconductor [GT]': 2
    'Energy Flow Circuit': 4
  }
  'Electric Craftingtable': {
    'Electrum Ingot': 4
    'RE-Battery': 1
    'Pulsating Chipset': 2
    'Crafting Table': 1
    'Advanced Machine Block': 1
  }
  'Electric Translocator': {
    'Electrum Ingot': 4
    'RE-Battery': 1
    'Piston': 1
    'Redstone Golden Chipset': 2
    'Machine Block': 1
  }
  'Small Electric Buffer': {
    'Large Electric Buffer': 1/8
  }
  'Large Electric Buffer': {
    'Electrum Ingot': 4
    'RE-Battery': 1
    'Pulsating Chipset': 2
    'Chest': 1
    'Machine Block': 1
  }
  'Advanced Translocator': {
    'Advanced Machine Block': 1
    'Piston': 1
    'RE-Battery': 1
    'Electrum Ingot': 4
    'Pulsating Chipset': 2
  }
  'Advanced Buffer': {
    'Electrum Ingot': 4
    'RE-Battery': 1
    'Small Electric Buffer': 1
    'Computer Monitor': 1
    'Pulsating Chipset': 2
  }
  'Electric Rock Breaker': {
    'Obsidian': 4
    'Redstone Golden Chipset': 2
    'Mining Drill': 1
    'Advanced Machine Block': 1
    'Diamond': 1
  }
  'Electric Sorter': {
    'Electrum Ingot': 4
    'RE-Battery': 1
    'Redstone Golden Chipset': 2
    'Computer Monitor': 1
    'Electric Translocator': 1
  }
  'Electric Item Clearer': {
    'Electrum Ingot': 4
    'Sticky Piston': 1
    'Advanced Machine Block': 1
    'Small Electric Buffer': 1
    'Redstone Golden Chipset': 1
    'RE-Battery': 1
  }
  'Industrial Electrolyzer': {
    'Refined Iron': 4
    'Extractor': 1
    'Electrolyzer': 1
    'Magnetizer': 1
    'Pulsating Chipset': 2
  }
  'Crop Harvestor': {
    'Electrum Ingot': 4
    'Electric Item Clearer': 1
    'Sticky Piston': 1
    'Redstone Golden Chipset': 1
    'Diamond Sawblade': 1
    'Advanced Machine Block': 1
  }
  'Scrapboxinator': {
    'Electrum Ingot': 4
    'Electric Item Clearer': 1
    'Dispenser': 1
    'Pressure Plate': 1
    'Advanced Machine Block': 1
    'Redstone Golden Chipset': 1
  }
  'Industrial Grinder': {
    'Diamond Grinder': 3
    'Pulsating Chipset': 3
    'Advanced Machine Block': 1
    'Industrial Electrolyzer': 1
    'Pump': 1
  }
  'Industrial Blast Furnace': {
    'Cupronickel Heating Coil': 4
    'Redstone Golden Chipset': 2
    'Advanced Machine Block': 1
    'Induction Furnace': 2
  }
  'Quantum Tank': {
    'Energy Flow Circuit': 4
    'Platinum Ingot': 4
    'Quantum Chest': 1
  }
  'Implosion Compressor': {
    'Advanced Alloy': 4
    'Redstone Golden Chipset': 2
    'Compressor': 1
    'Advanced Machine Block': 2
  }
  'Industrial Sawmill': {
    'Pump': 2
    'Diamond Sawblade': 3
    'Pulsating Chipset': 3
    'Advanced Machine Block': 1
  }
  'Diesel Generator': {
    'Redstone Golden Chipset': 2
    'Generator': 1
    'Refined Iron': 5
  }
  'Gas Turbine': {
    'Wind Mill': 2
    'Reinforced Glass': 1
    'Pulsating Chipset': 2
    'Invar Ingot': 4
  }
  'Thermal Generator': {
    'Aluminium Ingot': 5
    'Reinforced Glass': 1
    'Redstone Golden Chipset': 2
    'Geothermal Generator': 1
  }
  'Semifluid Generator': {
    'Refined Iron': 5
    'Reinforced Glass': 1
    'Generator': 1
    'Redstone Golden Chipset': 2
  }
  'Vacuum Freezer': {
    'Refined Iron': 4
    'Pump': 2
    'Pulsating Chipset': 2
    'Reinforced Glass': 1
  }
  'Advanced Regulator': {
    'Computer Monitor': 1
    'Pulsating Chipset': 4
    'Advanced Buffer': 4
  }
  'Dragon Egg Energy Siphon': {
    'Energy Flow Circuit': 4
    'Teleporter': 1
    'Supercondensator': 1
    'Lapotronic Energy Orb': 1
    'Iridium Plate': 2
  }
  'Chemical Reactor': {
    'Aluminium Ingot': 4
    'Magnetizer': 1
    'Compressor': 1
    'Extractor': 1
    'Pulsating Chipset': 2
  }
  'Magic Energy Converter': {
    'Beacon': 1
    'Pulsating Chipset': 4
    'Thaumium Ingot': 2
    'Lapotron Crystal': 1
    'Teleporter': 1
  }
  'Magic Energy Absorber': {
    'Beacon': 1
    'Energy Flow Circuit': 1
    'Superconductor [GT]': 1
    'Iridium Plate': 2
    'Magic Energy Converter': 1
  }
  'Distillation Tower': {
    'Industrial Centrifuge': 2
    'Pump': 2
    'Industrial Electrolyzer': 2
    'Highly Advanced Machineblock': 1
    'Energy Flow Circuit': 2
  }
  #1200
  'Ender Chest': {
    'Blaze Rod': 4
    'Obsidian': 2
    'Ender Pearl': 1
    'Chest': 1
    'Wool': 1
  }
  #4073:*
  'Redstone Golden Chipset': {
    'Redstone': 1
    'Gold Ingot': 1
  }
  'Pulsating Chipset': {
    'Ender Pearl': 1
  }
  #21259:*
  'Energy Flow Circuit': {
    'Platinum Ingot': 1
    'Lapotron Crystal': 1
    'Pulsating Chipset': 1
  }
  'Data Control Circuit': {
    'Platinum Ingot': 1
    'Pulsating Chipset': 2
  }
  'Superconductor [GT]': {
    'Energy Flow Circuit': 3/4
    'Tungsten Ingot': 2/4
    'Iridium Plate': 1/4
    '60k NaK Coolantcell': 3/4
  }
  'Data Storage Circuit': {
    'Emerald': 8/4
    'Pulsating Chipset': 1/4
  }
  'Computer Monitor': {
    'Red Dye': 1
    'Lime Green Dye': 1
    'Blue Dye': 1
    'Glass Pane': 1
    'Aluminium Ingot': 4
    'Glowstone Dust': 1
  }
  'Diamond Sawblade': {
    'Steel Ingot': 4/4
    'Diamond Dust': 4/4
  }
  'Diamond Grinder': {
    'Steel Ingot': 4/2
    'Diamond Dust': 4/2
    'Diamond': 1/2
  }
  'Kanthal Heating Coil': {
    'Refined Iron': 3/3
    'Aluminium Ingot': 3/3
    'Chrome Ingot': 3/3
  }
  'Nichrome Heating Coil': {
    'Nickel Ingot': 4/2
    'Chrome Ingot': 1/2
  }
  'Cupronickel Heating Coil': {
    'Copper Ingot': 4/3
    'Nickel Ingot': 4/3
  }
  'Wolframium Grinder': {
    'Steel Ingot': 4/2
    'Tungsten Ingot': 4/2
    'Block of Steel': 1/2
  }
  #21293
  'Lapotronic Energy Orb': {
    'Lapotron Crystal': 8
    'Iridium Plate': 1
  }
  #21296
  'Iridium Neutron Reflector': {
    'Thick Neutron Reflector': 8
    'Iridium Plate': 1
  }
  #21299
  'Data Orb': {
    'Data Storage Circuit': 8/4
    'Data Control Circuit': 1/4
  }
  #21312
  'Lithium Battery': {
    'Aluminium Ingot': 4
    'Lithium Cell': 2
    '2xIns. Gold Cable': 1
  }
  #21316
  '60k NaK Coolantcell': {
    'Tin Ingot': 4
    '10k Coolant Cell': 1
    'Sodium Cell': 2
    'Potassium Cell': 2
  }
  #30084
  'Dense Copper Plate': {
    'Copper Ingot': 8
  }
  #30086
  'Thick Neutron Reflector': {
    'Berylium Cell': 1
    'Neutron Reflector': 4
  }
  #30087
  'Neutron Reflector': {
    'Coal Dust': 4
    'Tin Dust': 4
    'Dense Copper Plate': 1
  }
  #30094
  'Advanced Heat Exchanger': {
    'Glass Fibre Cable': 4
    'Electronic Circuit': 2
    'Heat Exchanger': 2
    'Dense Copper Plate': 1
  }
  #30098
  'Heat-Capacity Reactor Plating': {
    'Dense Copper Plate': 2
    'Reactor Plating': 1
  }
  #30099
  '60k Coolant Cell': {
    '30k Coolant Cell': 2
    'Dense Copper Plate': 1
    'Tin Ingot': 6
  }
  #30100
  '30k Coolant Cell': {
    '10k Coolant Cell': 3
    'Tin Ingot': 6
  }
  #30127
  'Lappack': {
    'Lapis Lazuli Block': 6
    'Pulsating Chipset': 1
    'BatPack': 1
  }
  #30134
  'Frequency Transmitter': {
    'Copper Cable': 1
    'Electronic Circuit': 1
  }
  #30136
  'Coal Chunk': {
    'Obsidian': 1
    'Compressed Coal Ball': 8
  }
  #30137
  'Compressed Coal Ball': {
    'Coal Ball': 1
  }
  #30138
  'Coal Ball': {
    'Flint': 1
    'Coal Dust': 8
  }
  #30146
  'TFBP - Empty': {
    'Electronic Circuit': 1
    'Advanced Circuit': 1
    'Redstone': 2
  }
  #30148
  'Nano Saber': {
    'Iridium Plate': 2
    'Platinum Ingot': 2
    'Energy Flow Circuit': 2
    'Lapotron Crystal': 1
  }
  #30150
  '__ Carbon Plate': {
    'Coal Dust': 8
  }
  #30171
  'QuantumSuit Boots': {
    'NanoSuit Boots': 1
    'Lapotron Crystal': 1
    'Iridium Plate': 2
    'Rubber Boots': 2
  }
  #30172
  'QuantumSuit Leggings': {
    'Machine Block': 2
    'Lapotron Crystal': 1
    'Iridium Plate': 2
    'Glowstone Dust': 2
    'NanoSuit Leggings': 1
  }
  #30173
  'QuantumSuit Bodyarmor': {
    'NanoSuit Bodyarmor': 1
    'Lapotron Crystal': 1
    'Advanced Alloy': 3
    'Iridium Plate': 4
  }
  #30174
  'QuantumSuit Helmet': {
    'NanoSuit Helmet': 1
    'Iridium Plate': 2
    'Lapotron Crystal': 1
    'Advanced Circuit': 2
    'Reinforced Glass': 1
  }
  #30175
  'NanoSuit Boots': {
    'Carbon Plate': 4
    'Energy Crystal': 1
  }
  #30176
  'NanoSuit Leggings': {
    'Carbon Plate': 6
    'Energy Crystal': 1
  }
  #30177
  'NanoSuit Bodyarmor': {
    'Carbon Plate': 7
    'Energy Crystal': 1
  }
  #30178
  'NanoSuit Helmet': {
    'Carbon Plate': 4
    'Energy Crystal': 1
    'Glass': 1
  }
  #30180
  'BatPack': {
    'RE-Battery': 6
    'Electronic Circuit': 1
    'Tin Ingot': 1
  }
  #30184:*
  'Copper Cable': {
    'Rubber': 6/6
    'Copper Ingot': 3/6
  }
  'Uninsulated Copper Cable': {
    'Copper Ingot': 3/6
  }
  'Gold Cable': {
    'Gold Ingot': 3/12
  }
  'Insulated Gold Cable': {
    'Gold Ingot': 1/4
    'Rubber': 4/4
  }
  '2xIns. Gold Cable': {
    'Gold Ingot': 1/4
    'Rubber': 8/4
  }
  'HV Cable': {
    'Refined Iron': 3/12
  }
  'Insulated HV Cable': {
    'Refined Iron': 1/4
    'Rubber': 4/4
  }
  '2xIns. HV Cable': {
    'Insulated HV Cable': 1
    'Rubber': 1
  }
  '4xIns. HV Cable': {
    '2xIns. HV Cable': 1
    'Rubber': 1
  }
  'Glass Fibre Cable': {
    'Glass': 6/8
    'Diamond': 1/8
    'Electrum Ingot': 2/8
  }
  'Ultra-Low-Current Cable': {
    'Tin Ingot': 3/9
  }
  'EU-Detector Cable': {
    'Electronic Circuit': 1
    'Redstone': 3
    '4xIns. HV Cable': 1
  }
  'EU-Splitter Cable': {
    'Redstone': 2
    '4xIns. HV Cable': 2
    'Lever': 1
  }
  #30187
  '__ Advanced Alloy': {
    'Steel Ingot': 3/4
    'Bronze Ingot': 3/4
    'Aluminium Ingot': 3/4
  }
  #30190
  'Advanced Circuit': {
    'Electrum Ingot': 4/2
    'Glowstone Dust': 2/2
    'Lapis Lazuli': 2/2
    'Silicon Plate': 1/2
  }
  #30191
  'Electronic Circuit': {
    'Refined Iron': 1/2
    'Electrum Ingot': 2/2
    'Copper Cable': 6/2
  }
  #30204
  'Heat Exchanger': {
    'Dense Copper Plate': 1
    'Tin Ingot': 3
    'Electronic Circuit': 1
  }
  #30205
  'Reactor Plating': {
    'Dense Copper Plate': 1
    'Advanced Alloy': 1
  }
  #30206
  '10k Coolant Cell': {
    'Water Cell': 1
    'Tin Ingot': 4
  }
  #30211
  'Rubber Boots': {
    'Rubber': 6
    'Wool': 1
  }
  #30212
  'Treetap': {
    'Wood Planks': 5
  }
  #30235
  'Mining Drill': {
    'Steel Ingot': 5
    'Redstone Golden Chipset': 1
    'RE-Battery': 1
  }
  #30237
  'Empty Cell': {
    'Tin Ingot': 4/4
  }
  #30240
  'Lapotron Crystal': {
    'Lapis Lazuli': 6
    'Redstone Golden Chipset': 2
    'Sapphire': 1
  }
  #30241
  'Energy Crystal': {
    'Ruby': 1
    'Redstone': 8
  }
  #30242
  'RE-Battery': {
    'Copper Cable': 1
    'Tin Ingot': 4
    'Redstone': 2
  }
  #30356:*
  'Sunnarium': {
    'UU-Matter': 6
    'Glowstone Dust': 3
  }
  'Sunnarium Alloy': {
    'Iridium Plate': 8
    'Sunnarium': 1
  }
  'Irradiant Uranium': {
    'Refined Uranium': 1
    'Glowstone Dust': 4
  }
  'Enriched Sunnarium': {
    'Irradiant Uranium': 8
    'Sunnarium': 1
  }
  'Enriched Sunnarium Alloy': {
    'Enriched Sunnarium': 4
    'Sunnarium Alloy': 1
  }
  'Irradiant Glass Pane': {
    'Reinforced Glass': 6/6
    'Irradiant Uranium': 2/6
    'Glowstone Dust': 1/6
  }
  #30473
  'GraviChestPlate': {
    'Superconductor [IC]': 4
    'Ultimate Lappack': 1
    'Gravitation Engine': 2
    'HV-Transformer': 1
    'QuantumSuit Bodyarmor': 1
  }
  #30474
  'Ultimate Lappack': {
    'Lapotron Crystal': 6
    'Iridium Plate': 1
    'Lappack': 1
    'Superconductor [IC]': 1
  }
  #30475
  'Superconductor Cover': {
    'Carbon Plate': 3/3
    'Advanced Alloy': 4/3
    'Iridium Plate': 2/3
  }
  'Superconductor [IC]': {
    'Gold Ingot': 1/3
    'Superconductor Cover': 6/3
    'Glass Fibre Cable': 2/3
  }
  'Cooling Core': {
    '60k Coolant Cell': 4
    'Advanced Heat Exchanger': 2
    'Heat-Capacity Reactor Plating': 2
    'Iridium Plate': 1
  }
  'Gravitation Engine': {
    'Tesla Coil': 4
    'Superconductor [IC]': 2
    'Cooling Core': 2
    'HV-Transformer': 1
  }
  'Magnetron': {
    'Copper Ingot': 4
    'Refined Iron': 4
    'Superconductor': 1
  }
  'Varja Core': {
    'Iridium Plate': 2
    'HV-Transformer': 1
    'Superconductor': 2
    'Magnetron': 1
    'Tesla Coil': 1
  }
  #30476
  'Ultimate Solar Helmet': {
    'Advanced Circuit': 2
    'Superconductor': 2
    'HV-Transformer': 1
    'QuantumSuit Helmet': 1
    'Ultimate Hybrid Solar Panel': 1
  }
  #30477
  'Vajra': {
    'Lapotron Crystal': 1
    'Advanced Alloy': 2
    'Energy Crystal': 1
    'Refined Iron': 2
    'Carbon Plate': 2
    'Varja Core': 1
  }
}

# Gets mats for a gregtech item by name
render_mats = (name, amount) ->
  return if not name
  amount or= 1
  mats_detail = ''
  mats_total = {}
  mats_summary = []
  mats = {}
  if recipes[name]
    for item of recipes[name]
      mats[item] = amount * recipes[name][item]

  expand = (node) ->
    for item of node
      if recipes[item]
        sub_node = recipes[item]
        sub_item_total = {}
        for sub_item of sub_node
          sub_item_total[sub_item] = node[item] * sub_node[sub_item]
        node[item] = [node[item], sub_item_total]
        expand(sub_item_total)

  expand(mats)

  detail = (node) ->
    mats_detail += '<ul>\n'
    for item of node
      info = node[item]
      mats_detail += '<li>';
      mats_detail += [
        '<strong>', item, '</strong>x', info[0] or info
      ].join('')
      if info[1]
        detail(info[1])
      else
        mats_total[item] = (mats_total[item] + info) || info
      mats_detail += '</li>\n'
    mats_detail += '</ul>\n'

  detail(mats)

  for mat of mats_total
    mats_summary.push {
      name: mat
      count: mats_total[mat]
    }

  template {
    mats_detail
    mats_summary
    name
    amount: if amount is 1 then '' else 'x' + amount.toString 10
  }


template = null

$(->
  template = Handlebars.compile $('#template-mats').html()
  button$el = $ '#mats-update-button'
  main$el = $ '#mats-main'
  name$el = $ '.input-long'
  amount$el = $ '.input-short'
  form$el = $ '#mats-form'
  
  name$el.typeahead {
    source: (item for item of recipes)
  }
  submit_handler = (e) ->
    name = name$el[0].value || name$el[0].placeholder
    amount = amount$el[0].value || amount$el[0].placeholder
    main$el.html render_mats name, amount
    false
  button$el.on 'click', submit_handler
  
  if typeof template is 'function'
    true
  else false
  )