prehistoric-systems/itty-bitty
1
0
Fork 0
mirror of https://github.com/arfct/itty-bitty.git synced 2026-03-11 08:54:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Updated recipe rendering

Browse source
This commit is contained in:
Nicholas Jitkoff 2022-11-13 15:56:30 -08:00
parent a109a22d5a
commit 8c9497b655
3 changed files with 11 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
docs/render/recipe.css
View file

@ -137,6 +137,7 @@ img.publisher {
}
header {
flex: 1 1 auto;
/* gap: 2em; */
/* margin-bottom: 1rem; */
/* padding-left: 18em; */

8
docs/render/recipe.html
View file

@ -8,18 +8,13 @@
script.onload = resolve;
script.src = src
document.head.appendChild(script);
console.log("script", script)
})
return callback ? promise.then(callback) : promise;
}
window.addEventListener("message", function(e) {
let data = e.data;
// var base = el('base', {href: data.script});
// console.log("MESSAGE", data, base, data.script);
// document.head.appendChild(base);
window.script = data.script
console.log("data.script", data)
window.params = data;
window.params.origin = e.origin;
console.log("🖊 Rendering with", {script:data.script, params:data})
@ -27,8 +22,7 @@
render()
loadScript("../js/qrious.min.js", null, "").then(() => {
console.log("qrious loaded", window.params, window.params.originalURL);
var qr = new QRious({
var qr = new QRious({
element: document.getElementById("qr"),
background: 'transparent',
foreground: 'currentColor',

19
docs/render/recipe.js
View file

@ -27,10 +27,14 @@ var isWatch = (window.outerWidth < 220);
if (isWatch) document.documentElement.classList.add("watch")
let ignoredTerms = [
"but", "broken", "pieces", "tbsp", "tsp", "peeled", "then", "can", "oz", "fresh", "out", "not", "sprig", "sprigs", "room", "temperature", "still", "see", "notes", "with", "beat", "together", "crust", "very", "cold", "hot", "top", "warm", "one", "note", "teaspoon", "teaspoons", "tablespoon", "tablespoons", "cup", "cups", "taste", "more", "melted", "into", "wide", "pound", "pounds", "gram", "grams", "you", "ounce", "ounces", "thinly", "sliced",
"freshly", "use", "dry", "but", "broken", "pieces", "tbsp", "tsp", "peeled", "then", "can", "oz", "fresh", "out", "not", "sprig", "sprigs", "room", "temperature", "still", "see", "notes", "with", "beat", "together", "crust", "very", "cold", "hot", "top", "warm", "one", "note", "teaspoon", "teaspoons", "tablespoon", "tablespoons", "cup", "cups", "taste", "more", "melted", "into", "wide", "pound", "pounds", "gram", "grams", "you", "ounce", "ounces", "thinly", "sliced",
"pan", "cube", "cubes", "finely", "ground", "garnish", "about", "cut", "and", "smashed", "each", "the", "medium", "large", "small", "for", "chopped", "minced", "grated", "box", "softened", "directed", "shredded", "cooked", "from", "frozen", "thawed"
]
let emojiMap = {
"duck": "🍗",
"beef": "🥩",
"turkey": "🍗",
"chicken": "🍗",
"grape": "🍇",
"watermelon": "🍉",
"melon": "🍈",
@ -76,9 +80,6 @@ let emojiMap = {
"waffle": "🧇",
"cheese": "🧀",
"meat": "🍖",
"beef": "🥩",
"turkey": "🍗",
"chicken": "🍗",
"steak": "🥩",
"bacon": "🥓",
"hamburger": "🍔",
@ -286,7 +287,7 @@ function clean(html) {
function formatTime(time) {
const timeRE = /(?<sign>-)?P(?:(?<years>[.,\d]+)Y)?(?:(?<months>[.,\d]+)M)?(?:(?<weeks>[.,\d]+)W)?(?:(?<days>[.,\d]+)D)?T(?:(?<hours>[.,\d]+)H)?(?:(?<minutes>[.,\d]+)M)?(?:(?<seconds>[.,\d]+)S)?/
let duration = time.match(timeRE).groups;
let duration = time.match(timeRE)?.groups;
if (duration) {
time = [];
@ -425,10 +426,10 @@ function render() {
try {
let data = JSON.parse(window.params.body);
var json = data; //JSON.parse(data);
if (json["@type"] != "Recipe") {
if (!json["@type"]?.includes("Recipe")) {
json = (json["@graph"] ?? json).find((item) => item["@type"] == "Recipe")
}
console.log("Recipe", json);
console.log("🍗 Rendering Recipe:", json);
} catch (e) {
document.body.appendChild(m("div", "Error parsing recipe", m("p", e.message), m("p", e.stack), m("pre", window.params.body) ));
@ -461,7 +462,7 @@ function render() {
);
if (typeof instructions === "string") instructions = [instructions]
instructions = flattenInstructions(instructions)
console.log("instructions", instructions)
let intructionTerms = new Set(
Array.from(instructions.flat().join("\n").matchAll(/[A-Za-z\-]+/g)).map(m => m[0].length > 2 ? m[0].toLowerCase(): "")
);
@ -614,8 +615,6 @@ function render() {
};
bgImg.src = image;
console.log("image", bgImg.src)
let originalURL = json.mainEntityOfPage?.["@id"] ?? ((json.mainEntityOfPage == true) ? false : json.mainEntityOfPage) ?? json.url;
let hostname = originalURL ? new URL(originalURL).hostname.replace("www.","") : ""