fixed tag id not generated properly and validated hex-color codes

Author: mrin9

dist/index.html

@@ -22,7 +22,7 @@
 
   <rapi-doc 
     id="thedoc" 
-    spec-url="./specs/petstore_extended.yaml" 
+    spec-url="./specs/additional-props.yaml" 
     theme="dark"
     render-style = "read"   
     regular-font = 'Open Sans'

dist/index.html.gz

@@ -64,30 +64,38 @@
       window.addEventListener('DOMContentLoaded', (event) => {
         const urlParams = new URLSearchParams(window.location.search);
 
-        const specUrl = urlParams.get('spec');
+        let specUrl = urlParams.get('spec');
         const baseTheme = urlParams.get('theme');
         const renderStyle = urlParams.get('render-style');
         const bgColor = urlParams.get('bg-color');
         const textColor = urlParams.get('text-color');
         const navBg = urlParams.get('nav-bg');
         const primaryColor = urlParams.get('primary-color');
         const goto = urlParams.get('goto');
-        
         const rapidocEl = getRapiDoc();
+        
+        if(!specUrl) {
+          specUrl = '../specs/petstore.json'
+        }
+        rapidocEl.setAttribute('render-style', 'read');
+        console.log('render-style must be read , actually value is %s', rapidocEl.getAttribute('render-style'));
+        rapidocEl.setAttribute('render-style', 'view');
+        console.log('render-style must be view , actually value is %s', rapidocEl.getAttribute('render-style'));
+
         if (baseTheme) {
           rapidocEl.setAttribute('theme', baseTheme);
         }
         if (renderStyle) {
           rapidocEl.setAttribute('render-style', renderStyle);
         }
         if (bgColor) {
-          rapidocEl.setAttribute('bg-color', bgColor);
+          rapidocEl.setAttribute('bg-color', `#${bgColor}`);
         }
         if (textColor) {
-          rapidocEl.setAttribute('text-color', textColor);
+          rapidocEl.setAttribute('text-color', `#${textColor}`);
         }
         if (navBg) {
-          rapidocEl.setAttribute('nav-bg-color', navBg);
+          rapidocEl.setAttribute('nav-bg-color', `#${navBg}`);
         }
         if (goto) {
           rapidocEl.setAttribute('goto-path', goto);

dist/rapidoc-min.js

@@ -0,0 +1,26 @@
+openapi: 3.0.2
+info:
+  title: Test
+  version: "0.0.1"
+paths:
+  /example:
+    get:
+      summary: Example operation
+      responses:
+        '200':
+          description: ok
+          content:
+            application/json:
+              schema:
+                allOf:
+                  - type: object
+                    description: dynamic fields, expect to see `prop1` and `prop2` as required field names here
+                    additionalProperties:
+                      type: string
+                  - required:
+                    - prop1
+                    - prop2
+              example:
+                prop1: required prop
+                prop2: required prop
+                prop3: optional prop

dist/rapidoc-min.js.gz

@@ -0,0 +1,24 @@
+openapi: 3.0.2
+info:
+  version: '1.0'
+  title: My OpenAPI
+  description: OpenAPI with examples
+servers:
+  - url: /api
+paths:
+  /tags:
+    get:
+      description: Tags API
+      summary: List tags
+      tags:
+        - tags
+      responses:
+        '200':
+          description: 'The list with all tags'
+          content:
+            application/json:
+              schema:
+                type: array
+                items:
+                  properties:
+                    $ref: ../../../specs/partial-spec/tag-schema.yml

dist/report.html

@@ -0,0 +1,12 @@
+id:
+  type: integer
+  example: 1
+title:
+  type: string
+  example: Backend
+createdAt:
+  type: string
+  format: date-time
+updatedAt:
+  type: string
+  format: date-time