using alem beta.34; some files are now modules

package.json

@@ -13,7 +13,7 @@
     "deploy:testnet": "npm run build; alem deploy --network testnet"
   },
   "dependencies": {
-    "alem": "1.0.0-beta.30"
+    "alem": "1.0.0-beta.34"
   },
   "devDependencies": {
     "@types/styled-components": "^5.1.26",

src/components/Sidebar/index.tsx

@@ -2,7 +2,7 @@ import { useEffect, getLocation, useState, useRoutes, Storage } from "alem";
 import { SidebarAboutLogo, Container } from "./styles";
 import getLinksByCategory from "../../utils/getLinksByCategory";
 import CollapseList from "../CollapseList";
-import { Categories, RoutesPath } from "@app/routes/routeProps";
+import { Categories, RoutesPath } from "@app/modules/routes/routeProps";
 
 const Sidebar = () => {
   const { pathname } = getLocation();
@@ -15,6 +15,7 @@ const Sidebar = () => {
   const [gettingStartedItems, setGettingStartedItems] = useState<(JSX.Element | undefined)[]>([]);
   const [routerItems, setRouterItems] = useState<(JSX.Element | undefined)[]>([]);
   const [modulesItems, setModulesItems] = useState<(JSX.Element | undefined)[]>([]);
+  const [localModulesItems, setLocalModulesItems] = useState<(JSX.Element | undefined)[]>([]);
   const [contextItems, setContextItems] = useState<(JSX.Element | undefined)[]>([]);
   const [apisItems, setApisItems] = useState<(JSX.Element | undefined)[]>([]);
   const [bosItems, setBosItems] = useState<(JSX.Element | undefined)[]>([]);
@@ -23,13 +24,15 @@ const Sidebar = () => {
     const _gettingStartedItems = getLinksByCategory("Getting Started");
     const _routerItems = getLinksByCategory("Router");
     const _modulesItems = getLinksByCategory("Modules");
+    const _localModulesItems = getLinksByCategory("Local Modules");
     const _contextItems = getLinksByCategory("Context");
     const _apisItems = getLinksByCategory("APIs");
     const _bosItems = getLinksByCategory("BOS");
 
     setGettingStartedItems(_gettingStartedItems);
     setRouterItems(_routerItems);
     setModulesItems(_modulesItems);
+    setLocalModulesItems(_localModulesItems);
     setContextItems(_contextItems);
     setApisItems(_apisItems);
     setBosItems(_bosItems);
@@ -85,7 +88,17 @@ const Sidebar = () => {
 
       <div>
         <CollapseList
-          title="Modules"
+          title="Local Modules"
+          initialState={openCategories.includes(Categories.localModules) ? "open" : "closed"}
+          onClick={(isOpen) => handleOpenRegister(isOpen, Categories.localModules)}
+        >
+          <>{localModulesItems}</>
+        </CollapseList>
+      </div>
+
+      <div>
+        <CollapseList
+          title="NPM Modules"
           initialState={openCategories.includes(Categories.modules) ? "open" : "closed"}
           onClick={(isOpen) => handleOpenRegister(isOpen, Categories.modules)}
         >

src/md/ConfigFile.tsx

@@ -1,7 +1,7 @@
 import { Markdown } from 'alem';
 
 const ConfigFile = () => {
-   const mdContent = Buffer.from(`IyBDb25maWcgRmlsZQoKQ3JlYXRlIGEgYGFsZW0uY29uZmlnLmpzb25gIGZpbGUgYXQgdGhlIHJvb3Qgb2YgdGhlIHByb2plY3Qgd2l0aCB0aGUgZm9sbG93aW5nIGNvbnRlbnQ6CgpgYGBqc29uCnsKICAvLyBUaGlzIGlzIHRoZSByb290IHBhdGggb2YgdGhlIGFwcC4KICAvLyBpZiB0cnVlOiBhbGVtLWxpYi5uZWFyL3dpZGdldC9JbmRleAogIC8vIGlmIGZhbHNlOiBhbGVtLWxpYi5uZWFyL3dpZGdldC9hbGVtLWRvY3MgKGl0J3MgZ29pbmcgdG8gdXNlIHRoZSBzbHVnaWZpZWQgIm5hbWUiKQogICJpc0luZGV4IjogdHJ1ZSwKICAvLyBUaGUgbWFpbm5ldCBhY2NvdW50IElEIHVuZGVyIHdoaWNoIHRoZSBhcHAgd2lsbCBiZSBkZXBsb3llZC4KICAibWFpbm5ldEFjY291bnQiOiAiYWxlbS1saWIubmVhciIsCiAgLy8gVGhlIHRlc3RuZXQgYWNjb3VudCBJRCB1bmRlciB3aGljaCB0aGUgYXBwIHdpbGwgYmUgZGVwbG95ZWQuCiAgInRlc3RuZXRBY2NvdW50IjogImFsZW0tbGliLnRlc3RuZXQiLAogIC8vIEFwcCBuYW1lCiAgIm5hbWUiOiAiQWxlbSBEb2NzIiwKICAvLyBBcHAgRGVzY3JpcHRpb24KICAiZGVzY3JpcHRpb24iOiAiQ3JlYXRlIHdlYjMgYXBwbGljYXRpb25zIGZvciBORUFSIEJPUyB3aXRoIGEgZm9jdXMgb24gcGVyZm9ybWFuY2Ugd2hpbGUgdXNpbmcgY29uY2VwdHMgdGhhdCBhcmUgYmFzZWQgb24gUmVhY3RKUy4iLAogIC8vIFNvY2lhbCBsaW5rcy4gQ2hlY2sgb3V0IE5FQVIgU29jaWFsIEJvcyBkb2NzIHRvIGdldCB0byBrbm93IHRoZSBvcHRpb25zCiAgLy8gaHR0cHM6Ly9kb2NzLm5lYXIub3JnL3NvY2lhbC9jb250cmFjdAogICJsaW5rdHJlZSI6IHsKICAgICJ3ZWJzaXRlIjogImdpdGh1Yi5jb20vd3BkYXMvYWxlbSIKICB9LAogICJpbWFnZSI6IHsKICAgICJpcGZzX2NpZCI6ICJiYWZrcmVpY2pkZ2F0NXhzdzd2eGJvc295eWdlcm1hd2hrZmkyYnkzb3ZnN2M2dHVtcmF5bjRyaW10eSIKICB9LAogIC8vIFRhZ3Mgb2YgdGhpcyBwcm9qZWN0CiAgInRhZ3MiOiBbInRoZSIsICJwcm9qZWN0IiwgInRhZ3MiLCAiaGVyZSJdCn0KYGBgCgojIFBhdGggQWxpYXNlcwoKWW91IGNhbiBvcHRpb25hbGx5IGNvbmZpZ3VyZSB5b3VyIGFwcGxpY2F0aW9uJ3MgcGF0aCBhbGlhc2VzIHNvIHRoYXQgaXQgd29ya3MgdG9nZXRoZXIgd2l0aCB0c2NvbmZpZy5qc29uLCBmb3IgZXhhbXBsZS4gQXNzdW1pbmcgeW91ciBwcm9qZWN0J3MgYHRzY29uZmlnLmpzb25gIGZpbGUgaGFzIHRoZSBmb2xsb3dpbmcgY29uZmlndXJhdGlvbiBmb3IgcGF0aHM6CgpgYGBqc29uCnsKICAiY29tcGlsZXJPcHRpb25zIjogewogICAgLy8gLi4uCiAgICAiYmFzZVVybCI6ICIuIiwKICAgICJwYXRocyI6IHsKICAgICAgIkBhcHAvKiI6IFsic3JjLyoiXSwKICAgICAgIkBjb21wb25lbnRzLyoiOiBbInNyYy9jb21wb25lbnRzLyoiXQogICAgfQogIH0KfQpgYGAKCllvdSB3aWxsIHdhbnQgdG8gY29uZmlndXJlIHRoZSBzYW1lIGJlaGF2aW9yIHVzaW5nIHRoZSBgYWxlbS5jb25maWcuanNvbmAgZmlsZSBhcyBmb2xsb3dzOgoKYGBganNvbgp7CiAgLy8gLi4uCiAgImNvbXBpbGVyT3B0aW9ucyI6IHsKICAgICJiYXNlVXJsIjogIi4iLAogICAgInBhdGhzIjogewogICAgICAiQGFwcC8iOiAic3JjLyIsCiAgICAgICJAY29tcG9uZW50cy8iOiAic3JjL2NvbXBvbmVudHMvIgogICAgfQogIH0KfQpgYGAKCk5vdyBpbiBhbGwgb2YgeW91ciBzb3VyY2UgZmlsZXMsIHlvdSBjYW4gaW1wb3J0IGNvbXBvbmVudHMgbGlrZSB0aGlzOgoKYGBgdHN4Ci8vIFdpdGhvdXQgcGF0aCBhbGlhc2VzCmltcG9ydCBIZXJvIGZyb20gIi4uLy4uLy4uL2NvbXBvbmVudHMvSGVybyI7CmltcG9ydCBGb290ZXIgZnJvbSAiLi4vLi4vLi4vY29tcG9uZW50cy9Gb290ZXIiOwoKLy8gV2l0aCBwYXRoIGFsaWFzZXMKaW1wb3J0IEhlcm8gZnJvbSAiQGNvbXBvbmVudHMvSGVybyI7CmltcG9ydCBGb290ZXIgZnJvbSAiQGNvbXBvbmVudHMvRm9vdGVyIjsKYGBgCgojIE9wdGlvbnMKCkl0IGlzIHBvc3NpYmxlIHRvIGNvbmZpZ3VyZSBzb21lIGNvbXBpbGVyIGJlaGF2aW9ycyB1c2luZyB0aGUgb3B0aW9ucyBzZXNzaW9uLgoKIyMgQ3JlYXRlIExvYWRlciBXaWRnZXQKClRoaXMgZmVhdHVyZSBhbGxvd3MgeW91IHRvIGNyZWF0ZSBhbiBhZGRpdGlvbmFsIFdpZGdldCB0aGF0IHdpbGwgc2VydmUgYXMgYSBMb2FkZXIgZm9yIHRoZSBtYWluIFdpZGdldC4gWW91IGNhbiBvcHRpb25hbGx5IGRlZmluZSB3aGljaCBjb21wb25lbnQgd2lsbCBzZXJ2ZSBhcyB0aGUgTG9hZGluZyBkaXNwbGF5IHdoaWxlIHRoZSBtYWluIFdpZGdldCBjb250ZW50IGlzIGxvYWRlZC4gSWYgbm8gZmlsZSBpcyBwcm92aWRlZCwgdGhlIGRlZmF1bHQgTG9hZGluZyBjb21wb25lbnQgb2YgQWzDqW0gd2lsbCBiZSB1c2VkLgoKVGhlIGdlbmVyYXRlZCBmaWxlIG5hbWUgd2lsbCBiZSBhIG1peCBvZiB0aGUgbmFtZSBvZiB0aGUgbWFpbiBXaWRnZXQgKyAiTG9hZGVyIi4gRm9yIGV4YW1wbGU6IGBJbmRleExvYWRlcmAuIEl0IGlzIHVwIHRvIHlvdSB3aGljaCBmaWxlIHRvIHVzZSBhcyB0aGUgcHJpbWFyeSBtZWFucyBvZiBhY2Nlc3NpbmcgeW91ciBhcHBsaWNhdGlvbi4KCi0gKipgY3JlYXRlTG9hZGVyV2lkZ2V0YDogYm9vbGVhbioqIC0gU2hvdWxkIHRoZSBXaWRnZXQgTG9hZGVyIGJlIGNyZWF0ZWQ/Ci0gKipgbG9hZGluZ0NvbXBvbmVudEZpbGVgOiBzdHJpbmcgKG9wdGlvbmFsKSoqIC0gUGF0aCB0byB0aGUgY29tcG9uZW50IHRoYXQgd2lsbCBzZXJ2ZSBhcyBsb2FkaW5nIHdoaWxlIHRoZSBtYWluIFdpZGdldCBjb250ZW50IGlzIGxvYWRlZC4KLSAqKmBsb2FkaW5nQ29tcG9uZW50TmFtZWA6IHN0cmluZyAob3B0aW9uYWwpKiogLSBFeGFjdCBuYW1lIG9mIHRoZSBjb21wb25lbnQgYmVpbmcgbG9hZGVkIHZpYSBgbG9hZGluZ0NvbXBvbmVudEZpbGVgLiBGb3IgZXhhbXBsZSwgaWYgdGhlIGxvYWRpbmcgZmlsZSBoYXMgdGhpcyBzdHJ1Y3R1cmU6CgpgYGB0c3gKY29uc3QgU3VzcGVuc2VMb2FkaW5nID0gKCkgPT4gPHA+TG9hZGluZy4uLjwvcD47CmBgYAoKU28gdGhlIG5hbWUgbXVzdCBiZSAqKlN1c3BlbnNlTG9hZGluZyoqLgoKKipDb25maWcgRXhhbXBsZSoqCgpgYGBqc29uCiJvcHRpb25zIjogewogICAgImNyZWF0ZUxvYWRlcldpZGdldCI6IHRydWUsCiAgICAibG9hZGluZ0NvbXBvbmVudEZpbGUiOiAic3JjL2NvbXBvbmVudHMvU3VzcGVuc2VMb2FkaW5nLnRzeCIsCiAgICAibG9hZGluZ0NvbXBvbmVudE5hbWUiOiAiU3VzcGVuc2VMb2FkaW5nIgogIH0KYGBgCgojIyBLZWVwIFJvdXRlCgpga2VlcFJvdXRlYCBpcyBvbmx5IHZhbGlkIGR1cmluZyBkZXZlbG9wbWVudCwgYW5kIGlzIGF1dG9tYXRpY2FsbHkgZGlzYWJsZWQgaW4gcHJvZHVjdGlvbi4KClRoaXMgcHJvcGVydHkgZGVmaW5lcyB3aGV0aGVyIHRoZSByb3V0ZSBzaG91bGQgcmVtYWluIHRoZSBzYW1lIGR1cmluZyByZWZyZXNoZXMuIFRoaXMgaXMgb25seSB2YWxpZCBpZiB0aGUgYFJvdXRlcmAgdHlwZSBpcyBgIkNvbnRlbnRCYXNlZCJgLgoKRGVmYXVsdCB2YWx1ZSBpcyBgZmFsc2VgLgoKYGBganNvbgp7CiAgLy8gLi4uCiAgIm9wdGlvbnMiOiB7CiAgICAia2VlcFJvdXRlIjogdHJ1ZQogIH0KfQpgYGAKCiMjIEhpZGUgQWzDqW0gQmFyCgpZb3UgY2FuIHVzZSBgb3B0aW9ucy5oaWRlQWxlbUJhcmAgdG8gcHJldmVudCB0aGUgQWzDqW0gdG9wIGJhciBmcm9tIGJlaW5nIGRpc3BsYXllZC4gVGhpcyBzZXR0aW5nIGFwcGxpZXMgb25seSBpbiB0aGUgZGV2ZWxvcG1lbnQgZW52aXJvbm1lbnQuCgpgYGBqc29uCnsKICAvLyAuLi4KICAib3B0aW9ucyI6IHsKICAgICJoaWRlQWxlbUJhciI6IHRydWUKICB9Cn0KYGBgCg==`, "base64").toString("utf-8");
+   const mdContent = Buffer.from(`IyBDb25maWcgRmlsZQoKQ3JlYXRlIGEgYGFsZW0uY29uZmlnLmpzb25gIGZpbGUgYXQgdGhlIHJvb3Qgb2YgdGhlIHByb2plY3Qgd2l0aCB0aGUgZm9sbG93aW5nIGNvbnRlbnQ6CgpgYGBqc29uCnsKICAvLyBUaGlzIGlzIHRoZSByb290IHBhdGggb2YgdGhlIGFwcC4KICAvLyBpZiB0cnVlOiBhbGVtLWxpYi5uZWFyL3dpZGdldC9JbmRleAogIC8vIGlmIGZhbHNlOiBhbGVtLWxpYi5uZWFyL3dpZGdldC9hbGVtLWRvY3MgKGl0J3MgZ29pbmcgdG8gdXNlIHRoZSBzbHVnaWZpZWQgIm5hbWUiKQogICJpc0luZGV4IjogdHJ1ZSwKICAvLyBUaGUgbWFpbm5ldCBhY2NvdW50IElEIHVuZGVyIHdoaWNoIHRoZSBhcHAgd2lsbCBiZSBkZXBsb3llZC4KICAibWFpbm5ldEFjY291bnQiOiAiYWxlbS1saWIubmVhciIsCiAgLy8gVGhlIHRlc3RuZXQgYWNjb3VudCBJRCB1bmRlciB3aGljaCB0aGUgYXBwIHdpbGwgYmUgZGVwbG95ZWQuCiAgInRlc3RuZXRBY2NvdW50IjogImFsZW0tbGliLnRlc3RuZXQiLAogIC8vIEFwcCBuYW1lCiAgIm5hbWUiOiAiQWxlbSBEb2NzIiwKICAvLyBBcHAgRGVzY3JpcHRpb24KICAiZGVzY3JpcHRpb24iOiAiQ3JlYXRlIHdlYjMgYXBwbGljYXRpb25zIGZvciBORUFSIEJPUyB3aXRoIGEgZm9jdXMgb24gcGVyZm9ybWFuY2Ugd2hpbGUgdXNpbmcgY29uY2VwdHMgdGhhdCBhcmUgYmFzZWQgb24gUmVhY3RKUy4iLAogIC8vIFNvY2lhbCBsaW5rcy4gQ2hlY2sgb3V0IE5FQVIgU29jaWFsIEJvcyBkb2NzIHRvIGdldCB0byBrbm93IHRoZSBvcHRpb25zCiAgLy8gaHR0cHM6Ly9kb2NzLm5lYXIub3JnL3NvY2lhbC9jb250cmFjdAogICJsaW5rdHJlZSI6IHsKICAgICJ3ZWJzaXRlIjogImdpdGh1Yi5jb20vd3BkYXMvYWxlbSIKICB9LAogICJpbWFnZSI6IHsKICAgICJpcGZzX2NpZCI6ICJiYWZrcmVpY2pkZ2F0NXhzdzd2eGJvc295eWdlcm1hd2hrZmkyYnkzb3ZnN2M2dHVtcmF5bjRyaW10eSIKICB9LAogIC8vIFRhZ3Mgb2YgdGhpcyBwcm9qZWN0CiAgInRhZ3MiOiBbInRoZSIsICJwcm9qZWN0IiwgInRhZ3MiLCAiaGVyZSJdCn0KYGBgCgojIFBhdGggQWxpYXNlcwoKWW91IGNhbiBvcHRpb25hbGx5IGNvbmZpZ3VyZSB5b3VyIGFwcGxpY2F0aW9uJ3MgcGF0aCBhbGlhc2VzIHNvIHRoYXQgaXQgd29ya3MgdG9nZXRoZXIgd2l0aCB0c2NvbmZpZy5qc29uLCBmb3IgZXhhbXBsZS4gQXNzdW1pbmcgeW91ciBwcm9qZWN0J3MgYHRzY29uZmlnLmpzb25gIGZpbGUgaGFzIHRoZSBmb2xsb3dpbmcgY29uZmlndXJhdGlvbiBmb3IgcGF0aHM6CgpgYGBqc29uCnsKICAiY29tcGlsZXJPcHRpb25zIjogewogICAgLy8gLi4uCiAgICAiYmFzZVVybCI6ICIuIiwKICAgICJwYXRocyI6IHsKICAgICAgIkBhcHAvKiI6IFsic3JjLyoiXSwKICAgICAgIkBjb21wb25lbnRzLyoiOiBbInNyYy9jb21wb25lbnRzLyoiXQogICAgfQogIH0KfQpgYGAKCllvdSB3aWxsIHdhbnQgdG8gY29uZmlndXJlIHRoZSBzYW1lIGJlaGF2aW9yIHVzaW5nIHRoZSBgYWxlbS5jb25maWcuanNvbmAgZmlsZSBhcyBmb2xsb3dzOgoKYGBganNvbgp7CiAgLy8gLi4uCiAgImNvbXBpbGVyT3B0aW9ucyI6IHsKICAgICJiYXNlVXJsIjogIi4iLAogICAgInBhdGhzIjogewogICAgICAiQGFwcC8iOiAic3JjLyIsCiAgICAgICJAY29tcG9uZW50cy8iOiAic3JjL2NvbXBvbmVudHMvIgogICAgfQogIH0KfQpgYGAKCk5vdyBpbiBhbGwgb2YgeW91ciBzb3VyY2UgZmlsZXMsIHlvdSBjYW4gaW1wb3J0IGNvbXBvbmVudHMgbGlrZSB0aGlzOgoKYGBgdHN4Ci8vIFdpdGhvdXQgcGF0aCBhbGlhc2VzCmltcG9ydCBIZXJvIGZyb20gIi4uLy4uLy4uL2NvbXBvbmVudHMvSGVybyI7CmltcG9ydCBGb290ZXIgZnJvbSAiLi4vLi4vLi4vY29tcG9uZW50cy9Gb290ZXIiOwoKLy8gV2l0aCBwYXRoIGFsaWFzZXMKaW1wb3J0IEhlcm8gZnJvbSAiQGNvbXBvbmVudHMvSGVybyI7CmltcG9ydCBGb290ZXIgZnJvbSAiQGNvbXBvbmVudHMvRm9vdGVyIjsKYGBgCgojIE9wdGlvbnMKCkl0IGlzIHBvc3NpYmxlIHRvIGNvbmZpZ3VyZSBzb21lIGNvbXBpbGVyIGJlaGF2aW9ycyB1c2luZyB0aGUgb3B0aW9ucyBzZXNzaW9uLgoKIyMgQ3JlYXRlIExvYWRlciBXaWRnZXQKClRoaXMgZmVhdHVyZSBhbGxvd3MgeW91IHRvIGNyZWF0ZSBhbiBhZGRpdGlvbmFsIFdpZGdldCB0aGF0IHdpbGwgc2VydmUgYXMgYSBMb2FkZXIgZm9yIHRoZSBtYWluIFdpZGdldC4gWW91IGNhbiBvcHRpb25hbGx5IGRlZmluZSB3aGljaCBjb21wb25lbnQgd2lsbCBzZXJ2ZSBhcyB0aGUgTG9hZGluZyBkaXNwbGF5IHdoaWxlIHRoZSBtYWluIFdpZGdldCBjb250ZW50IGlzIGxvYWRlZC4gSWYgbm8gZmlsZSBpcyBwcm92aWRlZCwgdGhlIGRlZmF1bHQgTG9hZGluZyBjb21wb25lbnQgb2YgQWzDqW0gd2lsbCBiZSB1c2VkLgoKVGhlIGdlbmVyYXRlZCBmaWxlIG5hbWUgd2lsbCBiZSBhIG1peCBvZiB0aGUgbmFtZSBvZiB0aGUgbWFpbiBXaWRnZXQgKyAiTG9hZGVyIi4gRm9yIGV4YW1wbGU6IGBJbmRleExvYWRlcmAuIEl0IGlzIHVwIHRvIHlvdSB3aGljaCBmaWxlIHRvIHVzZSBhcyB0aGUgcHJpbWFyeSBtZWFucyBvZiBhY2Nlc3NpbmcgeW91ciBhcHBsaWNhdGlvbi4KCi0gKipgY3JlYXRlTG9hZGVyV2lkZ2V0YDogYm9vbGVhbioqIC0gU2hvdWxkIHRoZSBXaWRnZXQgTG9hZGVyIGJlIGNyZWF0ZWQ/Ci0gKipgbG9hZGluZ0NvbXBvbmVudEZpbGVgOiBzdHJpbmcgKG9wdGlvbmFsKSoqIC0gUGF0aCB0byB0aGUgY29tcG9uZW50IHRoYXQgd2lsbCBzZXJ2ZSBhcyBsb2FkaW5nIHdoaWxlIHRoZSBtYWluIFdpZGdldCBjb250ZW50IGlzIGxvYWRlZC4KLSAqKmBsb2FkaW5nQ29tcG9uZW50TmFtZWA6IHN0cmluZyAob3B0aW9uYWwpKiogLSBFeGFjdCBuYW1lIG9mIHRoZSBjb21wb25lbnQgYmVpbmcgbG9hZGVkIHZpYSBgbG9hZGluZ0NvbXBvbmVudEZpbGVgLiBGb3IgZXhhbXBsZSwgaWYgdGhlIGxvYWRpbmcgZmlsZSBoYXMgdGhpcyBzdHJ1Y3R1cmU6CgpgYGB0c3gKY29uc3QgU3VzcGVuc2VMb2FkaW5nID0gKCkgPT4gPHA+TG9hZGluZy4uLjwvcD47CmBgYAoKU28gdGhlIG5hbWUgbXVzdCBiZSAqKlN1c3BlbnNlTG9hZGluZyoqLgoKKipDb25maWcgRXhhbXBsZSoqCgpgYGBqc29uCiJvcHRpb25zIjogewogICAgImNyZWF0ZUxvYWRlcldpZGdldCI6IHRydWUsCiAgICAibG9hZGluZ0NvbXBvbmVudEZpbGUiOiAic3JjL2NvbXBvbmVudHMvU3VzcGVuc2VMb2FkaW5nLnRzeCIsCiAgICAibG9hZGluZ0NvbXBvbmVudE5hbWUiOiAiU3VzcGVuc2VMb2FkaW5nIgogIH0KYGBgCgojIyBLZWVwIFJvdXRlCgpga2VlcFJvdXRlYCBpcyBvbmx5IHZhbGlkIGR1cmluZyBkZXZlbG9wbWVudCwgYW5kIGlzIGF1dG9tYXRpY2FsbHkgZGlzYWJsZWQgaW4gcHJvZHVjdGlvbi4KClRoaXMgcHJvcGVydHkgZGVmaW5lcyB3aGV0aGVyIHRoZSByb3V0ZSBzaG91bGQgcmVtYWluIHRoZSBzYW1lIGR1cmluZyByZWZyZXNoZXMuIFRoaXMgaXMgb25seSB2YWxpZCBpZiB0aGUgYFJvdXRlcmAgdHlwZSBpcyBgIkNvbnRlbnRCYXNlZCJgLgoKRGVmYXVsdCB2YWx1ZSBpcyBgZmFsc2VgLgoKYGBganNvbgp7CiAgLy8gLi4uCiAgIm9wdGlvbnMiOiB7CiAgICAia2VlcFJvdXRlIjogdHJ1ZQogIH0KfQpgYGAKCiMjIEhpZGUgQWzDqW0gQmFyCgpZb3UgY2FuIHVzZSBgb3B0aW9ucy5oaWRlQWxlbUJhcmAgdG8gcHJldmVudCB0aGUgQWzDqW0gdG9wIGJhciBmcm9tIGJlaW5nIGRpc3BsYXllZC4gVGhpcyBzZXR0aW5nIGFwcGxpZXMgb25seSBpbiB0aGUgZGV2ZWxvcG1lbnQgZW52aXJvbm1lbnQuCgpgYGBqc29uCnsKICAvLyAuLi4KICAib3B0aW9ucyI6IHsKICAgICJoaWRlQWxlbUJhciI6IHRydWUKICB9Cn0KYGBgCgojIExvY2FsIE1vZHVsZXMgT3B0aW9ucwoKQWxsIGZpbGVzIGluc2lkZSB0aGUgYHNyYy9tb2R1bGVzYCBmb2xkZXIgd2lsbCBiZSBjb21waWxlZCBhcyBsb2NhbCBtb2R1bGVzLiBUbyBmaWx0ZXIgYW55IGZpbGUgdGhhdCB5b3UgZG8gbm90IHdhbnQgdG8gYmUgaW50ZXJwcmV0ZWQgYXMgYSBjb21waWxlciBldmVuIHRob3VnaCBpdCBpcyBpbiB0aGUgYHNyYy9tb2R1bGVzYCBmb2xkZXIsIHlvdSBtdXN0IG1ha2UgdGhlIGZvbGxvd2luZyBjb25maWd1cmF0aW9uOgoKSW5zaWRlIHRoZSBgYWxlbS5jb25maWcuanNvbmAgZmlsZSBhZGQgdGhlIGxpc3Qgb2YgcGFydCBvZiBmaWxlIG5hbWVzIHlvdSB3YW50IHRvIGlnbm9yZS4KCmBgYGpzb24KIm1vZHVsZXMiOiB7CiAgImlnbm9yZUZpbGVJZkluY2x1ZGVzIjogWyJzdHlsZXMiXQp9CmBgYAoKSW4gdGhlIGV4YW1wbGUgYWJvdmUsIGFueSBmaWxlIHRoYXQgaGFzICJzdHlsZXMiIGFzIHBhcnQgb2YgaXRzIG5hbWUgd2lsbCBiZSBpZ25vcmVkIGFuZCB3aWxsIGJlIGNvbXBpbGVkIGFzIGEgbm9ybWFsIGZpbGUgKHNjcmlwdCBmaWxlLCBzdGF0ZWxlc3MgY29tcG9uZW50IG9yIHN0YXRlZnVsIGNvbXBvbmVudCkuCg==`, "base64").toString("utf-8");
    return <Markdown text={mdContent} />
 }
 

src/md/Environment.tsx

@@ -1,7 +1,7 @@
 import { Markdown } from 'alem';
 
 const Environment = () => {
-   const mdContent = Buffer.from(`IyBFbnZpcm9ubWVudAoKQ3JlYXRlIGEgYC5lbnZgIGZpbGUgdG8gc2V0IHVwIHRoZSBwcm9qZWN0J3MgZW52aXJvbm1lbnQgYW5kIG90aGVyIHZhcnMuCgoqKmUuZzoqKiBpZiB5b3UgYWRkIGBOT0RFX0VOVj1kZXZlbG9wbWVudGAgdG8geW91ciBgLmVudmAgZmlsZS4gVGhpcyB3aWxsIHNldCB0aGUgcHJvamVjdCBlbnYgYXMgYGRldmVsb3BtZW50YC4KClRoZSBhYnNlbmNlIG9mIHRoZSBgLmVudmAgZmlsZSBtZWFucyB0aGF0IGBOT0RFX0VOVj1wcm9kdWN0aW9uYC4KCllvdSBjYW4gdXNlIGBnZXRBbGVtRW52aXJvbm1lbnQoKWAgcHJvdmlkZWQgYnkgQWzDqW0gdG8gYWNjZXNzIHRoZSBjdXJyZW50IGVudmlyb25tZW50IHZhbHVlLgo=`, "base64").toString("utf-8");
+   const mdContent = Buffer.from(`IyBFbnZpcm9ubWVudAoKQ3JlYXRlIGEgYC5lbnZgIGZpbGUgdG8gc2V0IHVwIHRoZSBwcm9qZWN0J3MgZW52aXJvbm1lbnQgYW5kIG90aGVyIHZhcnMuCgoqKmUuZzoqKiBpZiB5b3UgYWRkIGBOT0RFX0VOVj1kZXZlbG9wbWVudGAgdG8geW91ciBgLmVudmAgZmlsZS4gVGhpcyB3aWxsIHNldCB0aGUgcHJvamVjdCBlbnYgYXMgYGRldmVsb3BtZW50YC4KClRoZSBhYnNlbmNlIG9mIHRoZSBgLmVudmAgZmlsZSBtZWFucyB0aGF0IGBOT0RFX0VOVj1wcm9kdWN0aW9uYC4KCllvdSBjYW4gdXNlIGBnZXRBbGVtRW52aXJvbm1lbnQoKWAgcHJvdmlkZWQgYnkgQWzDqW0gdG8gYWNjZXNzIHRoZSBjdXJyZW50IGVudmlyb25tZW50IHZhbHVlLgoKIyBBdmFpbGFibGUgQWzDqW0gRW52IFZhcnMKCmBgYHNoCiMgQWzDqW0gZW52aXJvbm1lbnQgKGRlZmF1bHQgaXMgcHJvZHVjdGlvbikKTk9ERV9FTlY9ZGV2ZWxvcG1lbnQKYGBgCgpgYGBzaAojIFNob3VsZCBmaW5hbCBmaWxlIGJlIG1pbmlmaWVkPyAoZGVmYXVsdCBpcyB0cnVlKQpNSU5JRlk9dHJ1ZQpgYGAKCmBgYHNoCiMgU2F2ZSBmaWxlIHNjaGVtYXM/IChkZWZhdWx0IGlzIGZhbHNlKS4gVGhpcyBpcyB1c2VmdWwgdG8gZXZhbHVhdGUgaG93IGZpbGVzIGFyZSBiZWluZyBoYW5kbGVkLgpTQVZFX1NDSEVNQVM9ZmFsc2UKYGBgCgpgYGBzaAojIFNob3cgaG93IGxvbmcgaXQncyB0YWtpbmcgdG8gY29tcGlsZSBmaWxlcy4gKGRlZmF1bHQgaXMgZmFsc2UpLiBUaGlzIGlzIHV0aWwgZHVyaW5nIEFsw6ltIGVuaGFuY2VtZW50cyAvIG5ldyBpbXBsZW1lbnRhdGlvbnMgb3IgYnVnIGZpeGVzClNIT1dfRVhFQ1VUSU9OX1RJTUU9ZmFsc2UKYGBgCg==`, "base64").toString("utf-8");
    return <Markdown text={mdContent} />
 }