Merge pull request #751 from OmerShamay/Flycode-patch-1

Headless CMS - Add FlyCode

Author: domitriusclark

netlify/functions/community/algolia.config.js

@@ -0,0 +1,8 @@
+require('dotenv').config();
+
+module.exports = {
+  appId: 'VGOL4P01VV',
+  indexName: 'jamstack',
+  // It’s okay to have this in the repo, it’s used in the clientside JS
+  searchOnlyApiKey: "a457b566acbf454a61eaaae2e4fee0bf",
+};

netlify/functions/community/eleventy-app-config-modules.js

@@ -0,0 +1,5 @@
+require("@11ty/eleventy");
+require("js-yaml");
+require("lodash");
+require("luxon");
+require("markdown-it");

netlify/functions/community/eleventy-app-globaldata-modules.js

@@ -0,0 +1,5 @@
+require("@11ty/eleventy-cache-assets");
+require("dotenv");
+require("fast-glob");
+require("gray-matter");
+require("node-fetch");

netlify/functions/community/eleventy-bundler-modules.js

@@ -0,0 +1,2 @@
+require("./eleventy-app-config-modules.js");
+require("./eleventy-app-globaldata-modules.js");

netlify/functions/community/eleventy-serverless-map.json

@@ -0,0 +1,3 @@
+{
+  "/community/": "./src/site/community.njk"
+}

netlify/functions/community/eleventy-serverless.json

@@ -0,0 +1,8 @@
+{
+  "dir": {
+    "input": "src/site",
+    "data": "src/site/_data",
+    "includes": "src/site/_includes",
+    "output": "dist"
+  }
+}

netlify/functions/community/eleventy.config.js

@@ -0,0 +1,214 @@
+const lodashGet = require("lodash/get");
+const yaml = require("js-yaml");
+const { EleventyServerlessBundlerPlugin } = require("@11ty/eleventy");
+
+module.exports = function (eleventyConfig) {
+  // Support yaml data files
+  eleventyConfig.addDataExtension("yaml", contents => yaml.safeLoad(contents))
+
+  eleventyConfig.addWatchTarget("src/site/survey/**/*.js");
+
+  // ODB for Discord events
+  eleventyConfig.addPlugin(EleventyServerlessBundlerPlugin, {
+    name: "community",
+    functionsDir: './netlify/functions',
+    inputDir: "./src/site",
+    redirects: "netlify-toml-builders",
+    copy: ["algolia.config.js"]
+  });
+
+
+  // pass images directly through to the output
+  eleventyConfig.addPassthroughCopy("src/site/img");
+  eleventyConfig.addPassthroughCopy({
+    "src/js": "js",
+    "node_modules/@zachleat/filter-container/*.js": "js",
+    "src/css": "css",
+  });
+
+  // Date helper
+  const { DateTime } = require('luxon');
+  eleventyConfig.addFilter('formatDate', (dateObj, formatStr) => {
+    // convert any date strings to read dates
+    if (typeof (dateObj) == "string") {
+      dateObj = new Date(dateObj);
+    }
+    const format = formatStr ? formatStr : 'LLLL d, y';
+    return DateTime.fromJSDate(dateObj, {
+      zone: 'utc'
+    }).toFormat(format);
+  });
+
+  // A handy markdown shortcode for blocks of markdown
+  // coming from our data sources
+  const markdownIt = require('markdown-it');
+  const md = new markdownIt({
+    html: true
+  });
+  eleventyConfig.addPairedShortcode('markdown', (content) => {
+    return md.render(content);
+  });
+
+
+  eleventyConfig.addFilter('convertFromEpoc', (time) => {
+    let date = new Date(0);
+    return date.setUTCSeconds(time);
+  });
+
+
+  eleventyConfig.addCollection("resources", function (collectionApi) {
+    return collectionApi.getFilteredByGlob("src/site/resources/*.md");
+  });
+
+
+  // Filter a collection based on items flagged as "featured"
+  eleventyConfig.addFilter('featured', (items) => {
+    return items.filter(item => item.data.featured);
+  });
+
+  // Filter a collection based on the value of a data attribute
+  eleventyConfig.addFilter('dataAttr', (items, attr, value) => {
+    return items.filter(item => item.data[attr] == value);
+  });
+
+  // Filter a collection based on the value of a data attribute
+  eleventyConfig.addFilter('whereData', (items, expression) => {
+    let key = expression.split('=')[0];
+    let val = expression.split('=')[1];
+    return items.filter(item => item.data[key] == val);
+  });
+
+
+
+
+  // filter a data array based on the value of a property
+  eleventyConfig.addFilter('select', (array, clause) => {
+    if (clause.indexOf("=") > -1) {
+      const property = clause.split("=")[0];
+      const value = clause.split("=")[1];
+      return array.filter(item => lodashGet(item, property).includes(value));
+    } else {
+      return array.map(item => lodashGet(item, clause));
+    }
+  });
+
+  eleventyConfig.addFilter('flatten', (array) => {
+    let results = [];
+    for (let result of array) {
+      if (result) {
+        if (Array.isArray(result)) {
+          results = [...results, ...result];
+        } else {
+          results.push(result);
+        }
+      }
+    }
+    return results;
+  });
+
+  eleventyConfig.addFilter('unique', (array) => {
+    let caseInsensitive = {};
+    for (let val of array) {
+      if (typeof val === "string") {
+        caseInsensitive[val.toLowerCase()] = val;
+      }
+    }
+    return Object.values(caseInsensitive);
+  });
+
+  // Get a random selection of items from an array
+  eleventyConfig.addFilter('luckydip', (array, count) => {
+    if (count > array.length) {
+      count = array.length;
+    }
+    const shuffled = array.sort(() => 0.5 - Math.random());
+    return shuffled.slice(0, count);
+  });
+
+  // Convert an associative array into an indexable, iterable array
+  eleventyConfig.addFilter('iterable', (obj) => {
+    var iterableArray = new Array();
+    for (var item in obj) {
+      iterableArray.push(obj[item]);
+    }
+    return iterableArray;
+  });
+
+  // format a url for display
+  eleventyConfig.addFilter('domain', (str) => {
+    var url = new URL(str);
+    return url.hostname;
+  });
+
+
+  // convert json to yaml
+  eleventyConfig.addFilter('dumpasyaml', obj => {
+    return yaml.safeDump(obj)
+  });
+
+  // sort an array of objects by one object key value
+  // can also get fancy and do a lodash.get selector string too
+  // see https://lodash.com/docs/4.17.15#get
+  eleventyConfig.addFilter('sortKey', (arr, selector) => {
+    return arr.sort((a, b) => {
+      let aKey = lodashGet(a, selector).toLowerCase();
+      let bKey = lodashGet(b, selector).toLowerCase();
+      if (aKey < bKey) {
+        return -1;
+      } else if (aKey > bKey) {
+        return 1;
+      }
+      return 0;
+    });
+  });
+
+  eleventyConfig.addFilter('sortTools', (arr, githubData) => {
+    return arr.sort((a, b) => {
+      let aKey = githubData[a.data.repo] ? (githubData[a.data.repo].stars || 0) : 0;
+      let bKey = githubData[b.data.repo] ? (githubData[b.data.repo].stars || 0) : 0;
+      if (aKey < bKey) {
+        return 1;
+      } else if (aKey > bKey) {
+        return -1;
+      }
+      return 0;
+    });
+  });
+
+
+  // Format a path to avoid any Cloudinary URL API miss-steps.
+  eleventyConfig.addFilter("cloudinaryifyPath", (str) => {
+
+    if (str) {
+
+      // add generic url encoding 
+      str = encodeURI(str);
+
+      // we also need to double escape some characters which might appear in text
+      // but are meaningful in cloudinary URLs
+      str = str.replace(/,/g, '%252C');
+      str = str.replace(/\//g, '%252F');
+
+    }
+    return str;
+  });
+
+
+
+  // favicons files
+  eleventyConfig.addPassthroughCopy("src/site/browserconfig.xml");
+  eleventyConfig.addPassthroughCopy("src/site/site.webmanifest");
+  eleventyConfig.addPassthroughCopy("src/site/survey/2021/community-survey-2021-methodology.pdf");
+
+  return {
+    dir: {
+      input: "src/site",
+      inludes: "_includes",
+      output: "dist"
+    },
+    passthroughFileCopy: true,
+    markdownTemplateEngine: false,
+    htmlTemplateEngine: "njk"
+  };
+
+};

netlify/functions/community/src/site/_data/algolia.js

@@ -0,0 +1,8 @@
+const algoliaConfig = require("../../../algolia.config.js");
+
+// don’t hardcode anything here, make the config variables opt-in
+module.exports = {
+  appId: algoliaConfig.appId,
+  indexName: algoliaConfig.indexName,
+  searchOnlyApiKey: algoliaConfig.searchOnlyApiKey,
+};

netlify/functions/community/src/site/_data/announcementbar.json

@@ -0,0 +1,5 @@
+{
+  "text": "Do you build websites and apps?",
+  "cta": "Take the Jamstack Community Survey 2022 today!",
+  "url": "https://netlify.qualtrics.com/jfe/form/SV_0BRbhN47gyZWYNo?Source=jamstack_eyebrow"
+}

netlify/functions/community/src/site/_data/events.js

@@ -0,0 +1,17 @@
+const fetch = require('node-fetch');
+require("dotenv").config();
+
+module.exports = async function () {
+  const res = await fetch(`https://discord.com/api/v9/guilds/${process.env.DISCORD_GUILD_ID}/scheduled-events`, {
+    method: "GET",
+    headers: {
+      "Authorization": `Bot ${process.env.DISCORD_BOT_TOKEN}`,
+    }
+  })
+
+  const data = await res.json()
+
+  console.log(data[0])
+
+  return data
+}