remove/yaml

ArunGovil · Dec 15, 2022 · b89ebec · b89ebec · vercel · Dec 15, 2022
1 parent 0e15ce9
commit b89ebec
Show file tree

Hide file tree

Showing 16 changed files with 77 additions and 278 deletions.
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@ one stop directory for frequently used commands.
 
 ## What is cmdr?
 
-cmdr is a directory of frequently used commands in software development, categorized across different technologies.
+cmdr is a directory of frequently used commands in daily software development, categorized across different technologies.
 
 ## Running locally
 
@@ -25,9 +25,4 @@ cmdr will start running immediately.
 
 ## Contributing
 
-All the commands are stored inside the project in a YAML file which acts as the current database. A new command can be easily to the system added by altering the YAML file and sending a pull request. 
-
-
-
-
-
+Commands are stored inside the content folder in a JSON file which acts as the current database. You can add new commands to the end of `content/content.json` file and submit a PR.
diff --git a/components/Listing.tsx b/components/Listing.tsx
@@ -1,11 +1,10 @@
 import React, { useState, useEffect } from "react";
-import { technology, codes } from "../json";
 import CodeCard from "./CodeCard";
-import content from "../content/content.yaml";
-import tabs from "../content/tabs.yaml";
+import content from "../content/content.json";
+import { tabs } from "../utils";
 
 export default function Listing() {
-  const [currentTab, setCurrentTab] = useState({ id: 1, title: "reactJs" });
+  const [currentTab, setCurrentTab] = useState({ id: 1, title: "reactjs" });
   const [code, setCode] = useState<any>([]);
   const [isLoading, setLoading] = useState(true);
 

diff --git a/components/PrimarySearch.tsx b/components/PrimarySearch.tsx
@@ -1,7 +1,7 @@
 import Link from "next/link";
 import React, { useEffect, useState } from "react";
-import { placeholders } from "../json";
-import content from "../content/content.yaml";
+import { placeholders } from "../utils";
+import content from "../content/content.json";
 
 export default function PrimarySearch() {
   const [data, setData] = useState(content);
@@ -42,7 +42,7 @@ export default function PrimarySearch() {
         {data.length > 0 ? (
           <ul>
             {data.map((item) => (
-              <Link key={item.id} href="/details">
+              <Link key={item.code} href="/details">
                 <li className="mt-2 text-sm font-light text-slate-400 cursor-pointer hover:text-white hover:bg-gradient-to-br from-[#FF4D4D] to-orange-500 pt-1 pb-1 pl-1 rounded-md">
                   {item.title}
                 </li>

diff --git a/components/SecondarySearch.tsx b/components/SecondarySearch.tsx
@@ -1,6 +1,6 @@
 import Link from "next/link";
 import React, { useEffect, useState } from "react";
-import { placeholders } from "../json";
+import { placeholders } from "../utils";
 
 interface SecondarySearchProps {
   onChange: any;

diff --git a/content/content.json b/content/content.json
@@ -0,0 +1,20 @@
+[
+  {
+    "title": "Create React App using npm",
+    "code": "npm init react-app app-name",
+    "technology": "reactjs",
+    "tags": ["reactjs", "npm"]
+  },
+  {
+    "title": "Create React Native App using npm",
+    "code": "npx react-native init appName",
+    "technology": "reactnative",
+    "tags": ["reactnative", "npm"]
+  },
+  {
+    "title": "Git add remote url",
+    "code": "git remote add origin repo-url",
+    "technology": "git",
+    "tags": ["git", "remote"]
+  }
+]
diff --git a/content/content.yaml b/content/content.yaml
diff --git a/content/palceholders.yaml b/content/palceholders.yaml
diff --git a/content/tabs.yaml b/content/tabs.yaml
diff --git a/json/index.ts b/json/index.ts
diff --git a/next.config.js b/next.config.js
@@ -1,15 +1,6 @@
 /** @type {import('next').NextConfig} */
 
 const nextConfig = {
-  webpack: function (config) {
-    config.module.rules.push({
-      test: /\.ya?ml$/,
-      type: "json",
-
-      use: "js-yaml-loader",
-    });
-    return config;
-  },
   reactStrictMode: true,
   swcMinify: true,
 };

diff --git a/package.json b/package.json
@@ -14,7 +14,6 @@
     "@types/react-dom": "18.0.9",
     "eslint": "8.28.0",
     "eslint-config-next": "13.0.5",
-    "js-yaml-loader": "^1.2.2",
     "next": "13.0.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",

diff --git a/pages/details.tsx b/pages/details.tsx
@@ -1,7 +1,7 @@
 import Head from "next/head";
 import { useState } from "react";
 import { Header, Footer, SearchListing, SecondarySearch } from "../components";
-import content from "../content/content.yaml";
+import content from "../content/content.json";
 
 export default function Details() {
   const [data, setData] = useState(content);
@@ -19,7 +19,7 @@ export default function Details() {
         <link rel="icon" href="/img/frame.png" />
       </Head>
       <main className="flex flex-col items-center">
-        <Header showSearch={false} />
+        <Header />
         <SecondarySearch onChange={filterData} />
         <SearchListing searchData={data} />
         <Footer />

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -10,7 +10,7 @@ export default function Home() {
         <link rel="icon" href="/img/frame.png" />
       </Head>
       <main className="flex flex-col items-center">
-        <Header showSearch={false} />
+        <Header />
         <Hero />
         <Listing />
         <About />

diff --git a/public/img/frame.png b/public/img/frame.png
diff --git a/utils/index.ts b/utils/index.ts
@@ -0,0 +1,45 @@
+export const tabs = [
+  {
+    id: 1,
+    title: "reactjs",
+  },
+  {
+    id: 2,
+    title: "git",
+  },
+  {
+    id: 3,
+    title: "nextjs",
+  },
+  {
+    id: 4,
+    title: "django",
+  },
+  {
+    id: 5,
+    title: "reactnative",
+  },
+];
+
+export const placeholders = [
+  {
+    id: 1,
+    placeholder: "create react app",
+  },
+  {
+    id: 2,
+    placeholder: "git add remote",
+  },
+  {
+    id: 3,
+    placeholder: "create django project",
+  },
+  {
+    id: 4,
+    placeholder: "git view remote",
+  },
+  {
+    id: 5,
+    placeholder: "create express app",
+  },
+];