Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Wagon: Deploying sitegen to repository
  • Loading branch information
FuseSource CI committed Nov 20, 2013
1 parent 795c4ab commit 6af4dff
Show file tree
Hide file tree
Showing 17 changed files with 2,898 additions and 33 deletions.
54 changes: 40 additions & 14 deletions building/index.html
Expand Up @@ -63,18 +63,9 @@ <h1>Working on the code</h1>

<p>Before you can begin, you'll need to install the <a href="http://hawt.io/">hawtio</a> dependencies first.</p>

<h2 id = "Installing_Local_Dependencies">Installing Local Dependencies</h2>
<h2 id = "Installing_npm__TypeScript__Grunt">Installing npm, TypeScript, Grunt</h2>

<p>To install all of the required local dependencies you first need to install <a href="https://npmjs.org/">npm</a> e.g. by <a href="http://nodejs.org/">installing nodejs</a>. If you're on OS X we recommend just installing <a href="https://npmjs.org/">npm</a> directly rather than via things like homebrew to get the latest npm crack.</p>

<p>Then you should be able to run:</p>

<pre><code>cd hawtio-web
npm install</code></pre>

<p>If this fails it could be you need a newer <a href="https://npmjs.org/">npm</a> installation.</p>

<h2 id = "Installing_Global_Dependencies">Installing Global Dependencies</h2>
<p>To install all of the required dependencies you first need to install <a href="https://npmjs.org/">npm</a> e.g. by <a href="http://nodejs.org/">installing nodejs</a>. If you're on OS X we recommend just installing <a href="https://npmjs.org/">npm</a> directly rather than via things like homebrew to get the latest npm crack.</p>

<p>In order to make use of <a href="http://typescriptlang.org/">TypeScript</a> you will need to install the compiler globally. Installing a dependency globally allows you to access the the dependency directly from your shell.</p>

Expand All @@ -94,7 +85,7 @@ <h2 id = "Installing_Global_Dependencies">Installing Global Dependencies</h2>

<h2 id = "Using_LiveReload">Using LiveReload</h2>

<p>The incremental build and LiveReload support allows you to edit the code and for the browser to autmatically reload once things are compiled. This makes for a much more fun and RAD development environment!!</p>
<p>The incremental build and LiveReload support allows you to edit the code and for the browser to automatically reload once things are compiled. This makes for a much more fun and RAD development environment!!</p>

<p>Here's how to do it:</p>

Expand All @@ -108,10 +99,20 @@ <h2 id = "Using_LiveReload">Using LiveReload</h2>

<p>On OS X and linux the <em>mvn compile</em> command above is unnecessary but folks have found on windows there can be timing issues with grunt and maven that make this extra step a requirement (see <a href="https://github.com/hawtio/hawtio/issues/203#issuecomment-15808516">issue #203 for more details</a>)</p>

<p>Now incrementally build the project and run the live reload server using a <strong>separate shell</strong> (while keeping the above shell running!):</p>
<p>Or if you want to just run an empty hawtio and connect in hawtio to a remote container (e.g. connect to a Fuse Fabric or something via the Connect tab) just run</p>

<pre><code>cd hawtio-web
mvn -Pwatch</code></pre>
mvn clean jetty:run</code></pre>

<p>Now to watch for changes to the HTML/CSS or generated app.js file to live reload your browser using a <strong>separate shell</strong> (while keeping the above shell running!):</p>

<pre><code>cd hawtio-web
grunt watchSrc</code></pre>

<p>Finally to auto-recompile all the TypeScript files into app.js in <em>another shell</em> type this</p>

<pre><code>cd hawtio-web
watchTsc</code></pre>

<p>Enable Live Reload in your browser (open <a href="http://localhost:8080/hawtio/">http://localhost:8080/hawtio/</a> then click on the Live Reload icon to the right of the location bar).</p>

Expand All @@ -121,6 +122,31 @@ <h2 id = "Using_LiveReload">Using LiveReload</h2>

<pre><code>mvn test-compile exec:java -DjettyPort=8181</code></pre>

<h3 id = "Caveats">Caveats</h3>

<p>A couple of caveats, watchTsc won't pick up new typescript files, so if you create a new typescript file or rename an existing one you'll need to restart watchTsc, might need to touch one of the .ts files to make it compile too.</p>

<h2 id = "Incremental_compiling_of_TypeScript_in_IDEA">Incremental compiling of TypeScript in IDEA</h2>

<p>The easiest way we've figured out how to use <a href="http://www.jetbrains.com/idea/">IDEA</a> and TypeScript together is to setup an External Tool to run watchTsc; then you get (relatively) fast recompile of all the TypeScript files to a single app.js file; so you can just keep hacking code in IDEA and letting LiveReload reload your web page.</p>

<ul>
<li>open the <strong>Preferences</strong> dialog</li>
<li>select <strong>External Tools</strong></li>
<li>add a new one called <strong>watchTsc</strong></li>
<li>select the <strong>watchTsc</strong> script inside <strong>hawtio-web</strong> for the Program</li>
<li>select <strong>hawtio-web</strong> as the working directory</li>
<li>click on Output Filters&hellip;</li>
<li>add a new Output Filter</li>
<li>use this regular expression</li>
</ul>

<p>```
$FILE_PATH$&#40;$LINE$,$COLUMN$&#41;\:
```</p>

<p>Now when you do <strong>Tools</strong> &rarr; <strong>watchTsc</strong> you should get a output in the Run tab. If you get a compile error when TypeScript gets recompiled you should get a nice link to the line and column of the error.</p>

<h3 id = "Trying_Different_Containers">Trying Different Containers</h3>

<p>The above uses Jetty but you can try running hawtio in different containers via any of the following commands. Each of them runs the hawtio-web in a different container (with an empty JVM so no beans or camel by default).</p>
Expand Down
187 changes: 187 additions & 0 deletions plugins/api/index.html
@@ -0,0 +1,187 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>hawtio WSDL plugin</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="A HTML5 web console for managing Java services with support for JMX, OSGi, Apache ActiveMQ, Apache Camel and Fuse Fabric. Open source, modular and extensible" name="description" />
<!--
<link href="/blog/atom.xml" rel="alternate" title="hawtio blog Atom feed" type="application/atom+xml" />
-->
<link href="/stylesheets/screen.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.js"></script>
<![endif]-->
<link href="/favicon.ico" rel="shortcut icon" />
</head>
<body class="home">
<header class="navbar navbar-fixed-top" id="banner" role="banner">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="g-plusone-slot">
<div class="g-plusone" data-annotation="none"></div>
</div>
<a class="brand" href="/">
<span class="name">
<img src="/images/logo.png" />
hawtio
</span>
</a>
<nav class="nav-collapse" role="navigation">
<ul class="nav">
<li><a href="/faq/index.html">FAQ</a></li>
<li><a href="/getstarted/index.html">Getting Started</a></li>
<li><a href="/community/index.html">Community</a></li>
<li><a href="/plugins/index.html">Plugins</a></li>
<li><a href="/developers/index.html">Developers</a></li>
<li><a href="https://github.com/hawtio/hawtio">github</a></li>
<!--
<li><a href="/blog/">Blog</a></li>
-->
</ul>
</nav>
</div>
</div>
</header>
<div id="main">
<p><div id="content-header">
<div class="container"></p>

<h3 id = "API">API</h3>

<p>This plugin supports viewing the APIs of <a href="http://www.w3.org/TR/wsdl">WSDL</a> and <a href="https://wadl.java.net/">WADL</a> documents on <a href="http://cxf.apache.org/">Apache CXF</a> based web service endpoints</p>

<p></div>
</div></p>
</div>
<footer>
<div class="container">
<div class="project">
<img src="/images/footer-logo.png" />
<p class="bottom">
&#169;
Copyright 2012-2013 Red Hat, Inc.
<br />
<i class="icon-fire"></i>
Mixed with <a href="http://twitter.github.com/bootstrap">Bootstrap</a>. Baked by <a href="http://scalate.fusesource.org">Scalate</a>.
<br />
<i class="icon-share-alt"></i>
Website and docs licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
<br />
Code released under <a href="http://www.apache.org/licenses/LICENSE-2.0.html">Apache License, v2.0</a>.
</p>
</div>
<div class="footer-nav">
<h4>Learn</h4>
<ul>
<li>
<a href="/index.html">Get Started</a>
</li>
<li>
<a href="articles/index.html">Articles and Demos</a>
</li>
<li>
<a href="faq/index.html">FAQ</a>
</li>
<li>
<a href="/developers/index.html">Developers</a>
</li>
<li>
<a href="/building/index.html">Building</a>
</li>
</ul>
</div>
<div class="footer-nav">
<h4>Get Involved</h4>
<ul>
<!--
<li>
<a href="http://community.jboss.org/en/hawtio?view=discussions">Forums</a>
</li>
-->
<li>
<a href="/contributing/index.html">Contributing</a>
</li>
<li>
<a href="/community/index.html">Community</a>
</li>
<li>
<a href="https://github.com/hawtio/hawtio/issues?state=open">Issue Tracker</a>
</li>
<li>
<a href="https://github.com/hawtio/hawtio">Source Code</a>
</li>
<!--
<li>
<a href="/community/contributors">Contributors</a>
</li>
-->
</ul>
</div>
<div class="sponser">
<div class="follow-us">
<h4>Stay Informed</h4>
<ul>
<!--
<li>
<a href="https://plus.google.com/100660127586085393031"><img alt="Google+" src="/images/social/googleplus-16.png" title="Follow hawtio on Google+" /></a>
</li>
-->
<li>
<a href="https://twitter.com/#!/search/%23hawtio"><img alt="Twitter" src="/images/social/twitter-16.png" title="Browse the #hawtio hashtag on Twitter" /></a>
</li>
<!--
<li>
<a href="http://www.linkedin.com/groups?gid=3120340"><img alt="LinkedIn" src="/images/social/linkedin-16.png" title="Join the hawtio group on LinkedIn" /></a>
</li>
<li>
<a href="http://vimeo.com/channels/hawtio"><img alt="Vimeo" src="/images/social/vimeo-16.png" title="Follow the hawtio channel on Vimeo" /></a>
</li>
-->
</ul>
</div>
<p>This website is open source! If you want to improve it, <a href="http://github.com/hawtio/hawtio">fork the project</a>, hack on it, then send a pull request. You can also view the <a href="http://www.seethestats.com/site/hawtio">visitor stats</a>.</p>
<p class="image"><a href="http://jboss.org"><img src="/images/jboss_redhat_branding.png" class="branding" title="Red Hat, Inc." alt="Red Hat, Inc." /></a></p>
<p>hawtio is a <a href="http://jboss.org">JBoss Community</a> project and development is sponsored by Red Hat, Inc.</p>
<p class="bottom"><a href="http://www.redhat.com/legal/legal_statement.html">Terms of Use</a> | <a href="http://www.redhat.com/legal/privacy_statement.html">Privacy Policy</a></p>
</div>
<a class="visible-desktop" href="#" id="toTop">Top</a>
</div>
</footer>
<script>
$(function() {
$('html').addClass('ready');
prettify();
activateFooterGravity();
activateTooltips();
activateToTopControl();
});
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.2/bootstrap.min.js"></script>
<script src="/javascripts/prettify.js"></script>
<script src="/javascripts/site.js"></script>
<script>
(function() {
var po = document.createElement('script'); po.async = true; po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36899203-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>

0 comments on commit 6af4dff

Please sign in to comment.