Merge pull request #90 from dzcode-io/23-social-media-integration

ZibanPirate · web-flow · commit 157a215f086c · 2020-07-24T11:23:49.000+04:00
23 social media integration
diff --git a/.github/workflows/deploy-data.yml b/.github/workflows/deploy-data.yml
@@ -3,7 +3,7 @@ name: Deploy Data
 on:
   push:
     tags:
-      - 'prd-*'
+      - "prd-*"
     paths:
       - ".github/workflows/deploy-data.yml"
       - "data/**"
diff --git a/.github/workflows/deploy-frontend.yml b/.github/workflows/deploy-frontend.yml
@@ -3,10 +3,11 @@ name: Deploy Frontend
 on:
   push:
     tags:
-      - 'prd-*'
+      - "prd-*"
     paths:
       - ".github/workflows/deploy-frontend.yml"
       - "frontend/**"
+      - "data/*/ssr.json"
 
 jobs:
   Build-Deploy:
diff --git a/.github/workflows/deploy-staging-data.yml b/.github/workflows/deploy-staging-data.yml
@@ -3,7 +3,7 @@ name: Deploy Staging Data
 on:
   push:
     tags:
-      - 'stg-*'
+      - "stg-*"
     paths:
       - ".github/workflows/deploy-staging-data.yml"
       - "data/**"
diff --git a/.github/workflows/deploy-staging-frontend.yml b/.github/workflows/deploy-staging-frontend.yml
@@ -3,10 +3,11 @@ name: Deploy Staging Frontend
 on:
   push:
     tags:
-      - 'stg-*'
+      - "stg-*"
     paths:
       - ".github/workflows/deploy-staging-frontend.yml"
       - "frontend/**"
+      - "data/*/ssr.json"
 
 jobs:
   Build-Deploy:
diff --git a/data/articles/ssr.json b/data/articles/ssr.json
@@ -0,0 +1,4 @@
+{
+  "items": ["Welcome_to_dzCode", "Test_Article"],
+  "include": ["title", "description", "image"]
+}
diff --git a/data/documentation/ssr.json b/data/documentation/ssr.json
@@ -0,0 +1,15 @@
+{
+  "items": [
+    "Getting_Started",
+    "Git_Basics",
+    "Git_Basics/Git_and_Github",
+    "Git_Basics/Basic_Git_Commands",
+    "Git_Basics/Managing_Conflict",
+    "Git_Basics/Collaboration_Scenarios",
+    "Advanced_Git_Commands",
+    "Advanced_Git_Commands/Git_Reflog",
+    "Advanced_Git_Commands/Git_Clean",
+    "Advanced_Git_Commands/Git_Rebase"
+  ],
+  "include": ["title", "description", "image"]
+}
diff --git a/data/projects/ssr.json b/data/projects/ssr.json
@@ -0,0 +1,4 @@
+{
+  "items": ["Algerian_Users"],
+  "include": ["title", "description", "image"]
+}
diff --git a/data/src/build.ts b/data/src/build.ts
@@ -1,4 +1,7 @@
-import { getDataCollection, getDataEntry } from "./utils/data";
+import {
+  getDataCollection,
+  getDataEntry,
+} from "../../fullstack/dist/utils/data";
 import fse from "fs-extra";
 import glob from "glob";
 
diff --git a/data/src/index.ts b/data/src/index.ts
@@ -1,4 +1,7 @@
-import { getDataCollection, getDataEntry } from "./utils/data";
+import {
+  getDataCollection,
+  getDataEntry,
+} from "../../fullstack/dist/utils/data";
 import express from "express";
 import { fullstackConfig } from "./config";
 
diff --git a/data/src/types/index.ts b/data/src/types/index.ts
diff --git a/data/yarn.lock b/data/yarn.lock
@@ -131,9 +131,9 @@
   integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
 
 "@types/express-serve-static-core@*":
-  version "4.17.8"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.8.tgz#b8f7b714138536742da222839892e203df569d1c"
-  integrity sha512-1SJZ+R3Q/7mLkOD9ewCBDYD2k0WyZQtWYqF/2VvoNN2/uhI49J9CDN4OAm+wGMA0DbArA4ef27xl4+JwMtGggw==
+  version "4.17.9"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.9.tgz#2d7b34dcfd25ec663c25c85d76608f8b249667f1"
+  integrity sha512-DG0BYg6yO+ePW+XoDENYz8zhNGC3jDDEpComMYn7WJc4mY1Us8Rw9ax2YhJXxpyk2SF47PQAoQ0YyVT1a0bEkA==
   dependencies:
     "@types/node" "*"
     "@types/qs" "*"
@@ -170,24 +170,24 @@
   integrity sha512-7+2BITlgjgDhH0vvwZU/HZJVyk+2XUlvxXe8dFMedNX/aMkaOq++rMAFXc0tM7ij15QaWlbdQASBR9dihi+bDQ==
 
 "@types/mime@*":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-2.0.2.tgz#857a118d8634c84bba7ae14088e4508490cd5da5"
-  integrity sha512-4kPlzbljFcsttWEq6aBW0OZe6BDajAmyvr2xknBG92tejQnvdGtT9+kXSZ580DqpxY9qG2xeQVF9Dq0ymUTo5Q==
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-2.0.3.tgz#c893b73721db73699943bfc3653b1deb7faa4a3a"
+  integrity sha512-Jus9s4CDbqwocc5pOAnh8ShfrnMcPHuJYzVcSUU7lrh8Ni5HuIqX3oilL86p3dlTrk0LzHRCgA/GQ7uNCw6l2Q==
 
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
   integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==
 
 "@types/node@*":
-  version "14.0.23"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.0.23.tgz#676fa0883450ed9da0bb24156213636290892806"
-  integrity sha512-Z4U8yDAl5TFkmYsZdFPdjeMa57NOvnaf1tljHzhouaPEp7LCj2JKkejpI1ODviIAQuW4CcQmxkQ77rnLsOOoKw==
+  version "14.0.25"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.0.25.tgz#7ad8b00a1206d6c9e94810e49f3115f0bcc30456"
+  integrity sha512-okMqUHqrMlGOxfDZliX1yFX5MV6qcd5PpRz96XYtjkM0Ws/hwg23FMUqt6pETrVRZS+EKUB5HY19mmo54EuQbA==
 
 "@types/node@^10.17.13":
-  version "10.17.27"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-10.17.27.tgz#391cb391c75646c8ad2a7b6ed3bbcee52d1bdf19"
-  integrity sha512-J0oqm9ZfAXaPdwNXMMgAhylw5fhmXkToJd06vuDUSAgEDZ/n/69/69UmyBZbc+zT34UnShuDSBqvim3SPnozJg==
+  version "10.17.28"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-10.17.28.tgz#0e36d718a29355ee51cec83b42d921299200f6d9"
+  integrity sha512-dzjES1Egb4c1a89C7lKwQh8pwjYmlOAG9dW1pBgxEk57tMrLnssOfEthz8kdkNaBd7lIqQx7APm5+mZ619IiCQ==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.0"
@@ -1297,17 +1297,17 @@ ini@^1.3.5, ini@~1.3.0:
   integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
 
 inquirer@^7.0.0:
-  version "7.3.2"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.2.tgz#25245d2e32dc9f33dbe26eeaada231daa66e9c7c"
-  integrity sha512-DF4osh1FM6l0RJc5YWYhSDB6TawiBRlbV9Cox8MWlidU218Tb7fm3lQTULyUJDfJ0tjbzl0W4q651mrCCEM55w==
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
+  integrity sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==
   dependencies:
     ansi-escapes "^4.2.1"
     chalk "^4.1.0"
     cli-cursor "^3.1.0"
     cli-width "^3.0.0"
     external-editor "^3.0.3"
     figures "^3.0.0"
-    lodash "^4.17.16"
+    lodash "^4.17.19"
     mute-stream "0.0.8"
     run-async "^2.4.0"
     rxjs "^6.6.0"
@@ -1495,7 +1495,7 @@ lodash.zip@^4.2.0:
   resolved "https://registry.yarnpkg.com/lodash.zip/-/lodash.zip-4.2.0.tgz#ec6662e4896408ed4ab6c542a3990b72cc080020"
   integrity sha1-7GZi5IlkCO1KtsVCo5kLcswIACA=
 
-lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.16, lodash@^4.17.19:
+lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19:
   version "4.17.19"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
   integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
@@ -1746,9 +1746,9 @@ parent-module@^1.0.0:
     callsites "^3.0.0"
 
 parse-json@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.0.tgz#73e5114c986d143efa3712d4ea24db9a4266f60f"
-  integrity sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.1.tgz#7cfe35c1ccd641bce3981467e6c2ece61b3b3878"
+  integrity sha512-ztoZ4/DYeXQq4E21v169sC8qWINGpcosGv9XhTDvg9/hWvx/zrFkc9BiWxR58OJLHGk28j5BL0SDLeV2WmFZlQ==
   dependencies:
     "@babel/code-frame" "^7.0.0"
     error-ex "^1.3.1"
diff --git a/frontend/firebase/yarn.lock b/frontend/firebase/yarn.lock
@@ -141,14 +141,14 @@
   integrity sha512-5tXH6Bx/kNGd3MgffdmP4dy2Z+G4eaXw0SE81Tq3BNadtnMR5/ySMzX4SLEzHJzSmPNn4HIdpQsBvXMUykr58w==
 
 "@types/node@*":
-  version "14.0.23"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.0.23.tgz#676fa0883450ed9da0bb24156213636290892806"
-  integrity sha512-Z4U8yDAl5TFkmYsZdFPdjeMa57NOvnaf1tljHzhouaPEp7LCj2JKkejpI1ODviIAQuW4CcQmxkQ77rnLsOOoKw==
+  version "14.0.25"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.0.25.tgz#7ad8b00a1206d6c9e94810e49f3115f0bcc30456"
+  integrity sha512-okMqUHqrMlGOxfDZliX1yFX5MV6qcd5PpRz96XYtjkM0Ws/hwg23FMUqt6pETrVRZS+EKUB5HY19mmo54EuQbA==
 
 "@types/node@^13.7.0":
-  version "13.13.14"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-13.13.14.tgz#20cd7d2a98f0c3b08d379f4ea9e6b315d2019529"
-  integrity sha512-Az3QsOt1U/K1pbCQ0TXGELTuTkPLOiFIQf3ILzbOyo0FqgV9SxRnxbxM5QlAveERZMHpZY+7u3Jz2tKyl+yg6g==
+  version "13.13.15"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-13.13.15.tgz#fe1cc3aa465a3ea6858b793fd380b66c39919766"
+  integrity sha512-kwbcs0jySLxzLsa2nWUAGOd/s21WU1jebrEdtzhsj1D4Yps1EOuyI1Qcu+FD56dL7NRNIJtDDjcqIG22NwkgLw==
 
 JSONStream@^1.2.1:
   version "1.3.5"
@@ -2636,9 +2636,9 @@ plist@^3.0.1:
     xmldom "0.1.x"
 
 portfinder@^1.0.23:
-  version "1.0.26"
-  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.26.tgz#475658d56ca30bed72ac7f1378ed350bd1b64e70"
-  integrity sha512-Xi7mKxJHHMI3rIUrnm/jjUgwhbYMkp/XKEcZX3aG4BrumLpq3nmoQMX+ClYnDZnZ/New7IatC1no5RX0zo1vXQ==
+  version "1.0.27"
+  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.27.tgz#a41333c116b5e5f3d380f9745ac2f35084c4c758"
+  integrity sha512-bJ3U3MThKnyJ9Dx1Idtm5pQmxXqw08+XOHhi/Lie8OF1OlhVaBFhsntAIhkZYjfDcCzszSr0w1yCbccThhzgxQ==
   dependencies:
     async "^2.6.2"
     debug "^3.1.1"
diff --git a/frontend/src/apps/main/entry/index.pug b/frontend/src/apps/main/entry/index.pug
@@ -1,5 +1,5 @@
 doctype html
-head(lang="{|language code|}")
+head(lang=lang)
   if(!isDev)
     //- Google Analytics
     script.
diff --git a/frontend/src/apps/main/entry/webpack.plugins.js b/frontend/src/apps/main/entry/webpack.plugins.js
@@ -11,16 +11,86 @@ const isDevelopment = process.env.NODE_ENV === "development";
 const fbpCode = app.analytics.facebook;
 const gaCode = app.analytics.google;
 const fbAppCode = app.plugins.fbAppCode;
+const plugins = [];
 
-module.exports = () => [
-  new HtmlWebpackPlugin({
-    filename: "index.html",
-    template: `pug-loader!./src/apps/${app.name}/entry/index.pug`,
-    templateParameters: {
-      isDev: isDevelopment,
-      fbpCode,
-      gaCode,
-      fbAppCode,
-    },
-  }),
+// SSR --------------------------------|
+// Root URL ----
+const pages = [
+  {
+    uri: "/",
+    title: "DZ Open-Source | dzCode i/o",
+    description: "Algerian Open-Source Community",
+    ogImage:
+      "https://images.unsplash.com/photo-1527285341945-715b98b98ea2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1200&h=627&q=80",
+    themeColor: "#000",
+    keywords: "",
+  },
 ];
+// Other URLs
+if (process.env.NODE_ENV === "production") {
+  // Static URLs ----
+  pages.push(
+    ...[
+      {
+        uri: "/Contact-Us",
+        title: "Contact-Us",
+        description: "Reach Out or Send Us Feedback",
+        ogImage:
+          "https://images.unsplash.com/photo-1577563908411-5077b6dc7624?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1200&h=627&q=80",
+        themeColor: "#000",
+        keywords: "",
+      },
+    ],
+  );
+  // Dynamic URLs ----
+  const data = require("../../../../../fullstack/dist/utils/data");
+  [
+    { file: "articles", slug: "Articles" },
+    { file: "documentation", slug: "Documentation" },
+    { file: "projects", slug: "Projects" },
+  ].forEach((collectionInfo) => {
+    const collection = data.getDataCollection(collectionInfo.file, "ssr.json");
+    collection.forEach((entry) => {
+      pages.push({
+        uri: `/${collectionInfo.slug}/${entry.slug}`,
+        title: entry.title,
+        description: entry.description,
+        ogImage: entry.image,
+        themeColor: "#000",
+        keywords: entry.keywords,
+      });
+    });
+  });
+}
+// Convert pages into html webpack plugins
+pages.forEach((page) => {
+  plugins.push(
+    new HtmlWebpackPlugin({
+      filename: (page.uri !== "/"
+        ? `${page.uri}/index.html`
+        : "/index.html"
+      ).substring(1),
+      template: `pug-loader!./src/apps/${app.name}/entry/index.pug`,
+      templateParameters: {
+        isDev: isDevelopment,
+        // Fb and Google analytics
+        fbpCode,
+        gaCode,
+        // Fb feedback plugin
+        fbAppCode,
+        // Open graph info
+        title: page.title,
+        description: page.description,
+        ogImage: page.ogImage,
+        themeColor: "#000",
+        // SEO info
+        keywords: "",
+        lang: "en",
+      },
+    }),
+  );
+});
+// SSR - End --------------------------|
+
+// Export
+module.exports = () => plugins;
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
diff --git a/fullstack/package.json b/fullstack/package.json
diff --git a/fullstack/src/utils/data.ts b/fullstack/src/utils/data.ts
diff --git a/fullstack/yarn.lock b/fullstack/yarn.lock

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +  "items": ["Welcome_to_dzCode", "Test_Article"],
 +  "include": ["title", "description", "image"]
 +}