Bugfixes and new Templates

Fixed and documented Issues( blzjns#9, blzjns#10, blzjns#18 and blzjns#19) Added new Templates with Material Theme
Gabrz · Oct 19, 2020 · 01642a3 · 01642a3
1 parent 36859c7
commit 01642a3
Show file tree

Hide file tree

Showing 14 changed files with 1,440 additions and 72 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,7 +1,29 @@
 # Change Log
+
 All notable changes to the "vscode-raml" extension will be documented in this file.
 
 Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
 
 ## [Unreleased]
-- Initial release
+
+- Initial release
+
+## [3.0.1] 2018-07-19 (Merge #14 by DavidExtern)
+
+(Merged into the the Master, but not in the actual Extension in the Marketplace)
+
+### Changed
+
+- Fixed #10 (Failed Preview securedBy node)
+- Fixed #19 (Failed HTML rendering with valid RAML for security schemes )
+
+## [3.0.2] 2020-10-19
+
+### Changed
+
+- Fixed #9 (Failure if RAML file is in a path with spaces)
+- Fixed #18 (doesn't open preview and shows popup instead)
+
+### Added
+
+- 5 new Templates (Material Theme)
diff --git a/package.json b/package.json
@@ -94,8 +94,17 @@
         },
         "raml.previewTheme": {
           "type": "string",
+					"enum": [
+						"dark",
+						"light",
+						"Material-Theme-Darker",
+						"Material-Theme-Default",
+						"Material-Theme-Lighter",
+						"Material-Theme-Ocean",
+						"Material-Theme-Palenight"						
+					],
           "default": "dark",
-          "description": "Theme for previewing the raml file. Options: dark, light"
+          "description": "Theme for previewing the raml file."
         }
       }
     }

diff --git a/raml2html_template/Material-Theme-Darker.nunjucks b/raml2html_template/Material-Theme-Darker.nunjucks
@@ -0,0 +1,237 @@
+<!DOCTYPE HTML>
+<html>
+  {% include "./Material-head.nunjucks" %}
+    <style>
+      body {
+        background-color: #1a1a1a;
+        color: #EEFFFF;
+      }
+      .page-header{
+        color: #EEFFFF;
+        border-bottom: 0px;
+      }
+      .modal-header .close {
+        color: #EEFFFF;
+      }
+      h1 small{
+        color: #848484;
+      }
+      .panel-default{
+        border-color: #84848470;
+      }
+      .panel-default>.panel-heading, .modal-header {
+        background-color: #2B2B2B;
+        color: #EEFFFF;
+        border-color: #84848470;
+      }
+      .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
+        border-top: 1px solid #84848470;
+      }
+      .panel {
+        background-color: #212121;
+      }
+      .list-group-item {
+        cursor: pointer;
+        color: #EEFFFF;
+        background-color: #212121;
+        border-color: #84848470;
+      }
+      .list-group-item:hover {
+        background-color: #2B2B2B;
+      }
+      .parent {
+        color: #848484;
+      }
+      .panel-title>a, a:link, a:hover, a:visited {
+        color: #80CBC4;
+        text-decoration: none;
+      }
+      .nav-tabs {
+        border-bottom: 1px solid #84848470;
+      }
+      .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
+        color: #80CBC4;
+        background-color: #212121;
+        border: 1px solid #212121;
+        border-bottom-color: #80CBC4;
+        cursor: default;
+      }
+      .nav-tabs>li>a {
+        color: #848484;
+      }
+      .nav-tabs>li>a:hover{
+        color:#EEFFFF;
+        background-color: #212121;
+        border: 1px solid #212121;
+        border-bottom-color: #84848470;
+      }
+      .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
+        color: #80CBC4;
+        background-color: #2B2B2B;
+      }
+      .nav-pills>li>a {
+        color: #848484;
+        background-color:#1a1a1a;
+      }
+      .nav-pills>li>a:hover {
+        color: #EEFFFF;
+        background-color:#212121;
+      }
+      .hljs {
+        background: transparent;
+      }
+
+      .list-group-item > .badge {
+        float: none;
+        margin-right: 6px;
+      }
+      .panel-title > .methods {
+        float: right;
+      }
+      .modal-content {
+        position: relative;
+        background-color: #212121;
+      }
+      .badge {
+        border-radius: 0;
+        text-transform: uppercase;
+        width: 70px;
+        font-weight: normal;
+        color: #DDEEEE;
+        line-height: normal;
+      }
+      .badge_get {
+        background-color: #82AAFF90;
+      }
+      .badge_post {
+        background-color: #C3E88D90;
+      }
+      .badge_put {
+        background-color: #EEFFFF60;
+      }
+      .badge_delete {
+        background-color: #FF537090;
+      }
+      .badge_patch {
+        background-color: #FFCB6B90;
+      }
+      .list-group, .panel-group {
+        margin-bottom: 0;
+      }
+      .panel-group .panel+.panel-white {
+        margin-top: 0;
+      }
+      .panel-group .panel-white {
+        border-bottom: 1px solid #84848470;
+        border-radius: 0;
+      }
+      .panel-white:last-child {
+        border-bottom-color: #84848470;
+        -webkit-box-shadow: none;
+        box-shadow: none;
+      }
+      .panel-white .panel-heading {
+        background: inherit;
+      }
+      .tab-pane{
+        color: #848484;
+      }
+      .tab-pane ul {
+        padding-left: 2em;
+      }
+      .tab-pane h1 {
+        font-size: 1.3em;
+        color: #EEFFFF;
+      }
+      .tab-pane h2 {
+        font-size: 1.2em;
+        padding-bottom: 4px;
+        border-bottom: 1px solid #84848470;
+        color: #EEFFFF;
+      }
+      .tab-pane h3 {
+        font-size: 1.1em;
+        color: #EEFFFF;
+      }
+      .tab-content {
+        border-top: 1px solid #84848470;
+        border-left: 1px solid #84848470;
+        border-right: 1px solid #84848470;
+        border-bottom: 1px solid #84848470;
+        padding: 10px;
+      }
+      #sidebar {
+        margin-top: 30px;
+        padding-right: 5px;
+        overflow: auto;
+        height: 90%;
+      }
+      .top-resource-description {
+        border-bottom: 1px solid #84848470;
+        color: #848484;
+        background: inherit;
+        padding: 15px 15px 0 15px;
+        margin: -15px -15px 10px -15px;
+      }
+      .resource-description {
+        border-bottom: 1px solid #84848470;
+        color: #848484;
+        padding: 15px 15px 0 15px;
+        margin: -15px -15px 10px -15px;
+      }
+      .resource-description p:last-child {
+        margin: 0;
+      }
+      .list-group .badge {
+        float: left;
+      }
+      .method_description {
+        margin-left: 85px;
+      }
+      .method_description p:last-child {
+        margin: 0;
+      }
+
+      .list-item-badge {
+        cursor: pointer;
+      }
+      button {
+        outline:none;
+      }      
+
+      .hljs-type, .hljs-string, .hljs-number, .hljs-selector-id, .hljs-selector-class, .hljs-quote, .hljs-template-tag, .hljs-deletion {
+          color: #FFCB6B90;
+      }
+      .alert-info {
+        background-color: #212121;
+        border-color: #82AAFF90;
+        color: #82AAFF50;
+      }
+      .alert-warning {
+          background-color: #212121;
+          border-color: #FFCB6B90;
+          color: #FFCB6B50;
+      }
+      pre {
+        color: #848484;
+        background-color: #1a1a1a;
+        border: 1px solid #84848470;
+      }
+      pre code {
+        overflow: auto;
+        word-wrap: normal;
+        white-space: pre;
+      }
+      .items {
+        background: #1a1a1a;
+        color: #848484;
+        border: 1px solid #84848470;
+      }
+      .required {
+        color: #FF537090; 
+      }
+    </style>
+  </head>
+
+  {% include "./Material-body.nunjucks" %}
+</html>