sitemap tool (#3158)

* _sitemap

* more features

* fixes

* small fixes

* misc improvements

* open in your editor

* eslint

* add a basic headless test

* more feedbacked

client/src/app.tsx

@@ -22,6 +22,7 @@ const DocumentEdit = React.lazy(() => import("./document/forms/edit"));
 const DocumentCreate = React.lazy(() => import("./document/forms/create"));
 const DocumentManage = React.lazy(() => import("./document/forms/manage"));
 const WritersHomepage = React.lazy(() => import("./writers-homepage"));
+const Sitemap = React.lazy(() => import("./sitemap"));
 
 const isServer = typeof window === "undefined";
 
@@ -183,6 +184,15 @@ export function App(appProps) {
                     </StandardLayout>
                   }
                 />
+
+                <Route
+                  path="/_sitemap/*"
+                  element={
+                    <StandardLayout>
+                      <Sitemap />
+                    </StandardLayout>
+                  }
+                />
               </>
             )}
             <Route

client/src/sitemap/index.scss

@@ -0,0 +1,39 @@
+@import "~@mdn/minimalist/sass/vars/typography";
+
+#sitemap {
+  min-height: 800px;
+
+  div.opening-in-your-editor {
+    float: right;
+    font-size: $small-font-size;
+  }
+  ul.breadcrumb {
+    li {
+      list-style-type: none;
+      display: inline-block;
+      margin-right: 5px;
+
+      &::after {
+        content: " /";
+      }
+    }
+    li.last,
+    li.this-doc {
+      &::after {
+        content: "";
+      }
+    }
+
+    li.this-doc {
+      margin-left: 20px;
+    }
+  }
+
+  .tree li.highlight {
+    background-color: #efefef;
+  }
+
+  .footer-note {
+    margin-top: 100px;
+  }
+}