Hello World Examples

readme.md

Click here to view this pocketbook

index.html

  <div class="metadata" style="display: none;"></div>
  <div data-lang="md" data-visibility="output" data-autorun="true" class="block hide-source" data-source-visibility="hidden">
    <pre class="source hljs coffeescript" contenteditable="true"><span class="hljs-comment"># Hello World</span>

Here <span class="hljs-keyword">is</span> some exposition!!!
</pre>
    <div class="result"><h1 id="helloworld">Hello World</h1>
<p>Here is some exposition!!!</p></div>
  </div><div data-lang="js" data-source-visibility="visible" data-result-visibility="visible" data-autorun="true" class="block"><pre class="source hljs shell" contenteditable="true">1 + 511</pre><div class="result">512</div></div><div data-lang="js" data-visibility="source" data-autorun="true" class="block" data-result-visibility="visible" data-source-visibility="visible">
    <pre class="source hljs cs" contenteditable="true">console.log(<span class="hljs-string">"Hello World"</span>);

window.bar = {
  _count: <span class="hljs-number">8</span>,
  <span class="hljs-function"><span class="hljs-keyword">set</span> <span class="hljs-title">count</span>(<span class="hljs-params"><span class="hljs-keyword">value</span></span>) </span>{
    <span class="hljs-keyword">this</span>._count = <span class="hljs-keyword">value</span>;
    <span class="hljs-keyword">this</span>.render();
  },
  <span class="hljs-function"><span class="hljs-keyword">get</span> <span class="hljs-title">count</span>(<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>._count;
  },
  render: function() {
    <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>.count;
  }
}</pre>
    <div class="result">8</div>
  </div><div data-lang="js" data-source-visibility="visible" data-result-visibility="visible" data-autorun="false" class="block"><pre class="source hljs css" contenteditable="true"><span class="hljs-selector-tag">PocketBook</span><span class="hljs-selector-class">.Help</span>()
</pre><div class="result"><pre>Storage [Object]
    LocalStorageBackingStore [Class]
    GistBackingStore [Class]
StorageManager [Class]
UI [Object]
    StatelessBlockAction [Class]
    ToggleBlockAction [Class]
    BlockController [Class]
    StatelessGlobalAction [Class]
    TopBarController [Class]
HotKeyManager [Class]
Main [PocketBook]
    Version [Array]
    Content [HTMLDivElement]
    Languages [Object]
    BlockController [BlockController]
        Parent [PocketBook]
        Actions [Array]
        LastBlock [HTMLDivElement]
    TopBarController [TopBarController]
        Parent [PocketBook]
        Actions [Array]
    StorageManager [StorageManager]
        Parent [PocketBook]
        Source [GistBackingStore]
            Id [String]
            LastRevision [String]
            TemporaryStatus [String]
    HotKeyManager [HotKeyManager]
        Parent [PocketBook]
Help [Function]
</pre></div></div>