Firebase

.eleventy.js

@@ -1,12 +1,41 @@
-module.exports = function(eleventyConfig) {
-
+module.exports = function (eleventyConfig) {
+  require("dotenv").config();
+
+  const { initializeApp, cert } = require("firebase-admin/app");
+  const { getFirestore } = require("firebase-admin/firestore");
+
+  initializeApp({
+    credential: cert({
+      privateKey: process.env.GOOGLE_API_KEY?.replace(/\\n/g, "\n"),
+      clientEmail: process.env.GOOGLE_EMAIL,
+      projectId: process.env.GOOGLE_PROJECT_ID,
+    }),
+  });
+
+  const db = getFirestore();
+
   /* Pass through - stop eleventy touching */
-  eleventyConfig.addPassthroughCopy('src/images')
+  eleventyConfig.addPassthroughCopy("src/images");
+
+  eleventyConfig.addShortcode(
+    "recipeList",
+    require("./.eleventy/shortcodes/recipeList")
+  );
+
+  eleventyConfig.addGlobalData("recipes", async () => {
+    const ref = db.collection("recipes");
+    const snapshot = await ref.get();
+    const recipes = [];
+    snapshot.forEach((doc) => {
+      recipes.push(doc.data());
+    });
+    return Promise.resolve(recipes);
+  });
 
   return {
-    dir: { input: 'src', output: 'dist', data: '_data' },
+    dir: { input: "src", output: "dist", data: "_data" },
     passthroughFileCopy: true,
-    templateFormats: ['njk', 'md', 'css', 'html', 'yml'],
-    htmlTemplateEngine: 'njk'
-  }
-}
+    templateFormats: ["njk", "md", "css", "html", "yml"],
+    htmlTemplateEngine: "njk",
+  };
+};

.eleventy/shortcodes/recipeList.js

@@ -0,0 +1,61 @@
+const sentenceCase = require("to-title-case");
+module.exports = function (recipes, type, search) {
+  // get the tags
+  let tags = [];
+  let dedupedTags = [];
+  for (let i = 0; i < recipes.length; i++) {
+    const recipe = recipes[i];
+    recipe.tags.forEach((tag) => {
+      if (!dedupedTags.includes(tag.toLowerCase())) {
+        dedupedTags.push(tag.toLowerCase());
+        tags.push({
+          id: tag.toLowerCase(),
+          label: sentenceCase(tag),
+        });
+      }
+    });
+  }
+
+  let html = `<input type="text" name="Search" placeholder="Search..." id="SearchInput" class="my-2 bg-white text-gray-800 py-2 px-4 border-2 border-gray-400">`;
+  html += `<div id="RecipeList"><ul class="list my-8 px-8">`;
+  tags.forEach((tag) => {
+    html += `<h3 class="mt-4 mb-1">${tag.label}</h3>`;
+    for (let i = 0; i < recipes.length; i++) {
+      const recipe = recipes[i];
+      let included = false;
+      recipe.tags.forEach((t) => {
+        if (t.toLowerCase() == tag.id) {
+          included = true;
+        }
+      });
+      if (included) {
+        html += `
+          <li>
+            <a href="/recipes/${recipe.slug}/">${recipe.name}</a>
+          </li>
+      `;
+      }
+    }
+  });
+
+  html += `<h3 class="mt-4 mb-1">Untagged</h3>`;
+  for (let i = 0; i < recipes.length; i++) {
+    const recipe = recipes[i];
+    if (!recipe.tags.length) {
+      html += `
+        <li>
+          <a href="/recipes/${recipe.slug}/">${recipe.name}</a>
+        </li>
+    `;
+    }
+  }
+  html += `</ul></div>`;
+
+  html += `
+  <script>
+    const recipes = ${JSON.stringify(recipes)};
+    const tags = ${JSON.stringify(tags)};
+  </script>`;
+
+  return html;
+};

.forestry/front_matter/templates/recipe-urls.yml

@@ -0,0 +1,11 @@
+---
+label: Recipe URLs
+hide_body: true
+fields:
+- name: urls
+  type: list
+  config:
+    use_select: false
+    min: 
+    max: 
+  label: URLs

.forestry/front_matter/templates/recipe.yml

@@ -0,0 +1,74 @@
+---
+label: Recipe
+hide_body: true
+fields:
+- type: text
+  name: name
+  label: Name
+  description: Paste in the name of the recipe
+- type: list
+  name: ingredients
+  label: Ingredients
+  description: Add the ingredients one at a time
+- type: list
+  name: instructions
+  label: Instructions
+  description: Add the instructions one line at a time
+- type: list
+  name: tags
+  label: Tags
+  description: Tags are made to group recipes by type or ingredient
+  config:
+    use_select: false
+- type: text
+  name: servings
+  label: Servings
+  description: How many people does it serve or how large is the yield in cups, feet,
+    meters, stones, etc.
+- name: image
+  type: file
+  config:
+    maxSize: 64
+  label: Image
+  description: Optionally, upload an image representing your recipe.
+- type: field_group
+  name: time
+  label: Times
+  fields:
+  - type: text
+    name: prep
+    label: Prep
+    description: How long to prepare the recipe?
+  - type: text
+    name: cook
+    label: Cook
+    description: How long is spent cooking the recipe?
+  - type: text
+    name: active
+    label: Active
+    description: How much time is spent actively working on the recipe?
+  - type: text
+    name: inactive
+    label: Inactive
+    description: How much time is spent inactive? e.g. letting the dough rise, chill,
+      etc.
+  - type: text
+    name: ready
+    label: Ready
+    description: 'How long until it''s ready? '
+  - type: text
+    name: total
+    label: Total
+    description: 'What is the total time spent? '
+  description: Add any of the available times below
+- name: url
+  type: text
+  config:
+    required: false
+  label: Original Recipe URL
+  description: Paste in the source of the URL if it exists
+pages:
+- src/_data/recipes/banana-bread.json
+- src/_data/recipes/brownie-pudding.json
+- src/_data/recipes/dads-biscuits.json
+- src/_data/recipes/sweet-potato-souffle.json

.forestry/settings.yml

@@ -0,0 +1,28 @@
+---
+new_page_extension: md
+auto_deploy: false
+admin_path: ''
+webhook_url: 
+sections:
+- type: document
+  path: build/urls.json
+  label: URL List
+- type: directory
+  path: src/_data/recipes
+  label: Recipes
+  create: all
+  match: "**/*"
+  new_doc_ext: json
+  templates:
+  - recipe
+upload_dir: uploads
+public_path: "/uploads"
+front_matter_path: ''
+use_front_matter_path: false
+file_template: ":filename:"
+build:
+  install_dependencies_command: npm install
+  preview_docker_image: forestryio/node:12
+  mount_path: "/srv"
+  working_dir: "/srv"
+  instant_preview_command: npm run develop

.gitignore

@@ -64,4 +64,7 @@ typings/
 dist
 
 #OSX
-.DS_Store
+.DS_Store
+# Local Netlify folder
+.netlify
+food-not-frenzy-f28f8715ef3a.json

.lightserverrc

@@ -1,5 +1,5 @@
 {
- "port": 8080,
+ "port": 4000,
  "serve": "dist",
  "bind": "0.0.0.0",
  "delay": 100,

.netlify/functions/submission-created/submission-created.js

@@ -0,0 +1,20 @@
+const fetch = require("node-fetch");
+
+const API_ENDPOINT = 'https://api.netlify.com/build_hooks/61883da143db9fcf939555f6';
+
+exports.handler = async (event, context) => {
+  try {
+    const response = await fetch(API_ENDPOINT, {
+      method: "POST",
+    });
+    const data = await response.json();
+    return { statusCode: 200, body: JSON.stringify({ data }) };
+  } catch (error) {
+    console.log(error);
+    return {
+      statusCode: 500,
+      body: JSON.stringify({ error: 'Failed fetching data' }),
+    };
+  }
+};
+