Merge pull request #9 from material-docs/prod

Material Docs Documentation v0.1.5

Author: DanilAndreev

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@material-docs/material-docs-documentation",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "private": false,
   "description": "Documentation for Material Docs. material-docs - react framework for easy creating documentation site in material design style.",
   "homepage": "http://material-docs.com/",
@@ -30,7 +30,7 @@
   "license": "MIT",
   "dependencies": {
     "@craco/craco": "^5.6.4",
-    "@material-docs/core": "^0.4.6",
+    "@material-docs/core": "^0.4.7",
     "@material-docs/react-components-docs-extension": "^0.2.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/icons": "^4.9.1",

src/locale/RU.json

@@ -1202,6 +1202,33 @@
         "ComponentNameHeader": "Имя компонента",
         "ref": "Объект ```ref``` передан в корневой элемент."
       }
+    },
+    "MaterialDocs": {
+      "navigationList": {
+        "content": "Содержание"
+      },
+      "tooltips": {
+        "selectLanguage": "Выбрать язык",
+        "switchTheme": "Переключить светлую/тёмную тему"
+      },
+      "copyright": "Созданно с помощью MaterialDocs. Все права защищены.",
+      "SearchField": {
+        "label": "Поиск..."
+      },
+      "notices": {
+        "codeCopied": "Кол скопирован в буфер обмена",
+        "codeNotCopied": "Не удалось скопировать код в буфер обмена"
+      },
+      "ExpansionCode": {
+        "copyToClipboard": "Скопировать код в буфер обмена",
+        "expand": "Развернуть/свернуть код",
+        "moreActions": "Больше действий"
+      },
+      "DemoWithCode": {
+        "copyToClipboard": "Скопировать код в буфер обмена",
+        "expand": "Развернуть/свернуть код",
+        "moreActions": "Больше действий"
+      }
     }
   }
 }

src/pages/Components/CodeDemo/index.js

@@ -26,23 +26,26 @@ import {TaggingContext} from "@material-docs/core/hooks/useTags"
 import demoWithCodeCode from "../../../examples/Code/demoWithCodeExampleCode.md";
 import DemoWithCodeExample from "../../../examples/Code/DemoWithCodeExpample";
 import H2 from "@material-docs/core/components/H2";
+import Locale from "@material-docs/core/components/Locale";
 
 export default function CodeDemo() {
     const {lang} = useLang();
-    const locale = lang.locale.pages.CodeDemo;
+    const localeObj = lang.locale.pages.CodeDemo;
+
+    const locale = "pages/CodeDemo";
 
     return (
         <DocsPage
             name={"Code showers"}
-            searchDescription={locale.searchDescription}
-            searchTags={convertJsonToArray(locale.searchTags)}
+            searchDescription={localeObj.searchDescription}
+            searchTags={convertJsonToArray(localeObj.searchTags)}
         >
             <H1>Code showers</H1>
             <H3 noTag noDivider>Code showers - React components, designed to help you to share your source code.</H3>
-            <Markdown>{locale.globalDetails}</Markdown>
-            <H2>{locale.componentsHeader}</H2>
+            <Markdown locale={`${locale}/globalDetails`} />
+            <H2><Locale path={`${locale}/componentsHeader`}/></H2>
             <H3 noDivider>{"<Code/>"}</H3>
-            <Markdown>{locale.codeDetails}</Markdown>
+            <Markdown locale={`${locale}/codeDetails`}></Markdown>
             <DemoWithCode
                 code={codeCode}
                 theme={"darcula"}
@@ -52,13 +55,12 @@ export default function CodeDemo() {
                     label: "GitHub source",
                     link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Code/CodeExample.js"
                 }]}
+                p={1}
             >
-                <Box p={1}>
-                    <CodeExample />
-                </Box>
+                <CodeExample/>
             </DemoWithCode>
             <H3 noDivider>{"<ExpansionCode/>"}</H3>
-            <Markdown>{locale.expansionCodeDetails}</Markdown>
+            <Markdown locale={`${locale}/expansionCodeDetails`}/>
             <DemoWithCode
                 code={expansionCodeCode}
                 theme={"darcula"}
@@ -68,15 +70,12 @@ export default function CodeDemo() {
                     label: "GitHub source",
                     link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Code/ExpansionCodeExample.js"
                 }]}
+                p={1}
             >
-                <Box p={1}>
-                    <TaggingContext.Provider value={{setTag: () => {}, removeTag: () => {}}}>
-                        <ExpansionCodeExample />
-                    </TaggingContext.Provider>
-                </Box>
+                <ExpansionCodeExample/>
             </DemoWithCode>
             <H3 noDivider>{"<DemoWithCode/>"}</H3>
-            <Markdown>{locale.demoWithCodeDetails}</Markdown>
+            <Markdown locale={`${locale}/demoWithCodeDetails`}/>
             <DemoWithCode
                 code={demoWithCodeCode}
                 theme={"darcula"}
@@ -85,12 +84,9 @@ export default function CodeDemo() {
                     label: "GitHub source",
                     link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Code/DemoWithCodeExpample.js"
                 }]}
+                p={1}
             >
-                <Box p={1}>
-                    <TaggingContext.Provider value={{setTag: () => {}, removeTag: () => {}}}>
-                        <DemoWithCodeExample />
-                    </TaggingContext.Provider>
-                </Box>
+                <DemoWithCodeExample/>
             </DemoWithCode>
             <H3>APIs</H3>
             <List>

src/pages/Components/HeadersDemo/index.js

@@ -42,16 +42,9 @@ export default function HeadersDemo() {
                     label: "GitHub source",
                     link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Headers/AllHeaders.js"
                 }]}
+                p={2}
             >
-                <Box p={2}>
-                    <TaggingContext.Provider value={{
-                        setTag: () => {
-                        }, removeTag: () => {
-                        }, tags: {}
-                    }}>
-                        <AllHeaders/>
-                    </TaggingContext.Provider>
-                </Box>
+                <AllHeaders/>
             </DemoWithCode>
             <H2>Settings</H2>
             <H3 noDivider>{locale.contentAutoGeneration}</H3>

yarn.lock

@@ -1310,10 +1310,10 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
-"@material-docs/core@^0.4.6":
-  version "0.4.6"
-  resolved "https://registry.yarnpkg.com/@material-docs/core/-/core-0.4.6.tgz#e4525e61f5af2d6d4403d6b626bba400a9b089d5"
-  integrity sha512-nwSRDkGQpuIWtQ2FDLSKldhWqKJz6HGpoLZyFywEIk59lv156bVo2LrtE13q/vBitdgkPE5RrOlFMYNCgerOPw==
+"@material-docs/core@^0.4.7":
+  version "0.4.7"
+  resolved "https://registry.yarnpkg.com/@material-docs/core/-/core-0.4.7.tgz#ef202edc1afa4a9fe8ddada02ecf1bad7809a825"
+  integrity sha512-si8gP5MnImDoFcmOtZC56Skoz9E7Y3gWodN53oWWfImMQbdUeiM0wHyHnW6/gkmo272HcQaJEraey5ebUBZ9Aw==
   dependencies:
     "@material-ui/core" "^4.11.0"
     "@material-ui/icons" "^4.9.1"