2023-03-09 Cocinas fantasmas en Rappi - dataset y análisis: primer borrador

.gitattributes

@@ -1 +1,3 @@
 *.mp4 filter=lfs diff=lfs merge=lfs -text
+*.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text

2023-03-09 Cocinas fantasmas en Rappi - dataset y análisis.md

@@ -0,0 +1,11 @@
+!![una foto de google street view de junio de 2022 de una cocina fantasma en sánchez de bustamante 875 con 8 capturas de pantalla de rappi de distintas marcas operadas en esta cocina](2023-03-09%20Cocinas%20fantasmas%20en%20Rappi%20-%20dataset%20y%20an%C3%A1lisis.md-kitchenita-bustamante.jpg)
+
+Quizás no las conozcas, pero quizás comiste de una _cocina fantasma_. La definición básica de una cocina fantasma es una en la que solo sirve para take-away o delivery, y ya existen hace bastante tiempo. Sin embargo, desde alrededor de ~2017 se generaron otro tipo de cocinas fantasmas: las industriales.
+
+Estas cocinas operan como varias marcas (muchas veces más de 10) en aplicaciones de delivery como Rappi, PedidosYa o Uber Eats. A veces, son un lugar con varias cocinas, o otras veces son una cocina que opera varias marcas. Por más que son un mismo lugar, aparecen como distintas en las aplicaciones de delivery, ofreciendo distintos tipos de comida: sushi, vegana, mexicana, asiática, italiana, china...
+
+Notese que esto es un juego de decepción: generalmente no se aclara que es una cocina fantasma. En algunos casos más extremos en Estados Unidos, estas marcas directamente usan los nombres e identidades de restaurantes locales. [TODO: linkear a esto. le pregunté a doctorow que recuerdo lo había hablado] Sin embargo, por afuera de las aplicaciones, estas compañías se muestran orgullosas (ver [Kitchenita](https://www.kitchenita.co/), [CocinasOcultas](https://cocinasocultas.com/)..)
+
+Por más que (a mi parecer) no se habla mucho de esto en Argentina, es un fenómento que ya existe en Buenos Aires y Córdoba (y probablemente otras ciudades -- no me fijé). Ya las conocía de antes, pero después de ver [este maravilloso video de Eddy Burback](https://www.youtube.com/watch?v=KkIkymh5Ayg) me dió curiosidad investigar localmente que pasa. Y lo hice de la única manera que conozco bien: tecnologicamente :)
+
+Descargué la información de la mayoría de los restaurantes en Rappi en Buenos Aires (aproximadamente 1710, no es exacto por problemas técnicos) y busqué cuales estaban a menos de 15 metros de distancia de entre si. Lo que encontré me sorprendió un poco.

compilar.ts

@@ -23,6 +23,8 @@ import {
   VirtualElement,
   time,
   article,
+  main,
+  img,
 } from "@nulo/html.js";
 
 const execFile = promisify(execFileCallback);
@@ -39,13 +41,6 @@ const dateFormatter = new Intl.DateTimeFormat("es-AR", {
 
 const wikilinkExp = /\[\[(.+?)\]\]/giu;
 
-const compilers: {
-  [key: string]: (config: Config, sourceFileName: string) => Promise<string>;
-} = {
-  ".md": compileMarkdownHtml,
-  ".gen": compileExecutableHtml,
-};
-
 interface Config {
   sourcePath: string;
   buildPath: string;
@@ -99,16 +94,29 @@ async function compilePage(config: Config, sourceFileName: string) {
   const title = isIndex ? "nulo.ar" : formatNameToPlainText(name);
   const fileConnections = connections.filter(({ linked }) => linked === name);
 
-  const contentHtml = await compileContentHtml(config, sourceFileName);
+  let contentHtml, image;
+  if (extname(sourceFileName) === ".md") {
+    ({ html: contentHtml, image } = await compileMarkdownHtml(
+      config,
+      sourceFileName
+    ));
+  } else if (extname(sourceFileName) === ".gen")
+    contentHtml = await compileExecutableHtml(config, sourceFileName);
+  else throw false;
 
   const html = render(
     ...generateHead(title, name),
     article(
-      { itemscope: "", itemtype: "https://schema.org/CreativeWork" },
+      { itemscope: "", itemtype: "https://schema.org/Article" },
       ...(isIndex
         ? []
-        : generateHeader(name, sourceFileName, fileConnections.length > 0)),
+        : generateHeader(
-      raw(contentHtml),
+            name,
+            sourceFileName,
+            fileConnections.length > 0,
+            image
+          )),
+      main({ itemprop: "articleBody" }, raw(contentHtml)),
       ...generateConnectionsSection(fileConnections)
     )
   );
@@ -121,25 +129,41 @@ async function compilePage(config: Config, sourceFileName: string) {
 // Get HTML
 // ==============================================
 
-// TODO: memoize
+type Image = {
-function compileContentHtml(
+  src: string;
-  config: Config,
+  alt: string;
-  sourceFileName: string
+};
-): Promise<string> {
-  return compilers[extname(sourceFileName)](config, sourceFileName);
-}
 
 async function compileMarkdownHtml(
   config: Config,
   sourceFileName: string
-): Promise<string> {
+): Promise<{ html: string; image?: Image }> {
-  const markdown = await readFile(
+  let markdown = await readFile(
     join(config.sourcePath, sourceFileName),
     "utf-8"
   );
-  const markdownHtml = renderMarkdown(markdown);
+
+  let image;
+  if (markdown.startsWith("!!")) {
+    const node = reader.parse(markdown.slice(1, markdown.indexOf("\n")));
+    const imageNode = node.firstChild?.firstChild;
+    if (!imageNode || !imageNode.destination)
+      throw new Error("Intenté parsear un ^!! pero no era una imágen");
+    if (!imageNode.firstChild?.literal)
+      console.warn(`El ^!! de ${sourceFileName} no tiene alt`);
+
+    image = {
+      src: imageNode.destination,
+      alt: imageNode.firstChild?.literal || "",
+    };
+    markdown = markdown.slice(markdown.indexOf("\n"));
+  }
+
+  const parsed = reader.parse(markdown);
+  const markdownHtml = writer.render(parsed);
+
   const contentHtml = await hackilyTransformHtml(markdownHtml);
-  return contentHtml;
+  return { html: contentHtml, image };
 }
 
 async function compileExecutableHtml(
@@ -279,12 +303,14 @@ function formatNameToPlainText(name: string): string {
 function generateHeader(
   name: string,
   sourceCodePath: string,
-  linkConexiones = false
+  linkConexiones = false,
+  image?: Image
 ): Renderable[] {
   const parsedTitle = parseName(name);
   return [
     a({ href: "." }, "☚ Volver al inicio"),
     header(
+      ...(image ? [img({ ...image, itemprop: "image" })] : []),
       ...("title" in parsedTitle
         ? [
             h1(parsedTitle.title),
@@ -376,11 +402,6 @@ async function scanForConnections(sourcePath: string): Promise<Connection[]> {
 // Markdown utils
 // ==============================================
 
-function renderMarkdown(markdown: string) {
-  const parsed = reader.parse(markdown);
-  return writer.render(parsed);
-}
-
 async function hackilyTransformHtml(html: string): Promise<string> {
   html = html
     .replaceAll("<a h", '<a rel="noopener noreferrer" h')
@@ -388,7 +409,8 @@ async function hackilyTransformHtml(html: string): Promise<string> {
   for (const [match, archivo] of html.matchAll(
     /<nulo-sitio-reemplazar-con archivo="(.+?)" \/>/g
   )) {
-    html = html.replace(match, await compileContentHtml(config, archivo));
+    if (extname(archivo) !== ".gen") throw false;
+    html = html.replace(match, await compileExecutableHtml(config, archivo));
   }
   return html;
 }

drip.css

@@ -10,18 +10,23 @@ body {
   color: #111;
   color: var(--foreground);
   font-family: sans-serif;
-  max-width: 45rem;
+  max-width: 75rem;
-  margin: 0;
+  margin: 0 auto;
   padding: 1rem;
 }
 
 article header {
   margin: 2rem 0;
   text-align: center;
+  max-width: 75rem;
 }
 article h1 {
   font-size: 32px;
 }
+article main {
+  max-width: 45rem;
+  margin: 0 auto;
+}
 
 h2 {
   border-bottom: var(--foreground) solid 1px;