From eee96f01e29ddb8b95e9429c4e584fe6e7e7faec Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Sat, 8 Feb 2020 15:31:14 +0300
Subject: feat: implement initial markdown component

---
 src/index.tsx | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

(limited to 'src/index.tsx')

diff --git a/src/index.tsx b/src/index.tsx
index 9d32585..cba71b6 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -10,6 +10,7 @@ import {
   ContentSection,
   SmartList,
   Button,
+  Markdown,
 } from './lib';
 
 import icon from './assets/icon.svg';
@@ -27,6 +28,8 @@ const useStyles = makeStyles(theme => ({
 }));
 
 
+const data = "# Getting started\n## Installation \nGo and install it \n# Development\nMore info on dev";
+
 const Icon = <img src={icon} width="32px" height="37px" alt="logo"/>
 
 const headerContents = {
@@ -89,19 +92,7 @@ const App: React.FC = () => {
               primary
             </Button>
           </ContentSection>
-          <ContentSection sectionName="Content section">
-            <p>
-              Fusce suscipit, wisi nec facilisis facilisis, est dui fermentum leo, quis tempor ligula erat quis odio.  Nunc porta vulputate tellus.  Nunc rutrum turpis sed pede.  Sed bibendum.  Aliquam posuere.
-            </p>
-            <p>
-              <Link href="#">Link example</Link>
-            </p>
-          </ContentSection>
-          <ContentSection sectionName="Content section">
-            <p>
-              Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Donec hendrerit tempor tellus.  Donec pretium posuere tellus.  Proin quam nisl, tincidunt et, mattis eget, convallis nec, purus.  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  Nulla posuere.  Donec vitae dolor.  Nullam tristique diam non turpis.  Cras placerat accumsan <Link href="#">nulla</Link>.  Nullam rutrum.  Nam vestibulum accumsan nisl.  Pellentesque dapibus suscipit ligula.
-            </p>
-          </ContentSection>
+          <Markdown data={data} />
         </div>
       </Window>
       <Window type="secondary" name="SmartList preview window">
-- 
cgit v1.2.3


From a2877c2844825853b8913a07a40f814fc03ac999 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Fri, 3 Apr 2020 03:30:16 +0300
Subject: feat: support Markdown by url

---
 src/index.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

(limited to 'src/index.tsx')

diff --git a/src/index.tsx b/src/index.tsx
index cba71b6..9678beb 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -28,8 +28,6 @@ const useStyles = makeStyles(theme => ({
 }));
 
 
-const data = "# Getting started\n## Installation \nGo and install it \n# Development\nMore info on dev";
-
 const Icon = <img src={icon} width="32px" height="37px" alt="logo"/>
 
 const headerContents = {
@@ -92,7 +90,7 @@ const App: React.FC = () => {
               primary
             </Button>
           </ContentSection>
-          <Markdown data={data} />
+          <Markdown url='https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md' />
         </div>
       </Window>
       <Window type="secondary" name="SmartList preview window">
-- 
cgit v1.2.3


From e491abb55723ab20a36ead83320e40627cca8e06 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Fri, 3 Apr 2020 03:37:31 +0300
Subject: fix: correct linting errors :rotating_light:

---
 src/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/index.tsx')

diff --git a/src/index.tsx b/src/index.tsx
index 9678beb..6646cf0 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -90,7 +90,7 @@ const App: React.FC = () => {
               primary
             </Button>
           </ContentSection>
-          <Markdown url='https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md' />
+          <Markdown url="https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md" />
         </div>
       </Window>
       <Window type="secondary" name="SmartList preview window">
-- 
cgit v1.2.3


From 16cf77f051048fbcca89184462d31bfcb1e6c699 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 5 Apr 2020 15:26:18 +0300
Subject: feat: update index.tsx :fire:

---
 src/index.tsx | 82 +++++++++++++++++++++++++----------------------------------
 1 file changed, 34 insertions(+), 48 deletions(-)

(limited to 'src/index.tsx')

diff --git a/src/index.tsx b/src/index.tsx
index 6646cf0..704805c 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,15 +1,12 @@
 import React, { useState } from 'react';
 import ReactDOM from 'react-dom';
 
-import { makeStyles, Link } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core';
 
 import {
   BenzinThemeProvider,
   Header,
   Window,
-  ContentSection,
-  SmartList,
-  Button,
   Markdown,
 } from './lib';
 
@@ -32,8 +29,16 @@ const Icon = <img src={icon} width="32px" height="37px" alt="logo"/>
 
 const headerContents = {
   home: null,
-  page: null,
-  'another page': null,
+  space: null,
+  'emoji': null,
+  'material-ui': null,
+};
+
+const pageMap: Record<string, string> = {
+  home: "https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md",
+  space: "https://raw.githubusercontent.com/eug-vs/space/master/docs/environment.md",
+  emoji: "https://raw.githubusercontent.com/muan/emoji/gh-pages/README.md",
+  'material-ui': "https://raw.githubusercontent.com/mui-org/material-ui/master/README.md",
 };
 
 
@@ -41,30 +46,24 @@ const App: React.FC = () => {
   const classes = useStyles();
   const [page, setPage] = useState('home');
 
-  const renderItem: React.FC<RenderPropTypes> = ({ index, style}) => {
-    return (
-        <div style={style} className={classes.window}>
-          <ContentSection sectionName={`Item ${index+1}`}>
-            <p>
-              Fusce commodo.  Vestibulum convallis, lorem a tempus semper, dui dui euismod elit, vitae placerat urna tortor vitae lacus.  Nullam libero mauris, consequat quis, varius et, dictum id, arcu.  Mauris mollis tincidunt felis.
-            </p>
-            {(index % 2 === 0)?
-              (
-                <Button color="primary">
-                  primary
-                </Button>
-              )
-              :
-              (
-                <Button color="secondary">
-                  secondary
-                </Button>
-              )
-            }
-          </ContentSection>
-        </div>
-    );
-  };
+  const url = pageMap[page];
+  const filename = url.slice(url.lastIndexOf('/') + 1);
+  const metadata = [
+    `## Markdown\n [Markdown file](${url}) that you can see on the left was parsed and processed by **BENZIN**!`,
+    'Switch between tabs on the header to explore other markdown templates.',
+    'Currently **only core features** of markdown function.',
+    'Templates on the left are being loaded from the internet, though this pane is generated from plaintext.',
+    '## How do I use this feature?',
+    '```',
+    'import Markdown from \'react-benzin\';',
+    'const data = \'# Header\\nHello, *world!* \';',
+    'ReactDOM.render(<Markdown data={data}/>, document.getElementById(\'root\'));',
+    '```',
+    'Yep! **Or even simpler**:',
+    '```',
+    'ReactDOM.render(<Markdown url={url}/>, document.getElementById(\'root\'));',
+    '```',
+  ].join('\n');
 
   return (
     <BenzinThemeProvider>
@@ -79,26 +78,13 @@ const App: React.FC = () => {
       />
       <Window type="primary">
         <div className={classes.window}>
-          <ContentSection sectionName="Library preview">
-            <p>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque dapibus suscipit ligula.  Donec posuere augue in quam.  Etiam vel tortor sodales tellus ultricies commodo.  Suspendisse potenti.  Aenean in sem ac leo mollis blandit.  Donec neque quam, dignissim in, mollis nec, sagittis eu, wisi.  <Link href="#">Phasellus lacus.</Link> Etiam laoreet quam sed arcu.  Phasellus at dui in ligula mollis ultricies.  Integer placerat tristique nisl.  Praesent augue.  Fusce commodo.
-            </p>
-            <Button color="secondary">
-              secondary
-            </Button>
-            <Button color="primary">
-              primary
-            </Button>
-          </ContentSection>
-          <Markdown url="https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md" />
+          <Markdown url={url} />
         </div>
       </Window>
-      <Window type="secondary" name="SmartList preview window">
-        <SmartList
-          itemSize={270}
-          itemCount={100}
-          renderItem={renderItem}
-        />
+      <Window type="secondary" name="Feature preview">
+        <div className={classes.window}>
+          <Markdown data={metadata} />
+        </div>
       </Window>
     </BenzinThemeProvider>
   );
-- 
cgit v1.2.3


From 63c51e7c3f266534624a4a115fdda21076dce562 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 5 Apr 2020 17:26:07 +0300
Subject: feat: add emojis and spacevim tab to index

---
 src/index.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

(limited to 'src/index.tsx')

diff --git a/src/index.tsx b/src/index.tsx
index 704805c..0128140 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -30,15 +30,17 @@ const Icon = <img src={icon} width="32px" height="37px" alt="logo"/>
 const headerContents = {
   home: null,
   space: null,
+  'spacevim': null,
   'emoji': null,
   'material-ui': null,
 };
 
 const pageMap: Record<string, string> = {
-  home: "https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md",
-  space: "https://raw.githubusercontent.com/eug-vs/space/master/docs/environment.md",
-  emoji: "https://raw.githubusercontent.com/muan/emoji/gh-pages/README.md",
-  'material-ui': "https://raw.githubusercontent.com/mui-org/material-ui/master/README.md",
+  home: 'https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md',
+  space: 'https://raw.githubusercontent.com/eug-vs/space/master/docs/environment.md',
+  'spacevim': 'https://raw.githubusercontent.com/spacevim/spacevim/master/README.md',
+  emoji: 'https://raw.githubusercontent.com/muan/emoji/gh-pages/README.md',
+  'material-ui': 'https://raw.githubusercontent.com/mui-org/material-ui/master/README.md',
 };
 
 
@@ -47,16 +49,16 @@ const App: React.FC = () => {
   const [page, setPage] = useState('home');
 
   const url = pageMap[page];
-  const filename = url.slice(url.lastIndexOf('/') + 1);
+  const fileName = url.slice(url.lastIndexOf('/') + 1);
   const metadata = [
-    `## Markdown\n [Markdown file](${url}) that you can see on the left was parsed and processed by **BENZIN**!`,
-    'Switch between tabs on the header to explore other markdown templates.',
+    `## Markdown\n [Markdown file](${url}) *(...${fileName})* that you can see on the left was parsed and processed by **BENZIN**! :rocket:`,
+    'Switch between tabs on the header to explore other markdown templates. :recycle: ',
     'Currently **only core features** of markdown function.',
-    'Templates on the left are being loaded from the internet, though this pane is generated from plaintext.',
+    'Templates on the left are being loaded from the internet, though this pane is generated from plaintext. :pen:',
     '## How do I use this feature?',
     '```',
     'import Markdown from \'react-benzin\';',
-    'const data = \'# Header\\nHello, *world!* \';',
+    'const data = \'# Header\\nHello, *world!*\';',
     'ReactDOM.render(<Markdown data={data}/>, document.getElementById(\'root\'));',
     '```',
     'Yep! **Or even simpler**:',
-- 
cgit v1.2.3


From 5e32be8569d93f56266d3bf707a7b099cb88e524 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 5 Apr 2020 22:37:55 +0300
Subject: docs: tweak text on frontpage

---
 src/index.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

(limited to 'src/index.tsx')

diff --git a/src/index.tsx b/src/index.tsx
index 0128140..a9f919f 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -54,17 +54,13 @@ const App: React.FC = () => {
     `## Markdown\n [Markdown file](${url}) *(...${fileName})* that you can see on the left was parsed and processed by **BENZIN**! :rocket:`,
     'Switch between tabs on the header to explore other markdown templates. :recycle: ',
     'Currently **only core features** of markdown function.',
-    'Templates on the left are being loaded from the internet, though this pane is generated from plaintext. :pen:',
+    'Templates on the left are being loaded from the [GitHub](https://github.com), though this pane is generated from plaintext. :pen:',
     '## How do I use this feature?',
     '```',
     'import Markdown from \'react-benzin\';',
     'const data = \'# Header\\nHello, *world!*\';',
     'ReactDOM.render(<Markdown data={data}/>, document.getElementById(\'root\'));',
     '```',
-    'Yep! **Or even simpler**:',
-    '```',
-    'ReactDOM.render(<Markdown url={url}/>, document.getElementById(\'root\'));',
-    '```',
   ].join('\n');
 
   return (
-- 
cgit v1.2.3

