From 36b25ba7db6ee0364417131f0799b90785591e6d Mon Sep 17 00:00:00 2001
From: rishavanand <rishavdipsite@gmail.com>
Date: Sat, 10 Oct 2020 18:14:31 +0530
Subject: [PATCH] add new template (#55)

---
 src/config/templates/index.ts                 |   2 +
 .../{demo.ts => templates/template-1.ts}      | 115 ++-------
 src/config/templates/template-2.ts            | 220 ++++++++++++++++++
 3 files changed, 240 insertions(+), 97 deletions(-)
 create mode 100644 src/config/templates/index.ts
 rename src/config/{demo.ts => templates/template-1.ts} (56%)
 create mode 100644 src/config/templates/template-2.ts

diff --git a/src/config/templates/index.ts b/src/config/templates/index.ts
new file mode 100644
index 0000000..1b2ba6b
--- /dev/null
+++ b/src/config/templates/index.ts
@@ -0,0 +1,2 @@
+export * from './template-1';
+export * from './template-2';
diff --git a/src/config/demo.ts b/src/config/templates/template-1.ts
similarity index 56%
rename from src/config/demo.ts
rename to src/config/templates/template-1.ts
index 1f9ea14..b9b25be 100644
--- a/src/config/demo.ts
+++ b/src/config/templates/template-1.ts
@@ -1,80 +1,53 @@
-import { v4 as uuidv4 } from 'uuid';
-import { FIELD_TYPES } from './global';
-import { FieldProps } from '../components/Field';
-import { SectionProps } from '../components/Section';
-import { TEXT_ALIGNMENT, TEXT_SIZE } from '../components/Field/TextField';
-import { IMAGE_ALIGNMENT } from '../components/Field/ImageField';
-import { SKILLS } from './skills';
-
-export const DEMO_SECTION_DATA: Array<SectionProps & Required<Pick<SectionProps, 'sectionIndex'>>> = [
+export const TEMPLATE_1 = [
     {
         name: 'Intro',
-        id: 'section001',
-        sectionIndex: 1,
         fields: [
             [
                 {
-                    id: 'field001',
                     options: { width: 600, alignment: 'center', fitImage: true },
                     data: { url: 'https://rishavanand.github.io/static/images/greetings.gif', alt: 'Greetings' },
-                    type: FIELD_TYPES.IMAGE,
-                    sectionIndex: 0,
-                    columnIndex: 0,
-                    fieldIndex: 0,
+                    type: 'image',
                 },
                 {
-                    id: 'field002',
                     options: { size: 'h3', alignment: 'center' },
                     data: {
                         value:
                             "I'm Rishav, a full-time full-stack freelance developer 👨‍💻 working remotely since 2013 🚀",
                     },
-                    type: FIELD_TYPES.TEXT,
-                    sectionId: 'section001',
+                    type: 'text',
                 },
                 {
-                    id: 'field003',
                     options: { size: '', isList: true },
                     data: {
                         value:
                             '🔭 I’m currently working on [Github Profilinator](https://github.com/rishavanand/github-profilinator)',
                     },
-                    type: FIELD_TYPES.TEXT,
-                    sectionId: 'section001',
+                    type: 'text',
                 },
                 {
-                    id: 'field004',
                     options: { size: '', isList: true },
                     data: { value: '🌱 I’m currently learning Hyperledger and Kubernetes' },
-                    type: FIELD_TYPES.TEXT,
-                    sectionId: 'section001',
+                    type: 'text',
                 },
                 {
-                    id: 'field005',
                     options: { size: '', isList: true },
                     data: { value: '❓ Ask me about anything related to MERN stack and related technologies' },
-                    type: FIELD_TYPES.TEXT,
-                    sectionId: 'section001',
+                    type: 'text',
                 },
                 {
-                    id: 'field006',
                     options: { size: '', isList: true },
                     data: { value: '⚡ Fun fact: I use tabs over spaces' },
-                    type: FIELD_TYPES.TEXT,
-                    sectionId: 'section001',
+                    type: 'text',
                 },
             ],
         ],
     },
     {
         name: 'My Skill Set',
-        id: 'section002',
-        sectionIndex: 2,
         nameToMarkdown: true,
         fields: [
             [
                 {
-                    id: 'field007',
                     options: { size: '50', alignment: 'center' },
                     data: {
                         list: [
@@ -89,21 +62,13 @@ export const DEMO_SECTION_DATA: Array<SectionProps & Required<Pick<SectionProps,
                             'chartjs',
                         ],
                     },
-                    type: FIELD_TYPES.SKILLS,
-                    sectionId: 'section002',
-                    sectionIndex: 1,
-                    columnIndex: 0,
-                    fieldIndex: 0,
+                    type: 'skills',
                     title: 'Frontend',
                 },
             ],
             [
                 {
-                    type: FIELD_TYPES.SKILLS,
-                    sectionIndex: 1,
-                    columnIndex: 1,
-                    id: 'a2c62fb6-6bd2-4cc6-8e50-518ab06395b4',
-                    fieldIndex: 0,
+                    type: 'skills',
                     title: 'Backend',
                     options: { size: '50' },
                     data: {
@@ -127,11 +92,7 @@ export const DEMO_SECTION_DATA: Array<SectionProps & Required<Pick<SectionProps,
             ],
             [
                 {
-                    type: FIELD_TYPES.SKILLS,
-                    sectionIndex: 1,
-                    columnIndex: 2,
-                    id: '5930876a-fd0d-411c-b76f-87b8920db446',
-                    fieldIndex: 0,
+                    type: 'skills',
                     title: 'DevOps',
                     options: { size: '50' },
                     data: { list: ['aws', 'gcp', 'kubernetes', 'linux', 'git', 'bash'] },
@@ -141,14 +102,10 @@ export const DEMO_SECTION_DATA: Array<SectionProps & Required<Pick<SectionProps,
     },
     {
         name: 'Connect with me',
-        id: '9c7100f6-ab5b-4536-8dca-0f0d787a95b7',
         fields: [
             [
                 {
-                    type: FIELD_TYPES.SOCIAL,
-                    sectionIndex: 2,
-                    columnIndex: 0,
-                    id: '8ebb8cd1-2235-4f37-855c-0c1d92c600a5',
+                    type: 'social',
                     options: { alignment: 'center' },
                     data: {
                         sites: {
@@ -160,100 +117,64 @@ export const DEMO_SECTION_DATA: Array<SectionProps & Required<Pick<SectionProps,
                             instagram: { username: 'iamrishavanand' },
                         },
                     },
-                    fieldIndex: 0,
                     title: '',
                 },
             ],
         ],
-        sectionIndex: 2,
         nameToMarkdown: true,
     },
     {
         name: 'Github Stats',
-        id: '34635f08-db04-4cda-bb54-23d84e8f0f49',
         fields: [
             [
                 {
-                    type: FIELD_TYPES.GITHUB_STATS,
-                    sectionIndex: 3,
-                    columnIndex: 0,
-                    id: 'd75c686c-8b04-455b-8595-e2a6d0c2c8e6',
+                    type: 'github-stats',
                     options: { alignment: 'center' },
                     data: { username: 'rishavanand' },
-                    fieldIndex: 0,
                 },
             ],
         ],
-        sectionIndex: 3,
         nameToMarkdown: true,
     },
     {
         name: 'Recent Blog Posts',
-        id: 'e92e33bb-f26b-419d-bf3e-1958ce6ad660',
-        fields: [
-            [
-                {
-                    type: FIELD_TYPES.BLOG_POST,
-                    sectionIndex: 4,
-                    columnIndex: 0,
-                    id: 'c143fb83-719e-43c1-a1bb-af72878ae370',
-                },
-            ],
-        ],
-        sectionIndex: 4,
+        fields: [[{ type: 'blog-post' }]],
         nameToMarkdown: true,
     },
     {
         name: 'Spotify Listening',
-        id: 'ea07ce6b-cc2b-47f5-b345-931e561b83v6',
-        sectionIndex: 6,
         fields: [
             [
                 {
-                    id: 'field001',
                     options: { size: 'h3', alignment: 'center' },
-                    data: {
-                        spotifyMarkdown: '',
-                    },
-                    type: FIELD_TYPES.SPOTIFY,
-                    sectionId: 'ea07ce6b-cc2b-47f5-b345-931e561b83v6',
+                    data: { spotifyMarkdown: '' },
+                    type: 'spotify',
                 },
             ],
         ],
     },
     {
         name: 'Visitor Counter',
-        id: 'ea07ce6b-cc2b-47f5-b345-931e561b57c8',
-        sectionIndex: 5,
         fields: [
             [
                 {
-                    type: FIELD_TYPES.PROFILE_VISITOR_COUNTER,
-                    sectionIndex: 5,
-                    columnIndex: 0,
-                    id: '1fbf06da-c9e9-4a9c-aafb-5ba07aae9972',
+                    type: 'profile-visitor-counter',
                     options: { alignment: 'center' },
                     data: { username: 'rishavanand' },
-                    fieldIndex: 0,
                 },
             ],
         ],
     },
     {
         name: 'Support Me',
-        id: '796debb6-97a6-4e56-8f4e-1fc0965074ee',
-        sectionIndex: 7,
+
         nameToMarkdown: true,
         fields: [
             [
                 {
-                    type: FIELD_TYPES.SUPPORTME,
-                    sectionIndex: 7,
-                    columnIndex: 0,
-                    id: '2c3abfca-f83e-401b-b719-6591d633f23d',
+                    type: 'supportme',
                     options: { alignment: 'left' },
                     data: { paypal: '', buymeacoffee: 'rishavanand' },
-                    fieldIndex: 0,
                 },
             ],
         ],
diff --git a/src/config/templates/template-2.ts b/src/config/templates/template-2.ts
new file mode 100644
index 0000000..4a48a11
--- /dev/null
+++ b/src/config/templates/template-2.ts
@@ -0,0 +1,220 @@
+export const TEMPLATE_2 = [
+    {
+        name: 'Intro',
+        sectionIndex: 0,
+        fields: [
+            [
+                {
+                    type: 'text',
+                    sectionIndex: 0,
+                    columnIndex: 0,
+                    id: 'd59c9df8-8b23-4ed2-9c3f-d0208e0f117b',
+                    fieldIndex: 0,
+                    title: '',
+                    data: { value: "Hey 👋, I'm Rishav Anand!" },
+                    options: { size: 'h2' },
+                },
+                {
+                    type: 'social',
+                    sectionIndex: 0,
+                    columnIndex: 0,
+                    id: '08daf153-4d52-423e-9369-e62a0614e07f',
+                    options: {},
+                    data: {
+                        sites: {
+                            github: { username: 'rishavanand' },
+                            twitter: { username: 'iamrishavanand' },
+                            devto: { username: 'rishavanand' },
+                            linkedin: { username: 'iamrishavanand' },
+                            facebook: { username: 'iamrishavanand' },
+                            instagram: { username: 'iamrishavanand' },
+                        },
+                    },
+                    fieldIndex: 1,
+                },
+                {
+                    type: 'text',
+                    sectionIndex: 0,
+                    columnIndex: 0,
+                    id: 'cb671c87-7013-49eb-b3e4-23142da55e08',
+                    fieldIndex: 2,
+                    title: 'Glad to see you here!',
+                    data: {
+                        value:
+                            'I’m a full-stack developer who has turned years of freelancing into a full-time career. Being a full-stack allows me to not only develop client-facing apps and websites but also develop it with cutting edge backend support.\n\nI specialize in building robust backends that do all the heavy lifting for your app or website. I love designing systems that are light yet powerful, distributed yet synchronized and beautiful yet effective. I also frequently blog about the world behind the screen which involves system designs, databases, security, servers, optimisation and also promising technologies like Blockchain and PWAs.',
+                    },
+                    options: { size: '' },
+                },
+            ],
+        ],
+    },
+    {
+        name: 'Rapidfire',
+        id: '87bc73ff-7623-4fdb-90ec-dc92dcf1eaa2',
+        sectionIndex: 1,
+        nameToMarkdown: true,
+        fields: [
+            [
+                {
+                    type: 'text',
+                    sectionIndex: 1,
+                    columnIndex: 0,
+                    id: '7e9ab6e8-870d-4d75-a513-ace601ed1abb',
+                    data: {
+                        value:
+                            '🔭 I’m currently working on [Github Profilinator](https://github.com/rishavanand/github-profilinator)',
+                    },
+                    options: { isList: true },
+                    fieldIndex: 0,
+                },
+                {
+                    type: 'text',
+                    sectionIndex: 1,
+                    columnIndex: 0,
+                    id: 'e02404de-8abc-4535-9dc5-358efdc4812d',
+                    data: { value: '🌱 I’m currently learning Hyperledger and Kubernetes' },
+                    options: { isList: true },
+                    fieldIndex: 1,
+                },
+                {
+                    type: 'text',
+                    sectionIndex: 1,
+                    columnIndex: 0,
+                    id: '346fd8af-dd5f-4cbc-9861-f2f7de019215',
+                    data: { value: '❓ Ask me about anything related to MERN stack and related technologies' },
+                    options: { isList: true },
+                    fieldIndex: 2,
+                },
+                {
+                    type: 'text',
+                    sectionIndex: 1,
+                    columnIndex: 0,
+                    id: 'e3f57aff-880f-49f4-9864-77063dc9493b',
+                    data: { value: '⚡ Fun fact: I keep night shift swithed on at all times ' },
+                    options: { isList: true },
+                    fieldIndex: 3,
+                },
+            ],
+            [
+                {
+                    type: 'image',
+                    sectionIndex: 1,
+                    columnIndex: 1,
+                    id: 'ffc4cd58-0147-42d4-99af-3b7870b128d7',
+                    options: { alignment: 'center', fitImage: true },
+                    data: { alt: 'Greetings', url: 'https://rishavanand.github.io/static/images/greetings.gif' },
+                    fieldIndex: 0,
+                },
+            ],
+        ],
+    },
+    {
+        name: 'Languages and Tools',
+        id: 'f3baa9c1-f369-4627-aefe-820d3f394809',
+        fields: [
+            [
+                {
+                    type: 'skills',
+                    sectionIndex: 2,
+                    columnIndex: 0,
+                    id: '7847a4fd-14c3-47c0-bf55-4c38f6237868',
+                    fieldIndex: 0,
+                    title: '',
+                    options: { size: '25' },
+                    data: {
+                        list: [
+                            'react',
+                            'bootstrap',
+                            'css3',
+                            'electron',
+                            'html5',
+                            'javascript',
+                            'cplusplus',
+                            'c',
+                            'aws',
+                            'docker',
+                            'typescript',
+                            'php',
+                            'mysql',
+                            'mongodb',
+                            'python',
+                            'nginx',
+                            'express',
+                            'kubernetes',
+                            'bash',
+                            'raspberrypi',
+                            'elasticsearch',
+                            'flask',
+                            'xampp',
+                            'chartjs',
+                            'linux',
+                            'sass',
+                            'jenkins',
+                            'git',
+                            'rabbitMQ',
+                            'gatsby',
+                            'firebase',
+                            'arduino',
+                            'wordpress',
+                            'graphql',
+                            'ansible',
+                            'nodejs',
+                            'gcp',
+                        ],
+                    },
+                },
+            ],
+        ],
+        sectionIndex: 2,
+        nameToMarkdown: true,
+    },
+    {
+        name: 'Github Stats',
+        id: '51397328-6f33-4eda-8fb9-191447025e57',
+        fields: [
+            [
+                {
+                    type: 'github-stats',
+                    sectionIndex: 3,
+                    columnIndex: 0,
+                    id: 'b2526b7f-a4fd-437a-b47e-38609489ffa5',
+                    options: { variant: 'activity', fitImage: true },
+                    data: { username: 'rishavanand' },
+                    fieldIndex: 0,
+                },
+            ],
+            [
+                {
+                    type: 'github-stats',
+                    sectionIndex: 3,
+                    columnIndex: 1,
+                    id: '519d3383-1e61-4a18-b8e7-39b720218e5d',
+                    options: { variant: 'languages', fitImage: true },
+                    data: { username: 'rishavanand' },
+                    fieldIndex: 0,
+                },
+            ],
+        ],
+        sectionIndex: 3,
+        nameToMarkdown: true,
+    },
+    { name: 'Show some love', id: '4f3a13cb-b738-492f-826c-81a3812b9584', fields: [[]] },
+    {
+        name: 'Visitor Counter',
+        id: 'adf4b995-55be-4d5e-9800-83d600394d35',
+        fields: [
+            [
+                {
+                    type: 'profile-visitor-counter',
+                    sectionIndex: 5,
+                    columnIndex: 0,
+                    id: '26571e98-2424-4906-bf1e-0aa83159471f',
+                    options: {},
+                    data: { username: 'rishavanand' },
+                    fieldIndex: 0,
+                },
+            ],
+        ],
+    },
+    { name: 'Donate', id: '96f552eb-f4b6-43a7-a4e6-cb4aa6c9c936' },
+];