Editor react (#433)

Author: thomaspoignant

docs/.eslintrc

@@ -0,0 +1,30 @@
+{
+  "plugins": ["prettier", "unused-imports", "react"],
+  "extends": ["plugin:prettier/recommended", "plugin:react/recommended"],
+  "ignorePatterns": ["build/"],
+  "overrides": [
+    {
+      "files": ["*.md", "*.mdx"],
+      "extends": ["plugin:mdx/recommended"]
+    }
+  ],
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaVersion": "latest",
+    "ecmaFeatures": {
+      "jsx": true,
+      "modules": true
+    }
+  },
+  "settings": {
+    "mdx/code-blocks": false
+  },
+  "rules": {
+    "no-unused-vars": "off", // or "@typescript-eslint/no-unused-vars": "off",
+    "unused-imports/no-unused-imports": "error",
+    "unused-imports/no-unused-vars": [
+      "warn",
+      { "vars": "all", "varsIgnorePattern": "^_", "args": "after-used", "argsIgnorePattern": "^_" }
+    ]
+  }
+}

docs/.prettierrc

@@ -0,0 +1,36 @@
+{
+  "overrides": [
+    {
+      "files": "*.js",
+      "options": {
+        "arrowParens": "avoid",
+        "bracketSpacing": false,
+        "bracketSameLine": true,
+        "printWidth": 80,
+        "singleQuote": true,
+        "trailingComma": "es5",
+        "endOfLine": "auto"
+      }
+    },
+    {
+      "files": "*.md",
+      "options": {
+        "arrowParens": "avoid",
+        "bracketSpacing": false,
+        "bracketSameLine": true,
+        "printWidth": 66,
+        "proseWrap": "preserve",
+        "singleQuote": true,
+        "trailingComma": "all",
+        "endOfLine": "auto"
+      }
+    },
+    {
+      "files": ["*.scss", "*.css"],
+      "options": {
+        "printWidth": 80,
+        "endOfLine": "auto"
+      }
+    }
+  ]
+}

docs/docusaurus.config.js

@@ -19,14 +19,16 @@ const config = {
   projectName: 'go-feature-flag',
   trailingSlash: false,
 
-  customFields:{
-    logo: "img/logo/logo.png",
-    github: "https://github.com/thomaspoignant/go-feature-flag",
-    sponsor: "https://github.com/sponsors/thomaspoignant",
-    openfeature: "https://openfeature.dev",
-    mailchimpURL: "//gofeatureflag.us14.list-manage.com/subscribe/post?u=86acc1a78e371bf66a9683672&id=f42abfec51&amp",
-    swaggerURL: "https://github.com/thomaspoignant/go-feature-flag/blob/main/cmd/relayproxy/docs/swagger.yaml"
-   },
+  customFields: {
+    logo: 'img/logo/logo.png',
+    github: 'https://github.com/thomaspoignant/go-feature-flag',
+    sponsor: 'https://github.com/sponsors/thomaspoignant',
+    openfeature: 'https://openfeature.dev',
+    mailchimpURL:
+      '//gofeatureflag.us14.list-manage.com/subscribe/post?u=86acc1a78e371bf66a9683672&id=f42abfec51&amp',
+    swaggerURL:
+      'https://github.com/thomaspoignant/go-feature-flag/blob/main/cmd/relayproxy/docs/swagger.yaml',
+  },
   // Even if you don't use internalization, you can use this field to set useful
   // metadata like html lang. For example, if your site is Chinese, you may want
   // to replace "en" with "zh-Hans".
@@ -66,11 +68,11 @@ const config = {
   ],
   stylesheets: [
     'css/pushy-buttons.css', //https://github.com/iRaul/pushy-buttons
-    'css/simplegrid.css',
+    'css/simplegrid.css', //https://thisisdallas.github.io/Simple-Grid/
     'https://fonts.googleapis.com/css?family=Poppins:400,500,700',
     'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css',
     'https://cdn.jsdelivr.net/gh/devicons/[email protected]/devicon.min.css', // https://devicon.dev/
-    ],
+  ],
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
@@ -92,38 +94,42 @@ const config = {
             label: 'Docs',
           },
           {to: '/blog', label: 'Blog', position: 'left'},
-          {to: 'https://editor.gofeatureflag.org', html: 'Flag Editor <i class="fas fa-external-link-alt"></i>', position: 'left'},
+          {to: '/editor', html: 'Flag Editor', position: 'left'},
           // {
           //   type: 'doc',
           //   docId:'migrate_v0_v1',
           //   label: 'v1.x.x migration',
           //   position: 'left'
           // },
-          {to: 'https://github.com/sponsors/thomaspoignant', label: 'Sponsor us ❤️', position: 'right'},
+          {
+            to: 'https://github.com/sponsors/thomaspoignant',
+            label: 'Sponsor us ❤️',
+            position: 'right',
+          },
           {type: 'docsVersionDropdown', position: 'right'},
           {
             href: 'https://github.com/thomaspoignant/go-feature-flag',
             position: 'right',
-            className: "header-github-link navbar__right",
-            "aria-label": "GitHub repository",
+            className: 'header-github-link navbar__right',
+            'aria-label': 'GitHub repository',
           },
           {
             href: 'https://twitter.com/gofeatureflag',
             position: 'right',
-            className: "header-twitter-link navbar__right",
-            "aria-label": "Twitter",
+            className: 'header-twitter-link navbar__right',
+            'aria-label': 'Twitter',
           },
           {
             href: 'https://gophers.slack.com/messages/go-feature-flag',
             position: 'right',
-            className: "header-slack-link navbar__right",
-            "aria-label": "Slack",
+            className: 'header-slack-link navbar__right',
+            'aria-label': 'Slack',
           },
           {
             href: 'mailto:[email protected]',
             position: 'right',
-            className: "header-email-link navbar__right",
-            "aria-label": "Email",
+            className: 'header-email-link navbar__right',
+            'aria-label': 'Email',
           },
         ],
       },
@@ -175,17 +181,13 @@ const config = {
               },
             ],
           },
-
         ],
         copyright: `Copyright © ${new Date().getFullYear()} GO Feature Flag.`,
       },
       prism: {
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,
-        additionalLanguages: [
-          'toml',
-          'php',
-        ]
+        additionalLanguages: ['toml', 'php'],
       },
     }),
 };