connect-form
Version:
urlencoded / multipart form parsing middleware for Connect
194 lines (177 loc) • 5.22 kB
HTML
<html>
<head>
<title>Connect</title>
<meta http-equiv="content-type" value="text/html; charset=utf-8">
<style type="text/css">
body {
font: 13px "Helvetica Neue", "Lucida Grande", "Arial";
text-align: center;
color: #555;
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
}
h1, h2, h3 {
margin: 0;
font-size: 22px;
font-weight: normal;
color: #343434;
}
h2#Connect {
margin-bottom: 25px;
font-size: 60px;
font-weight: bold;
}
h2#Connect + p {
display: none;
}
h3 {
margin: 35px 0;
padding-left: 10px;
font-size: 16px;
border-left: 15px solid #eee;
}
h2 {
margin-top: 35px;
text-shadow: 1px 2px 2px #ddd;
}
ul {
margin: 10px 35px;
padding: 0;
}
ul li .path {
padding-left: 5px;
font-weight: bold;
}
ul li .line {
padding-right: 5px;
font-style: italic;
}
ul li:first-child .path {
padding-left: 0;
}
p {
line-height: 1.5;
}
p code {
padding: 2px 4px;
border: 1px solid #ddd;
}
p em, li em {
font-weight: bold;
}
pre {
margin: 25px 0 25px 15px;
padding: 15px;
border: 1px solid #ddd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 1px 1px 6px #ddd;
-moz-box-shadow: 1px 1px 6px #ddd;
}
table {
margin-bottom: 35px;
width: 100%;
border-collapse: collapse;
}
table td {
padding: 5px 10px;
font-size: 14px;
}
table tr {
border-bottom: 1px solid #fff;
}
table tr:last-child {
border-bottom: none;
}
table td:first-child {
width: 150px;
color: #343434;
}
#wrapper {
margin: 50px auto;
width: 750px;
text-align: left;
}
#menu {
position: fixed;
top: 15px;
right: 15px;
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
#menu li.title {
padding: 20px 0 5px 0;
font-size: 12px;
}
code.js { color: #111; }
code.js .comment { color: #999; }
code.js .string { color: #cc0000; }
code.js .number { color: #0000ee; }
code.js .keyword { color: #000; font-weight: bold; }
a {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div id="wrapper">
<ul id="menu">
<li class="title">API</li>
<li><a href="api.html">extended api docs</a></li>
<li class="title">Middleware</li>
<li><a href="lint.html">lint</a></li>
<li><a href="flash.html">flash</a></li>
<li><a href="logger.html">logger</a></li>
<li><a href="format.html">format</a></li>
<li><a href="router.html">router</a></li>
<li><a href="jsonrpc.html">jsonrpc</a></li>
<li><a href="session.html">session</a></li>
<li><a href="compiler.html">compiler</a></li>
<li><a href="redirect.html">redirect</a></li>
<li><a href="errorHandler.html">errorHandler</a></li>
<li><a href="bodyDecoder.html">bodyDecoder</a></li>
<li><a href="responseTime.html">responseTime</a></li>
<li><a href="cookieDecoder.html">cookieDecoder</a></li>
<li><a href="conditionalGet.html">conditionalGet</a></li>
<li><a href="methodOverride.html">methodOverride</a></li>
<li><a href="staticProvider.html">staticProvider</a></li>
</ul><div class='mp'>
<h2 id="Compiler">Compiler</h2>
<p>The <em>compiler</em> middleware compiles files that have not yet been compiled, or have been modified. Good examples of this are <em>sass</em> and <em>less</em>, both of which compile to css. The compiled data is written to disk, and serving is delegated to the <em>static</em> middleware, therefore the <em>dest</em> should be accessible (or the same) as <em>static</em>'s <em>root</em> option.</p>
<pre><code class="js"><span class="variable">connect</span>.<span class="variable">createServer</span>(
<span class="variable">connect</span>.<span class="variable">compiler</span>({ <span class="variable">src</span>: <span class="variable">__dirname</span> + <span class="string">'/public'</span>, <span class="variable">enable</span>: [<span class="string">'sass'</span>] })
);
</code></pre>
<h3 id="Options">Options</h3>
<pre><code>src Root directory from which to compile files. Defaults to CWD.
dest Destination directory of compiled files, defaults to src or CWD.
enable Enabled compilers, currently supported are "sass", and "less".
</code></pre>
<h3 id="Supported-Compilers">Supported Compilers</h3>
<ul>
<li>sass</li>
<li>less</li>
</ul>
<h3 id="Environment-Variables">Environment Variables</h3>
<pre><code>--compilerSrc
--compilerDest
</code></pre>
<h3 id="Links">Links</h3>
<ul>
<li><a href="http://github.com/visionmedia/sass.js">Sass.js</a></li>
<li><a href="http://github.com/cloudhead/less.js">Less.js</a></li>
</ul>
<h3 id="See-Also">See Also</h3>
<ul>
<li>staticProvider</li>
</ul>
</div>
</div>
</body>
</html>