Close #499 add gallery template (#514)

* Setup gallery template model (data layer)

* Add gallery template UI

* Add usage count & analytic

* Bump version to 2.19.0+478

Author: theachoem

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
   "dart.lineLength": 120,
+  "dart.mcpServer": true,
   "editor.formatOnSave": true,
   "editor.rulers": [120],
   "editor.tabSize": 2,

assets/firestore_storage_map.json

@@ -32,6 +32,25 @@
   "/backgrounds/textured_green_and_black_liquefy_abstract_background.txt": "/backgrounds/textured_green_and_black_liquefy_abstract_background-fc278b172cbaa729054e1f5fc4ad8938.txt",
   "/backgrounds/two_cloudy_tags_on_color_background.jpg": "/backgrounds/two_cloudy_tags_on_color_background-6c2223f69c2f6b96b39196ca7aa495d9.jpg",
   "/backgrounds/two_cloudy_tags_on_color_background.txt": "/backgrounds/two_cloudy_tags_on_color_background-4b1ba020975d7301b7274a06d8c481c9.txt",
+  "/icons/hand_drawn/hand_drawn_angel_56x56.png": "/icons/hand_drawn/hand_drawn_angel_56x56-851b364e1c339adc97f0c5fca96ec722.png",
+  "/icons/hand_drawn/hand_drawn_calendar_check_56x56.png": "/icons/hand_drawn/hand_drawn_calendar_check_56x56-9444460e180143c0c49eaae8d47160e4.png",
+  "/icons/hand_drawn/hand_drawn_checklist_56x56.png": "/icons/hand_drawn/hand_drawn_checklist_56x56-168f8d244f4b802bf3d797cf0f44444b.png",
+  "/icons/hand_drawn/hand_drawn_compass_56x56.png": "/icons/hand_drawn/hand_drawn_compass_56x56-58832bd33874777276cf12f94278ad89.png",
+  "/icons/hand_drawn/hand_drawn_data_report_56x56.png": "/icons/hand_drawn/hand_drawn_data_report_56x56-d14c2bbe7beca0747e27b6b5ccdcbdc0.png",
+  "/icons/hand_drawn/hand_drawn_diary_56x56.png": "/icons/hand_drawn/hand_drawn_diary_56x56-5f6497b40276638cbc5908c67685e836.png",
+  "/icons/hand_drawn/hand_drawn_feedback_56x56.png": "/icons/hand_drawn/hand_drawn_feedback_56x56-41a5797f55c0fbbfaf3f03012bb72215.png",
+  "/icons/hand_drawn/hand_drawn_give_love_56x56.png": "/icons/hand_drawn/hand_drawn_give_love_56x56-a03ad23d201ba5cdf7cccc2b05aa5b01.png",
+  "/icons/hand_drawn/hand_drawn_goal_56x56.png": "/icons/hand_drawn/hand_drawn_goal_56x56-9472432825ae3793ef5212d83f29aaa8.png",
+  "/icons/hand_drawn/hand_drawn_lightbulb_56x56.png": "/icons/hand_drawn/hand_drawn_lightbulb_56x56-c660ae1d624853c472581e236aba988c.png",
+  "/icons/hand_drawn/hand_drawn_love_message_56x56.png": "/icons/hand_drawn/hand_drawn_love_message_56x56-ee06dcb3cc76d4817529e782809a7c5f.png",
+  "/icons/hand_drawn/hand_drawn_meal_56x56.png": "/icons/hand_drawn/hand_drawn_meal_56x56-a46cb0b41a8ad0c87f90810a680d177c.png",
+  "/icons/hand_drawn/hand_drawn_monster_56x56.png": "/icons/hand_drawn/hand_drawn_monster_56x56-86bc61cd87cb108e3819629ef4994332.png",
+  "/icons/hand_drawn/hand_drawn_moon_56x56.png": "/icons/hand_drawn/hand_drawn_moon_56x56-780dbbd36734aa90dcebe56a0d644e31.png",
+  "/icons/hand_drawn/hand_drawn_notepad_56x56.png": "/icons/hand_drawn/hand_drawn_notepad_56x56-5cef75cb69fce3c587bd2e0fb0de77a7.png",
+  "/icons/hand_drawn/hand_drawn_photographer_56x56.png": "/icons/hand_drawn/hand_drawn_photographer_56x56-e2546b01ea1a249a8a43dbb0d34c12a3.png",
+  "/icons/hand_drawn/hand_drawn_sun_56x56.png": "/icons/hand_drawn/hand_drawn_sun_56x56-71e61d2e176f06501044ab071324b0ad.png",
+  "/icons/hand_drawn/hand_drawn_trophy_56x56.png": "/icons/hand_drawn/hand_drawn_trophy_56x56-142e5ddd71afdf0e306249e8b484de54.png",
+  "/icons/hand_drawn/hand_drawn_workout_56x56.png": "/icons/hand_drawn/hand_drawn_workout_56x56-452b85fbdc3b7ee983654c0d525bc89e.png",
   "/relax_sounds/activity/typing.svg": "/relax_sounds/activity/typing-46d73a75bb444f79e13b05c1e574298c.svg",
   "/relax_sounds/activity/typing.txt": "/relax_sounds/activity/typing-4cbea22961ac40354091773530de0263.txt",
   "/relax_sounds/activity/typing.wav": "/relax_sounds/activity/typing-5b256259119706d60983f49b07e17279.wav",

bin/create_gallery_template_documents

@@ -0,0 +1,8 @@
+#!/bin/bash
+# Creates template documents in Firestore from YAML files in /templates directory.
+# This pre-populates the templates collection so device usage subcollections can be created.
+# Run this once after adding new gallery templates or before deploying analytics.
+
+export GOOGLE_APPLICATION_CREDENTIALS="firestore_service_account.json"
+
+cd bin/firebase_admin && node create_gallery_template_documents.js

bin/firebase_admin/.gitignore

@@ -1,2 +1,3 @@
 node_modules
+firestore_service_account.json
 service_account.json

bin/firebase_admin/create_gallery_template_documents.js

@@ -0,0 +1,58 @@
+import admin from "firebase-admin";
+import { applicationDefault } from "firebase-admin/app";
+import fs from "fs/promises";
+import path from "path";
+import yaml from "js-yaml";
+
+const templatesDir = path.join("../../templates");
+
+await admin.initializeApp({
+  credential: applicationDefault(),
+  storageBucket: "tc-write-story.appspot.com",
+});
+
+const db = admin.firestore();
+
+async function createTemplateDocuments() {
+  try {
+    const files = await fs.readdir(templatesDir);
+    const yamlFiles = files.filter((file) => file.endsWith(".yaml"));
+
+    for (const file of yamlFiles) {
+      const filePath = path.join(templatesDir, file);
+      const fileContent = await fs.readFile(filePath, "utf-8");
+      const doc = yaml.load(fileContent);
+
+      if (doc && doc.templates) {
+        for (const template of doc.templates) {
+          if (template.id) {
+            const templateId = template.id;
+            const docRef = db.collection("templates").doc(templateId);
+
+            console.log(`Setting document for template ${templateId}...`);
+            await docRef.set(
+              {
+                updated_at: admin.firestore.FieldValue.serverTimestamp(),
+                name: template.name,
+                purpose: template.purpose,
+              },
+              { merge: true }
+            );
+
+            docRef
+              .collection("devices")
+              .doc("placeholder")
+              .set({ initialized: true });
+
+            console.log(`Document for template ${templateId} set.`);
+          }
+        }
+      }
+    }
+    console.log("Finished processing all templates.");
+  } catch (error) {
+    console.error("Error processing templates:", error);
+  }
+}
+
+createTemplateDocuments();

bin/firebase_admin/package-lock.json

@@ -10,6 +10,7 @@
   "license": "ISC",
   "description": "Manage Firestore",
   "dependencies": {
-    "firebase-admin": "^13.2.0"
+    "firebase-admin": "^13.2.0",
+    "js-yaml": "^4.1.0"
   }
 }

bin/firebase_admin/package.json

@@ -106,5 +106,24 @@
   "../../firestore_storages/relax_sounds/water/ocean_waves.wav": "e3314b906cfa52065417f9c51c9b2f59",
   "../../firestore_storages/relax_sounds/water/river_stream.svg": "c138f14d67e6badf526d96d6bb0ca1d0",
   "../../firestore_storages/relax_sounds/water/river_stream.txt": "230636fa87deb1c789ce49711b7671c4",
-  "../../firestore_storages/relax_sounds/water/river_stream.wav": "fd60b586ac2bc25d511a2c41ef7c6faa"
+  "../../firestore_storages/relax_sounds/water/river_stream.wav": "fd60b586ac2bc25d511a2c41ef7c6faa",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_notepad_56x56.png": "5cef75cb69fce3c587bd2e0fb0de77a7",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_sun_56x56.png": "71e61d2e176f06501044ab071324b0ad",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_angel_56x56.png": "851b364e1c339adc97f0c5fca96ec722",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_calendar_check_56x56.png": "9444460e180143c0c49eaae8d47160e4",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_checklist_56x56.png": "168f8d244f4b802bf3d797cf0f44444b",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_compass_56x56.png": "58832bd33874777276cf12f94278ad89",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_data_report_56x56.png": "d14c2bbe7beca0747e27b6b5ccdcbdc0",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_feedback_56x56.png": "41a5797f55c0fbbfaf3f03012bb72215",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_give_love_56x56.png": "a03ad23d201ba5cdf7cccc2b05aa5b01",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_goal_56x56.png": "9472432825ae3793ef5212d83f29aaa8",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_lightbulb_56x56.png": "c660ae1d624853c472581e236aba988c",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_love_message_56x56.png": "ee06dcb3cc76d4817529e782809a7c5f",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_meal_56x56.png": "a46cb0b41a8ad0c87f90810a680d177c",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_monster_56x56.png": "86bc61cd87cb108e3819629ef4994332",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_moon_56x56.png": "780dbbd36734aa90dcebe56a0d644e31",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_photographer_56x56.png": "e2546b01ea1a249a8a43dbb0d34c12a3",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_workout_56x56.png": "452b85fbdc3b7ee983654c0d525bc89e",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_trophy_56x56.png": "142e5ddd71afdf0e306249e8b484de54",
+  "../../firestore_storages/icons/hand_drawn/hand_drawn_diary_56x56.png": "5f6497b40276638cbc5908c67685e836"
 }