autocode-cli

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <link href="https://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet" type="text/css" /> <link href="components/CodeMirror/lib/codemirror.css" rel="stylesheet" type="text/css" /> <link href="components/CodeMirror/addon/merge/merge.css" rel="stylesheet" type="text/css" /> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="components/google-diff-match-patch-js/diff_match_patch.js"></script> <script src="components/CodeMirror/lib/codemirror.js"></script> <script src="components/CodeMirror/addon/merge/merge.js"></script> <script src="components/CodeMirror/addon/mode/simple.js"></script> <script src="components/CodeMirror/mode/clike/clike.js"></script> <script src="components/CodeMirror/mode/coffeescript/coffeescript.js"></script> <script src="components/CodeMirror/mode/css/css.js"></script> <script src="components/CodeMirror/mode/django/django.js"></script> <script src="components/CodeMirror/mode/dockerfile/dockerfile.js"></script> <script src="components/CodeMirror/mode/erlang/erlang.js"></script> <script src="components/CodeMirror/mode/go/go.js"></script> <script src="components/CodeMirror/mode/haml/haml.js"></script> <script src="components/CodeMirror/mode/handlebars/handlebars.js"></script> <script src="components/CodeMirror/mode/htmlmixed/htmlmixed.js"></script> <script src="components/CodeMirror/mode/javascript/javascript.js"></script> <script src="components/CodeMirror/mode/markdown/markdown.js"></script> <script src="components/CodeMirror/mode/nginx/nginx.js"></script> <script src="components/CodeMirror/mode/perl/perl.js"></script> <script src="components/CodeMirror/mode/php/php.js"></script> <script src="components/CodeMirror/mode/puppet/puppet.js"></script> <script src="components/CodeMirror/mode/python/python.js"></script> <script src="components/CodeMirror/mode/ruby/ruby.js"></script> <script src="components/CodeMirror/mode/rust/rust.js"></script> <script src="components/CodeMirror/mode/sass/sass.js"></script> <script src="components/CodeMirror/mode/sql/sql.js"></script> <script src="components/CodeMirror/mode/swift/swift.js"></script> <script src="components/CodeMirror/mode/xml/xml.js"></script> <script src="components/CodeMirror/mode/yaml/yaml.js"></script> <script src="components/formulator/src/formulator.js"></script> <script src="components/jquery/dist/jquery.min.js"></script> <script src="components/jquery-cookie/jquery.cookie.js"></script> <script src="components/js-yaml/dist/js-yaml.min.js"></script> <script src="components/marked/marked.min.js"></script> <script src="scripts/autocode.js"></script> <title>Autocode</title> </head> <body> <div id="loader"> <img class="icon" src="images/loader.svg" /> </div> <div id="container"> <header> <nav id="main"> <a onclick="autocode.action.toggleMenu()" id="menu"> <span class="icon"></span> <span class="text">Menu</span> </a> <a onclick="autocode.action.toggleUser()" id="user"> <span class="text">Login with GitHub</span> <span class="icon"></span> </a> <a href="home" id="logo"></a> </nav> <nav class="app" id="tabs"> <a class="tab" href="overview" id="overview-tab">Overview</a> <a class="tab" href="imports" id="imports-tab">Imports</a>  <a class="tab" href="config" id="config-tab">Config</a> <a class="tab" href="output" id="output-tab">Output</a> </nav> </header> <div id="init"> <div class="title"> Initialize Autocode </div> <div> Autocode has not been initialized for this repo. Would you like to do that now? </div> <a class="button" href="project/load">No, Load Another Project</a> <a class="button" href="project/init">Yes, Initialize Autocode</a> </div> <div id="welcome"> <div class="options"> <a class="option" href="project/new" id="new-option"> <span class="icon add-icon"></span> <span class="text">New Project</span> </a> <a class="option" href="project/load" id="load-option"> <span class="icon load-icon"></span> <span class="text">Load Project</span> </a> <a class="option" href="user/login" id="login-option"> <span class="icon github-icon"></span> <span class="text">Login with GitHub</span> </a> <a class="option" href="tour" id="tour-option"> <span class="icon tour"></span> <span class="text">Take a Tour</span> </a> </div> <div class="recent"> Recent: <span class="projects"></span> </div> </div> <div class="app"> <div id="content">  <div class="content" id="overview-content"> <aside class="content-left column"> <div class="table"> <a class="file subtab" href="overview/general" id="overview-general-subtab"> <span class="image"> <span class="icon general-icon"></span> </span> <span class="info"> <span class="name">Project</span> <span class="generator">Name, description and url</span> </span> </a> <a class="file subtab" href="overview/author" id="overview-author-subtab"> <span class="image"> <span class="icon author-icon"></span> </span> <span class="info"> <span class="name">Author</span> <span class="generator">Name, email, url and copyright</span> </span> </a> </div> </aside> <section class="content-center column"> <div class="subcontent" id="overview-author-content"> <div class="field" id="overview-author-name"> <label> <span class="text">Name</span> <span class="icon info-icon" data-hint="Your full name."></span> </label> <div class="value" onclick="autocode.action.editAuthorName()"></div> </div> <div class="field" id="overview-author-email"> <label> <span class="text">Email</span> <span class="icon info-icon" data-hint="Your email address."></span> </label> <div class="value" onclick="autocode.action.editAuthorEmail()"></div> </div> <div class="field" id="overview-author-url"> <label> <span class="text">URL</span> <span class="icon info-icon" data-hint="Your website URL."></span> </label> <div class="value" onclick="autocode.action.editAuthorURL()"></div> </div> </div> <div class="subcontent" id="overview-general-content"> <form> <div class="field" id="overview-general-name"> <label> <span class="text">Name</span> <span class="icon info-icon" data-hint="A name for your project."></span> </label> <div class="value" onclick="autocode.action.editName()"></div> </div> <div class="field" id="overview-general-description"> <label> <span class="text">Description</span> <span class="icon info-icon" data-hint="A description for your project."></span> </label> <div class="value" onclick="autocode.action.editDescription()"></div> </div> <div class="field" id="overview-general-url"> <label> <span class="text">URL</span> <span class="icon info-icon" data-hint="A URL for your project."></span> </label> <div class="value" onclick="autocode.action.editURL()"></div> </div> <div class="field" id="overview-general-copyright"> <label> <span class="text">Copyright</span> <span class="icon info-icon" data-hint="Your copyright."></span> </label> <div class="value" onclick="autocode.action.editProjectCopyright()"></div> </div> </form> </div> </section> </div> <div class="content" id="imports-content"> <div id="imports-content-container"> <aside class="column content-left"> <div class="search"> <input autocomplete="off" placeholder="Add a Module to Your Project" id="imports-search" type="text" /> </div> <div class="table"></div> </aside> <section class="column content-center"> <div id="imports-content-readme"></div> </section> <aside class="column content-right"> <div class="field" id="imports-name"> <label> <span class="text">Name</span> <span class="icon info-icon" data-hint="The name of the imported module."></span> </label> <div class="value" onclick="autocode.action.editImportName()"></div> </div> <div class="field" id="imports-version"> <label> <span class="text">Version</span> <span class="icon info-icon" data-hint="The version of the module. Supports Semantic Versioning."></span> </label> <div class="value" onclick="autocode.action.editImportVersion()"></div> </div> <a class="button" href="imports/remove"> Remove Import </a> </aside> </div> </div> <div class="content" id="exports-content"> <div id="exports-init"> <div class="title"> Exports </div> <div> Exports give other projects/modules extended functionality. </div> <a class="button" href="imports/import">Create Export</a> </div> <div id="exports-content-container"> <aside id="content-left"> <div class="table"> <a class="file" href="#"> <span class="image"> <span class="icon add-icon"></span> </span> <span class="info"> <span class="name">Create Export</span> </span> </a> <a class="file" href="#"> <span class="image"> <span class="icon schema-icon"></span> </span> <span class="info"> <span class="name">ConfigSchema</span> <span class="generator">Schema</span> </span> </a> </div> </aside> <section class="content-center"> <form> <textarea></textarea> </form> </section> <aside class="content-right"> <form> <div class="type-field"> <label>Type</label> <input name="type" spellcheck="false" type="text" /> </div> <div class="name-field"> <label>Name</label> <input name="name" spellcheck="false" type="text" /> </div> <div class="description-field"> <label>Description</label> <input name="description" spellcheck="false" type="text" /> </div> <div class="engine-field"> <label>Engine</label> <input name="engine" spellcheck="false" type="text" /> </div> <div class="filename-field"> <label>Filename</label> <input name="filename" spellcheck="false" type="text" /> </div> <div class="format-field"> <label>Format</label> <input name="format" spellcheck="false" type="text" /> </div> <div class="schema-field"> <label>Schema</label> <input name="schema" spellcheck="false" type="text" /> </div> </form> </aside> </div> </div> <div class="content" id="output-content"> <div id="output-init"> <div class="title"> Output </div> <div> Add imports and outputs to your Autocode configuration and click the button below to generate code for your project. </div> <a class="button" href="output/generate">Generate Code</a> </div> <div id="output-content-container"> <aside class="column content-left"> <div class="table"> <a class="file" href="output/generate"> <span class="image"> <span class="icon loader-icon"></span> </span> <span class="info"> <span class="name">Generate</span> </span> </a> </div> </aside> <div class="column content" id="output-content"> <textarea name="output"></textarea> </div> </div> </div> <div class="content" id="outputs-content"> <div id="outputs-init"> <div class="title"> Outputs </div> <div> Outputs are generated by Generators and Engines. </div> <a class="button" href="outputs/add">Add Output</a> </div> <div id="outputs-content-container"> <aside class="content-left"> <div class="table"> <a class="file" href="outputs/add"> <span class="image"> <span class="icon add-icon"></span> </span> <span class="info"> <span class="name">Add Output</span> </span> </a> </div> </aside> <section class="content-center"> <form> <a class="button" href="outputs/property/add" style="float: right; margin-top: 10px"> Add Property </a> <div class="title">Spec</div> <a class="checkbox checked" href="outputs/hide/toggle"> <span class="text">Hide Unused Properties</span> <span class="icon"></span> </a> <div class="schema"></div> </form> </section> <aside class="content-right"> <form> <label>Generator</label> <input name="generator" placeholder="None" spellcheck="false" type="text" /> <label>Filename</label> <input name="filename" spellcheck="false" type="text" /> <label>Path</label> <input name="path" placeholder="Project Root" spellcheck="false" type="text" /> <label>Delete Output</label> <a class="button" href="outputs/delete">Delete</a> </form> </aside> </div> </div> <div class="content" id="config-content"> <textarea name="config"></textarea> </div> </div> </div> </div> <script> if (!location.hostname.match(/alpha/)) { (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-61767684-5', 'auto'); ga('send', 'pageview'); } </script> </body> </html>