feat: lottie validator (#15)

* feat(pages): validator

* feat: add validator link to header & footer

* chore: add ajv deps for validator

* feat: add tabs default ui

* feat: add checkboxes & mv options outside ui

* feat: add table default ui

* feat: update desc

* feat: add tab content ui

* feat: add loading spinner on validate

* feat: prepare ui logic before validation

* feat: add lottie schema json

* feat: ajv validation

* feat: render validation results intable

* feat: ajv validation & render; remove useeffect

* refactor: move isValidUrl to helpers dir

* refactor: move validator logic to utils

* feat: integrate glax validator logic

* feat: config filter checkboxes with minor refactoring

* feat: responsive table ui

* refactor(validator): remove js warnigns

* fix: reset textarea val

* refactor: better name for tr class

* fix(validator): schema.oneOf is not iteratable on some cases

* refactor(pages/validator): destroy validator on unmount

package.json

@@ -11,6 +11,7 @@
     "url": "https://github.com/lottie/lottie.github.io/issues"
   },
   "dependencies": {
+    "ajv": "^8.17.1",
     "bootstrap": "^5.3.2",
     "gatsby": "^5.13.1",
     "gatsby-plugin-feed": "^5.13.0",

src/components/footer.js

@@ -68,6 +68,11 @@ export const Footer = () => {
               {ROUTES.roadmap.text}
             </Nav.Link>
           </Nav.Item>
+          <Nav.Item>
+            <Nav.Link as={Link} to={ROUTES.validator.route} target="_blank">
+              {ROUTES.validator.text}
+            </Nav.Link>
+          </Nav.Item>
           <Nav.Item>
             <Nav.Link as={Link} to={ROUTES.community.route} target="_blank">
               {ROUTES.community.text}

src/components/header.js

@@ -80,6 +80,15 @@ export const Header = () => {
                 {ROUTES.roadmap.text}
               </Nav.Link>
             </Nav.Item>
+            <Nav.Item>
+              <Nav.Link
+                as={Link}
+                className="text-capitalize"
+                to={ROUTES.validator.route}
+              >
+                {ROUTES.validator.text}
+              </Nav.Link>
+            </Nav.Item>
             <Nav.Item>
               <Nav.Link as={Link} to={ROUTES.community.route} target="_blank">
                 {ROUTES.community.text}

src/constants/index.js

@@ -28,4 +28,8 @@ export const ROUTES = {
     route: "/compliance-buttons",
     text: "Compliance Buttons",
   },
+  validator: {
+    route: "/validator",
+    text: "Validator",
+  },
 }