npm - moracarta - Versions diffs - 2.1.2 → 2.1.4 - Mend

moracarta 2.1.2 → 2.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/README.md +8 -3
package/index.html +34 -30
package/package.json +21 -17
package/src/commands/add.js +2 -2
package/src/commands/deploy.js +2 -2
package/src/commands/remove.js +2 -2
package/src/commands/setup.js +33 -32
package/src/content/letters.example.js +57 -0
package/src/loaders/lettersLoader.js +13 -0
package/src/scripts/{main.script.js → generatePalette.js} +11 -61
package/src/scripts/{letters.script.js → lettersPage.js} +11 -63
package/src/scripts/main.js +62 -0
package/src/scripts/{data.variable.js → templateBinding.js} +3 -6
package/src/styles/letters.css +11 -11
package/src/styles/main.css +27 -18
package/src/views/{letters.view.html → letters.html} +12 -13
package/vite.config.mjs +1 -1
package/src/data/letters.example.js +0 -28
package/src/data/lettersLoader.js +0 -7
package/src/i18n/de.js +0 -8
package/src/i18n/en.js +0 -8
package/src/i18n/es.js +0 -8
package/src/i18n/fr.js +0 -8
package/src/i18n/it.js +0 -8
package/src/i18n/ja.js +0 -8
package/src/i18n/ko.js +0 -8
package/src/i18n/nl.js +0 -0
package/src/i18n/pr.js +0 -0
package/src/i18n/pt-BR.js +0 -8
package/src/i18n/ru.js +0 -8
package/src/i18n/tl.js +0 -0
package/src/i18n/zh.js +0 -8
package/src/scripts/i18n.js +0 -67
/package/src/{commands → config}/cliConfig.js +0 -0

package/README.md CHANGED Viewed

@@ -5,7 +5,7 @@
 [![npm version](https://img.shields.io/npm/v/moracarta)](https://www.npmjs.com/package/moracarta)
 [![npm downloads](https://img.shields.io/npm/dt/moracarta)](https://www.npmjs.com/package/moracarta)
-🌐 **[Live Demo](https://moracarta.pages.dev/)**
+🌐 **[Live Demo - Latest Stable Branch](https://moracarta.pages.dev/)** | 🛠️ **[Live Demo - Development Branch](https://development.moracarta.pages.dev/)**
 ## Features
@@ -20,12 +20,17 @@
 **And it's as simple as:**
 ```bash
-npm init -y
 npm i moracarta
 npx moracarta setup
 npx moracarta build
 npx moracarta deploy
 ```
+### What each command does
+- `npm i moracarta` installs Moracarta as a dependency in your project.
+- `npx moracarta setup` sets up Moracarta and lets you configure the website.
+- `npx moracarta build` builds your website using your configured letters and settings.
+- `npx moracarta deploy` deploys the finished website for free.
 ### App Demo
 <p align="center">
@@ -36,7 +41,7 @@ npx moracarta deploy
 ### Setup Demo
 <img src="public/assets/images/setup-demo.png" width="100%">
-<br><br>
+<br>
 ## That's it.

package/index.html CHANGED Viewed

@@ -1,31 +1,35 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
-  <meta name="robots" content="noindex, nofollow, noarchive">
-  <title data-variable="TITLE"></title>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Lora:ital,wght@0,400;1,400&family=Montserrat:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="src/styles/main.css">
-</head>
-<body>
-  <div class="header">
-    <div class="header-ornament">❧ ❦ ☙</div>
-    <h1 data-variable="TITLE"></h1>
-    <div class="header-line"></div>
-    <p class="header-sub love-note" data-variable="TEXT_TOP"></p>
-  </div>
-  <div class="letter-list" id="letter-list"></div>
-  <div class="footer">
-    <div class="footer-line"></div>
-    <p data-variable="TEXT_BOTTOM"></p>
-    <p data-variable="YOUR_NAME"></p>
-  </div>
-  <script type="module" src="src/scripts/main.script.js"></script>
-  <script type="module" src="src/scripts/data.variable.js"></script>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+  <meta name="robots" content="noindex, nofollow, noarchive">
+  <title data-variable="TITLE"></title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Lora:ital,wght@0,400;1,400&family=Montserrat:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="src/styles/main.css">
+</head>
+<body>
+  <div class="header">
+    <div class="header-ornament">❧ ❦ ☙</div>
+    <h1 data-variable="TITLE"></h1>
+    <div class="header-line"></div>
+    <p class="header-sub love-note" data-variable="TEXT_TOP"></p>
+  </div>
+  <div class="letter-list" id="letter-list"></div>
+  <div class="bottom-text">
+    <div class="bottom-text-line"></div>
+    <p data-variable="TEXT_BOTTOM"></p>
+    <p data-variable="YOUR_NAME"></p>
+  </div>
+  <footer class="footer">
+    <a id="footer-link" class="footer-link" href="https://github.com/wesleyhanauer/moracarta"></a>
+  </footer>
+  <script type="module" src="src/scripts/main.js"></script>
+  <script type="module" src="src/scripts/templateBinding.js"></script>
 </html>

package/package.json CHANGED Viewed

@@ -1,21 +1,26 @@
 {
   "name": "moracarta",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "type": "module",
   "description": "",
   "license": "MIT",
   "main": "index.js",
   "keywords": [
-    "cli",
-    "scaffold",
-    "static-site",
-    "cloudflare",
-    "wrangler",
-    "gift",
-    "envelope",
-    "letters",
+    "love letter",
+    "digital love letter",
+    "romantic website",
+    "love website",
     "romantic",
-    "html-css-js"
+    "love",
+    "letter",
+    "valentines",
+    "valentines day",
+    "anniversary",
+    "romantic website template",
+    "website template",
+    "static website",
+    "npm",
+    "open source"
   ],
   "files": [
     "index.html",
@@ -23,17 +28,16 @@
     "public",
     "src/commands",
     "src/config/fonts.js",
-    "src/data/letters.example.js",
-    "src/data/lettersLoader.js",
-    "src/i18n",
+    "src/content/letters.example.js",
+    "src/loaders/lettersLoader.js",
     "src/scripts",
     "src/services",
     "src/styles",
     "src/views"
   ],
-  "postinstall": "node src/commands/postinstall.js",
+  "postinstall": "node src/commands/postInstall.js",
   "bin": {
-    "moracarta": "src/commands/cliConfig.js"
+    "moracarta": "src/config/cliConfig.js"
   },
   "scripts": {
     "setup": "node src/commands/setup.js",
@@ -47,11 +51,11 @@
     "type": "git",
     "url": "git+https://github.com/WesleyHanauer/moracarta.git"
   },
-  "author": "",
+  "author": "Wesley Hanauer",
   "bugs": {
     "url": "https://github.com/WesleyHanauer/moracarta/issues"
   },
-  "homepage": "https://github.com/WesleyHanauer/moracarta#readme",
+  "homepage": "https://moracarta.pages.dev",
   "dependencies": {
     "@inquirer/prompts": "^8.6.0",
     "vite": "^8.2.2",

package/src/commands/add.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { getDocumentText } from "../services/googleDocs.js";
 const DATA_DIRECTORY = resolve(
     process.cwd(),
     "src",
-    "data"
+    "content"
 );
 const LETTERS_FILE = resolve(
@@ -76,7 +76,7 @@ ${letterObject}
     if (closingIndex === -1) {
         throw new Error(
-            "Could not find the end of the letters array in src/data/letters.js."
+            "Could not find the end of the letters array in src/content/letters.js."
         );
     }

package/src/commands/deploy.js CHANGED Viewed

@@ -4,12 +4,12 @@ import { execSync } from "node:child_process";
 import { resolve } from "node:path";
 import { pathToFileURL } from "node:url";
-const configPath = resolve(process.cwd(), "src", "config", "globalVariables.js");
+const dataPath = resolve(process.cwd(), "src", "config", "globalVariables.js");
 let globalVariables;
 try {
-    ({ default: globalVariables } = await import(pathToFileURL(configPath).href));
+    ({ default: globalVariables } = await import(pathToFileURL(dataPath).href));
 } catch (error) {
     if (error.code === "ERR_MODULE_NOT_FOUND") {
         console.error("\n✗ No configuration found. Run moracarta setup first.");

package/src/commands/remove.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { resolve } from "node:path";
 const LETTERS_FILE = resolve(
     process.cwd(),
     "src",
-    "data",
+    "content",
     "letters.js"
 );
@@ -32,7 +32,7 @@ function extractLetters(lettersFile) {
     if (!match) {
         throw new Error(
-            "Could not find the letters array in src/data/letters.js."
+            "Could not find the letters array in src/content/letters.js."
         );
     }

package/src/commands/setup.js CHANGED Viewed

@@ -1,8 +1,4 @@
-import {
-    select,
-    input,
-    confirm
-} from "@inquirer/prompts";
+import { select, input, confirm } from "@inquirer/prompts";
 import { writeFile, mkdir, cp, readFile  } from "node:fs/promises";
 import { resolve, dirname } from "node:path";
 import { fileURLToPath } from "node:url";
@@ -11,29 +7,18 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 const PACKAGE_ROOT = resolve(__dirname, "..", "..");
-/** TODO
-const LANGUAGE = await select({
-    message: "What is the main language of the application?",
-    choices: [
-        { name: "English", value: "en" },
-        { name: "Português (Brasil)", value: "pt-BR" }
-    ]
-});
-*/
-const LANGUAGE = "en";
 const PROJECT_NAME = await input({
     message: "What should your project be called? (Cloudflare project name, do not use 'moracarta')",
     default: "romantic-gift",
 });
 const TITLE = await input({
-    message: "Enter the title of the application:",
+    message: "Enter the title of the application: ",
     default: "Letters to my love"
 });
 const FONT = await select({
-    message: "What font would you like to use?",
+    message: "What font style would you like to use?",
     choices: [
         { name: "Handwritten", value: "handwritten" },
         { name: "Classic", value: "classic" },
@@ -113,9 +98,15 @@ const DEFAULT_CLOSED_LETTER_TEXT_TOP_LINE =
 const DEFAULT_CLOSED_LETTER_TEXT_BOTTOM_LINE =
     "&#10084;&#65039; I love you &#10084;&#65039;";
-const EDIT_ENVELOPE_TEXT = await confirm({
-    message: "Would you like to customize the envelope text?",
-    default: false
+const EDIT_ENVELOPE_TEXT = await select({
+    message: "Would you like to customize the envelope text? ",
+    choices: [{
+        name: "yes",
+        value: true
+    },{
+        name: "no",
+        value: false
+    }],
 });
 let CLOSED_LETTER_TEXT_TOP_LINE = DEFAULT_CLOSED_LETTER_TEXT_TOP_LINE;
@@ -133,12 +124,21 @@ if (EDIT_ENVELOPE_TEXT) {
     });
 }
+const SHOW_BRANDING = await select({
+    message: "Would you like to display 'Made with 💌 Moracarta' branding in the footer? ",
+    choices: [{
+        name: "yes",
+        value: true
+    },{
+        name: "no",
+        value: false
+    }],
+});
 const config = `/**
  * This file was generated automatically by Moracarta setup.
  */
-const LANGUAGE = ${JSON.stringify(LANGUAGE)};
 const PROJECT_NAME = ${JSON.stringify(PROJECT_NAME)};
 const TITLE = ${JSON.stringify(TITLE)};
@@ -154,8 +154,9 @@ const CLOSED_LETTER_TEXT_TOP_LINE =
 const CLOSED_LETTER_TEXT_BOTTOM_LINE =
     ${JSON.stringify(CLOSED_LETTER_TEXT_BOTTOM_LINE)};
+const SHOW_BRANDING = ${SHOW_BRANDING};
 const globalVariables = {
-    LANGUAGE,
     PROJECT_NAME,
     TITLE,
     YOUR_NAME,
@@ -163,21 +164,22 @@ const globalVariables = {
     TEXT_TOP,
     TEXT_BOTTOM,
     CLOSED_LETTER_TEXT_TOP_LINE,
-    CLOSED_LETTER_TEXT_BOTTOM_LINE
+    CLOSED_LETTER_TEXT_BOTTOM_LINE,
+    SHOW_BRANDING
 };
 export default globalVariables;
 `;
-const configPath = resolve(
+const dataPath = resolve(
     process.cwd(),
     "src",
     "config",
     "globalVariables.js"
 );
-await mkdir(dirname(configPath), { recursive: true });
-await writeFile(configPath, config, "utf8");
+await mkdir(dirname(dataPath), { recursive: true });
+await writeFile(dataPath, config, "utf8");
 /**
  * Files that make up the actual site. These get copied out of the
@@ -189,9 +191,8 @@ const TEMPLATE_ENTRIES = [
     "vite.config.mjs",
     "public",
     "src/config/fonts.js",
-    "src/data/letters.example.js",
-    "src/data/lettersLoader.js",
-    "src/i18n",
+    "src/content/letters.example.js",
+    "src/loaders/lettersLoader.js",
     "src/scripts",
     "src/services",
     "src/styles",
@@ -253,5 +254,5 @@ await copyTemplateFiles();
 await ensureModuleType();
 console.log("\n❤️ Moracarta setup complete!");
-console.log(`Configuration saved to: ${configPath}`);
+console.log(`Configuration saved to: ${dataPath}`);
 console.log("Run moracarta dev to test the application");

package/src/content/letters.example.js ADDED Viewed

@@ -0,0 +1,57 @@
+// This file is the placeholder for the letters, this one is used until the user
+// runs 'npx moracarta add' for the first time, then letters.js is created.
+// This file is also usefull in the live showcase since it's built together
+// with the rest of the app.
+// Each different letter is a different object inside const letters.
+// Color palettes are generated from the id, date and title.
+// Since they are generated from a hashed string letters with
+// the same information will always generate the same colors.
+export const letters = [
+  {
+    id: 1,
+    date: 'Aug 28, 2026',
+    title: 'Custom Letter Title 1',
+    content: `My Dearest Mary Jane,
+    As I sit down to write these words, I am thinking of you and how grateful I am for everything we experience together. Life moves quickly, but whenever I pause to reflect on what brings me the most joy, you are always at the top of my mind.
+    You bring so much inspiration and comfort into my life. Whether we are sharing long conversations or simply enjoying quiet moments together, being with you feels natural and right. Your support and kindness mean more to me than I can easily put into words.
+    I wanted to remind you today of how deeply appreciated and loved you are. No matter where life takes us, know that you hold a very special place in my heart.
+Yours always,
+Peter Parker`
+  },
+  {
+    id: 2,
+    date: 'Aug 28, 2026',
+    title: 'Custom Letter Title 2',
+    content: `Dearest Mary Jane,
+    I hope this letter finds you well. I wanted to take a quiet moment today to write to you and express just how much you mean to me. Even in the midst of everyday life, my thoughts frequently return to you and the wonderful moments we share.
+    Your presence brings warmth, kindness, and light into my world. Every memory with you is something I truly cherish, and I am constantly reminded of how fortunate I am to have you in my life. You have a way of making ordinary days feel special just by being yourself.
+    Thank you for your affection, your understanding, and all the happiness you bring into my life. I look forward to creating many more beautiful memories together in the time ahead.
+With all my love,
+Peter Parker`
+  },
+  {
+    id: 3,
+    date: 'Aug 31, 2026',
+    title: 'Custom Letter Title 3',
+    content: `Dear Mary Jane,
+    Sometimes I wonder how I got so lucky to have you in my life. Between all the chaos, the late nights, and everything I have to keep hidden, you're always the person who makes me feel like I can just be Peter. You make even the hardest days feel a little lighter, and I hope you know how much that means to me.
+    I know I don't always have the time or the words to explain how I feel, but I want you to know that you're always on my mind. No matter how far I swing, no matter how crazy things get, there's always a part of me that wants to come home to you. You're not just someone I love, MJ. You're my favorite part of being Peter Parker.
+Love,
+Peter Parker`
+  },
+  {
+    id: 4,
+    date: 'Aug 31, 2026',
+    title: 'Custom Letter Title 4',
+    content: `Dear MJ,
+    There are so many things I wish I could tell you, but somehow every time I try, the words never seem to be enough. You're the person who sees me when I don't even know how to see myself. When everything feels overwhelming, just hearing your voice reminds me that maybe things aren't as hopeless as they seem.
+    I know I've made mistakes, and I know I've kept things from you that I probably shouldn't have. But through all of it, you've stayed by my side. You make me want to be better—not because you expect me to be perfect, but because being with you makes me want to become someone worthy of the way you believe in me.
+Love,
+Peter`
+  }
+];

package/src/loaders/lettersLoader.js ADDED Viewed

@@ -0,0 +1,13 @@
+// This file checks wheter or not src/content/letters.js exists, if not
+// it loads letters.example.js as the letter provider file.
+// It is done this way so that the user doesn't have to manually remove the
+// placeholder example letters before adding his own letters.
+// Uses meta.glob to check files with given name.
+const modules = import.meta.glob("../content/letters*.js", {
+  eager: true,
+  import: "letters",
+});
+export const letters =
+  modules["../content/letters.js"] ?? modules["../content/letters.example.js"];

package/src/scripts/{main.script.js → generatePalette.js} RENAMED Viewed

@@ -1,8 +1,7 @@
-import { getTranslation } from './i18n.js';
-import { letters } from '../data/lettersLoader.js';
-const listContainer = document.getElementById('letter-list');
+// A set of base color families used to generate a unique
+// envelope palette for each letter based on its id, title, and date.
+// Same code as lettersPage.js so that the same color is applied on both
+// main page and the envelope opening animation.
 const paletteFamilies = [
   { hue: 18, sat: 54, light: 88, sealHue: 345, sealSat: 76, sealLight: 42 },
   { hue: 26, sat: 48, light: 86, sealHue: 12, sealSat: 72, sealLight: 38 },
@@ -16,6 +15,7 @@ const paletteFamilies = [
   { hue: 14, sat: 44, light: 88, sealHue: 8, sealSat: 80, sealLight: 36 }
 ];
+// Simple hash function to determine which color palette to use on the envelope.
 function hashString(value) {
   let hash = 0;
   for (let index = 0; index < value.length; index += 1) {
@@ -25,18 +25,21 @@ function hashString(value) {
   return Math.abs(hash);
 }
+// Keeps color value within a set range.
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
-function generatePalette(letter) {
+// Build a deterministic palette based on the letter's identity.
+// The base hash selects one of the palette families, while the variant
+// arrays add subtle shifts to keep similar letters visually distinct.
+export default function generatePalette(letter) {
   const baseHash = hashString(`${letter.id}|${letter.title}|${letter.date}`);
   const family = paletteFamilies[baseHash % paletteFamilies.length];
   const variant = Math.floor(baseHash / paletteFamilies.length) % 7;
   const hueShift = [0, 14, -12, 20, -18, 26, -22][variant];
   const satShift = [0, 8, -6, 12, -10, 14, -8][variant];
   const lightShift = [0, -8, 8, -5, 6, -10, 10][variant];
   const envelope = `hsl(${clamp(family.hue + hueShift, 0, 360)}, ${clamp(family.sat + satShift, 42, 72)}%, ${clamp(family.light + lightShift, 78, 92)}%)`;
   const flap = `hsl(${clamp(family.hue + hueShift + 2, 0, 360)}, ${clamp(family.sat + satShift + 8, 50, 82)}%, ${clamp(family.light - 18 + lightShift, 60, 76)}%)`;
   const shadow = `hsl(${clamp(family.hue + hueShift + 8, 0, 360)}, ${clamp(family.sat + satShift - 12, 30, 58)}%, ${clamp(family.light - 36 + lightShift, 42, 58)}%)`;
@@ -45,57 +48,4 @@ function generatePalette(letter) {
   const text = `hsl(${family.hue}, 22%, 18%)`;
   return { envelope, flap, shadow, base, seal, text };
-}
-function renderLetters() {
-  if (!listContainer) {
-    return;
-  }
-  const tapToOpenText = getTranslation('TAP_TO_OPEN');
-  const orderedLetters = [...letters].reverse();
-  orderedLetters.forEach((letter) => {
-    const palette = generatePalette(letter);
-    const link = document.createElement('a');
-    link.href = `./src/views/letters.view.html?id=${letter.id}`;
-    link.className = 'envelope-link';
-    link.innerHTML = `
-      <div class="envelope-wrap">
-        <div class="envelope-sombra"></div>
-        <div class="envelope" style="background:${palette.envelope}; --envelope-sombra:${palette.shadow};">
-          <div class="env-corpo-svg">
-            <svg viewBox="0 0 100 63" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
-              <polygon points="0,0 0,63 50,31" fill="${palette.shadow}" />
-              <polygon points="100,0 100,63 50,31" fill="${palette.shadow}" />
-              <polygon points="0,63 100,63 50,31" fill="${palette.base}" />
-            </svg>
-          </div>
-          <div class="env-aba" style="border-top-color:${palette.flap};">
-            <svg viewBox="0 0 100 44" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
-              <polygon points="0,0 100,0 50,44" fill="${palette.flap}" />
-            </svg>
-            <div class="env-lacre" style="background:${palette.seal};">♡</div>
-          </div>
-          <div class="envelope-centro">
-            <span class="envelope-data" style="color:${palette.text};">${letter.date}</span>
-            <span class="envelope-titulo" style="color:${palette.text};">${letter.title}</span>
-            <span class="envelope-hint" style="color:${palette.text};">${tapToOpenText}</span>
-          </div>
-          <div class="envelope-canto tl"></div>
-          <div class="envelope-canto tr"></div>
-          <div class="envelope-canto bl"></div>
-          <div class="envelope-canto br"></div>
-        </div>
-      </div>
-    `;
-    listContainer.appendChild(link);
-  });
-}
-renderLetters();
+}

package/src/scripts/{letters.script.js → lettersPage.js} RENAMED Viewed

@@ -1,73 +1,22 @@
-import { getTranslation } from './i18n.js';
-import { letters } from '../data/lettersLoader.js';
-console.log('letters.script loaded');
+import { letters } from '../loaders/lettersLoader.js';
+import generatePalette from './generatePalette.js';
+// Checks the URL to see what ID is select.
+// Then loads letter with that same ID.
 const params = new URLSearchParams(window.location.search);
 const requestedId = parseInt(params.get('id'), 10);
 const letter = letters.find((entry) => entry.id === requestedId);
-// A set of base color families used to generate a unique yet consistent
-// envelope palette for each letter based on its id, title, and date.
-const paletteFamilies = [
-  { hue: 18, sat: 54, light: 88, sealHue: 345, sealSat: 76, sealLight: 42 },
-  { hue: 26, sat: 48, light: 86, sealHue: 12, sealSat: 72, sealLight: 38 },
-  { hue: 4, sat: 50, light: 84, sealHue: 5, sealSat: 78, sealLight: 34 },
-  { hue: 38, sat: 42, light: 90, sealHue: 24, sealSat: 66, sealLight: 36 },
-  { hue: 8, sat: 58, light: 86, sealHue: 6, sealSat: 82, sealLight: 30 },
-  { hue: 12, sat: 50, light: 88, sealHue: 11, sealSat: 74, sealLight: 33 },
-  { hue: 22, sat: 46, light: 92, sealHue: 20, sealSat: 68, sealLight: 40 },
-  { hue: 16, sat: 60, light: 84, sealHue: 5, sealSat: 86, sealLight: 32 },
-  { hue: 28, sat: 52, light: 90, sealHue: 15, sealSat: 70, sealLight: 38 },
-  { hue: 14, sat: 44, light: 88, sealHue: 8, sealSat: 80, sealLight: 36 }
-];
-function hashString(value) {
-  // Simple deterministic string hash used to select a palette and variant.
-  // This keeps each letter appearance stable across page loads.
-  let hash = 0;
-  for (let index = 0; index < value.length; index += 1) {
-    hash = ((hash << 5) - hash) + value.charCodeAt(index);
-    hash |= 0;
-  }
-  return Math.abs(hash);
-}
-function clamp(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-function generatePalette(letterItem) {
-  // Build a deterministic palette based on the letter's identity.
-  // The base hash selects one of the palette families, while the variant
-  // arrays add subtle shifts to keep similar letters visually distinct.
-  const baseHash = hashString(`${letterItem.id}|${letterItem.title}|${letterItem.date}`);
-  const family = paletteFamilies[baseHash % paletteFamilies.length];
-  const variant = Math.floor(baseHash / paletteFamilies.length) % 7;
-  const hueShift = [0, 14, -12, 20, -18, 26, -22][variant];
-  const satShift = [0, 8, -6, 12, -10, 14, -8][variant];
-  const lightShift = [0, -8, 8, -5, 6, -10, 10][variant];
-  const envelope = `hsl(${clamp(family.hue + hueShift, 0, 360)}, ${clamp(family.sat + satShift, 42, 72)}%, ${clamp(family.light + lightShift, 78, 92)}%)`;
-  const flap = `hsl(${clamp(family.hue + hueShift + 2, 0, 360)}, ${clamp(family.sat + satShift + 8, 50, 82)}%, ${clamp(family.light - 18 + lightShift, 60, 76)}%)`;
-  const shadow = `hsl(${clamp(family.hue + hueShift + 8, 0, 360)}, ${clamp(family.sat + satShift - 12, 30, 58)}%, ${clamp(family.light - 36 + lightShift, 42, 58)}%)`;
-  const base = `hsl(${clamp(family.hue + hueShift + 8, 0, 360)}, ${clamp(family.sat + satShift - 10, 30, 58)}%, ${clamp(family.light - 30 + lightShift, 44, 62)}%)`;
-  const seal = `hsl(${clamp(family.sealHue + hueShift, 0, 360)}, ${clamp(family.sealSat + satShift, 68, 92)}%, ${clamp(family.sealLight + lightShift * 0.8, 28, 46)}%)`;
-  const text = `hsl(${family.hue}, 22%, 18%)`;
-  return { envelope, flap, shadow, base, seal, text };
-}
 function applyEnvelopePalette(letterItem) {
   const palette = generatePalette(letterItem);
-  document.querySelector('.env-fundo').style.background = palette.envelope;
+  document.querySelector('.env-background').style.background = palette.envelope;
-  const flapPolygon = document.querySelector('.env-aba svg polygon');
+  const flapPolygon = document.querySelector('.env-flap svg polygon');
   if (flapPolygon) {
     flapPolygon.setAttribute('fill', palette.flap);
   }
-  const sidePolygons = document.querySelectorAll('.env-corpo-svg svg polygon');
+  const sidePolygons = document.querySelectorAll('.env-body-svg svg polygon');
   if (sidePolygons.length === 3) {
     sidePolygons[0].setAttribute('fill', palette.shadow);
     sidePolygons[1].setAttribute('fill', palette.shadow);
@@ -99,17 +48,17 @@ if (!letter) {
   const previousLetter = currentIndex > 0 ? sortedLetters[currentIndex - 1] : null;
   const nextLetter = currentIndex < sortedLetters.length - 1 ? sortedLetters[currentIndex + 1] : null;
-  document.getElementById('letter-counter').textContent = `${currentIndex + 1} ${getTranslation('OF')} ${sortedLetters.length}`;
+  document.getElementById('letter-counter').textContent = `${currentIndex + 1} Of ${sortedLetters.length}`;
   if (previousLetter) {
     const previousButton = document.getElementById('nav-previous');
-    previousButton.href = `./letters.view.html?id=${previousLetter.id}`;
+    previousButton.href = `./letters.html?id=${previousLetter.id}`;
     previousButton.classList.remove('invisible');
   }
   if (nextLetter) {
     const nextButton = document.getElementById('nav-next');
-    nextButton.href = `./letters.view.html?id=${nextLetter.id}`;
+    nextButton.href = `./letters.html?id=${nextLetter.id}`;
     nextButton.classList.remove('invisible');
   }
@@ -137,10 +86,10 @@ if (!letter) {
   }, 2100);
 }
-function startHeartAnimation() {
   // Floating heart particle animation for the letter view background.
   // Particles are born after a delay, float upward, fade at the top, and die
   // when they leave the canvas to keep the animation visually light.
+function startHeartAnimation() {
   const canvas = document.getElementById('canvas-hearts');
   const context = canvas.getContext('2d');
   const devicePixelRatio = window.devicePixelRatio || 1;
@@ -252,6 +201,5 @@ function startHeartAnimation() {
       context.clearRect(0, 0, width, height);
     }
   }
   window.requestAnimationFrame(animate);
 }

package/src/scripts/main.js ADDED Viewed

@@ -0,0 +1,62 @@
+import { letters } from '../loaders/lettersLoader.js';
+import globalVariables from '../config/globalVariables.js';
+import generatePalette from './generatePalette.js';
+const listContainer = document.getElementById('letter-list');
+function renderLetters() {
+  if (!listContainer) {
+    return;
+  }
+  const orderedLetters = [...letters].reverse();
+  orderedLetters.forEach((letter) => {
+    const palette = generatePalette(letter);
+    const link = document.createElement('a');
+    link.href = `./src/views/letters.html?id=${letter.id}`;
+    link.className = 'envelope-link';
+    // Creates a new envelope object for each loaded letter.
+    link.innerHTML = `
+      <div class="envelope-wrap">
+        <div class="envelope-shadow"></div>
+        <div class="envelope" style="background:${palette.envelope}; --envelope-shadow:${palette.shadow};">
+          <div class="env-body-svg">
+            <svg viewBox="0 0 100 63" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
+              <polygon points="0,0 0,63 50,31" fill="${palette.shadow}" />
+              <polygon points="100,0 100,63 50,31" fill="${palette.shadow}" />
+              <polygon points="0,63 100,63 50,31" fill="${palette.base}" />
+            </svg>
+          </div>
+          <div class="env-flap" style="border-top-color:${palette.flap};">
+            <svg viewBox="0 0 100 44" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
+              <polygon points="0,0 100,0 50,44" fill="${palette.flap}" />
+            </svg>
+            <div class="env-seal" style="background:${palette.seal};">♡</div>
+          </div>
+          <div class="envelope-center">
+            <span class="envelope-date" style="color:${palette.text};">${letter.date}</span>
+            <span class="envelope-title" style="color:${palette.text};">${letter.title}</span>
+            <span class="envelope-hint" style="color:${palette.text};">Tap to open</span>
+          </div>
+          <div class="envelope-corner tl"></div>
+          <div class="envelope-corner tr"></div>
+          <div class="envelope-corner bl"></div>
+          <div class="envelope-corner br"></div>
+        </div>
+      </div>
+    `;
+    listContainer.appendChild(link);
+  });
+}
+renderLetters();
+if(globalVariables.SHOW_BRANDING){
+  let footer = document.getElementById('footer-link');
+  footer.textContent = "Made with 💌 Moracarta";
+}

package/src/scripts/{data.variable.js → templateBinding.js} RENAMED Viewed

@@ -1,24 +1,21 @@
 import globalVariables from '../config/globalVariables.js';
 import fonts from '../config/fonts.js';
+// Sets the main font for the application
 document.documentElement.style.setProperty(
     '--main-font',
     fonts[globalVariables.FONT] || fonts.handwritten
 );
-// Data variables are injected from `src/config/globalVariables.js` into
+// Template variables are injected from `src/config/globalVariables.js` into
 // HTML elements using the `data-variable` attribute.
-// HTML entities are preserved when the value contains markup characters.
 document.querySelectorAll("[data-variable]").forEach(element => {
     const value = globalVariables[element.dataset.variable];
+    //Checks if the value is to be interpreted as literal HTML or pure text
     if (typeof value === 'string' && (value.includes('&') || value.includes('<') || value.includes('>'))) {
         element.innerHTML = value;
     } else {
         element.textContent = value;
     }
-});
-document.querySelectorAll("[data-variable-src]").forEach(element => {
-    element.src = globalVariables[element.dataset.variableSrc];
 });

package/src/styles/letters.css CHANGED Viewed

@@ -74,7 +74,7 @@ body {
   opacity: 1;
 }
-.env-fundo {
+.env-background {
   position: absolute;
   inset: 0;
   background: #e8d5b0;
@@ -82,7 +82,7 @@ body {
   z-index: 1;
 }
-.env-papel {
+.env-paper {
   position: absolute;
   left: 11%;
   right: 11%;
@@ -97,7 +97,7 @@ body {
   overflow: hidden;
 }
-.env-papel.leaving {
+.env-paper.leaving {
   transform: translateY(-120%);
 }
@@ -111,19 +111,19 @@ body {
   font-style: italic;
 }
-.env-corpo-svg {
+.env-body-svg {
   position: absolute;
   inset: 0;
   z-index: 3;
   pointer-events: none;
 }
-.env-corpo-svg svg {
+.env-body-svg svg {
   width: 100%;
   height: 100%;
 }
-.env-aba {
+.env-flap {
   position: absolute;
   top: 0;
   left: 0;
@@ -136,20 +136,20 @@ body {
   overflow: visible;
 }
-.env-aba.open {
+.env-flap.open {
   transform: rotateX(180deg);
 }
-.env-aba.behind {
+.env-flap.behind {
   z-index: 0;
 }
-.env-aba svg {
+.env-flap svg {
   width: 100%;
   height: 100%;
 }
-.env-lacre {
+.env-seal {
   position: absolute;
   z-index: 5;
   width: 50px;
@@ -176,7 +176,7 @@ body {
   will-change: transform;
 }
-.env-lacre.fading {
+.env-seal.fading {
   opacity: 0;
   transform: translate(-50%, -120%) scale(0.5);
 }

package/src/styles/main.css CHANGED Viewed

@@ -143,7 +143,7 @@ body {
   transform: scale(0.97) rotate(0deg);
 }
-.envelope-sombra {
+.envelope-shadow {
   position: absolute;
   bottom: -6px;
   left: 6px;
@@ -180,20 +180,20 @@ body {
   background-repeat: no-repeat;
 }
-.env-corpo-svg {
+.env-body-svg {
   position: absolute;
   inset: 0;
   z-index: 1;
   pointer-events: none;
 }
-.env-corpo-svg svg {
+.env-body-svg svg {
   width: 100%;
   height: 100%;
   display: block;
 }
-.env-aba {
+.env-flap {
   position: relative;
   z-index: 4;
   pointer-events: none;
@@ -202,13 +202,13 @@ body {
   width: 100%;
 }
-.env-aba svg {
+.env-flap svg {
   width: 100%;
   height: 100%;
   display: block;
 }
-.env-lacre {
+.env-seal {
   position: absolute;
   z-index: 5;
   width: 48px;
@@ -226,7 +226,7 @@ body {
   bottom: -24px;
 }
-.envelope-centro {
+.envelope-center {
   position: relative;
   z-index: 2;
   padding: 12px 16px 16px;
@@ -235,7 +235,7 @@ body {
   gap: 2px;
 }
-.envelope-data {
+.envelope-date {
   font-size: 10px;
   letter-spacing: 0.5px;
   text-transform: uppercase;
@@ -244,7 +244,7 @@ body {
   font-style: italic;
 }
-.envelope-titulo {
+.envelope-title {
   font-family: 'Playfair Display', Georgia, serif;
   font-size: 16px;
   font-weight: 600;
@@ -267,7 +267,7 @@ body {
   color: var(--red);
 }
-.envelope-canto {
+.envelope-corner {
   position: absolute;
   width: 20px;
   height: 20px;
@@ -276,25 +276,25 @@ body {
   opacity: 0.5;
 }
-.envelope-canto.tl {
+.envelope-corner.tl {
   top: 6px;
   left: 6px;
   border-width: 1px 0 0 1px;
 }
-.envelope-canto.tr {
+.envelope-corner.tr {
   top: 6px;
   right: 6px;
   border-width: 1px 1px 0 0;
 }
-.envelope-canto.bl {
+.envelope-corner.bl {
   bottom: 6px;
   left: 6px;
   border-width: 0 0 1px 1px;
 }
-.envelope-canto.br {
+.envelope-corner.br {
   bottom: 6px;
   right: 6px;
   border-width: 0 1px 1px 0;
@@ -310,7 +310,7 @@ body {
   }
 }
-.footer {
+.bottom-text {
   text-align: center;
   margin-top: 40px;
   padding: 0 20px;
@@ -319,14 +319,14 @@ body {
   margin-right: auto;
 }
-.footer-line {
+.bottom-text-line {
   width: 60px;
   height: 1px;
   background: linear-gradient(to right, transparent, #6b4c2a, transparent);
   margin: 0 auto 16px;
 }
-.footer p {
+.bottom-text p {
   font-size: 12px;
   color: #6b4c2a;
   font-style: italic;
@@ -335,4 +335,13 @@ body {
   text-align: justify;
 }
+.footer{
+  padding-top: 11vh;
+  display: flex;
+  justify-content: center;
+}
+.footer-link{
+  text-decoration: none;
+  color: rgba(176, 53, 16, 0.571);
+}

package/src/views/{letters.view.html → letters.html} RENAMED Viewed

@@ -15,24 +15,24 @@
   <div class="back-link-wrap">
     <a href="../../index.html" class="back-link">
       <span class="back-link-arrow">&#8592;</span>
-      <span data-i18n="RETURN"></span>
+      <span>Return</span>
     </a>
   </div>
-  <div id="error-message" class="error" style="display:none"><p data-i18n="LETTER_NOT_FOUND"></p></div>
+  <div id="error-message" class="error" style="display:none"><p>Letter not found</p></div>
   <div class="envelope-animation-wrap" id="envelope-wrap">
     <div class="envelope-stage">
-      <div class="env-fundo"></div>
+      <div class="env-background"></div>
-      <div class="env-papel" id="paper">
+      <div class="env-paper" id="paper">
         <div class="paper-text">
           <p data-variable="CLOSED_LETTER_TEXT_TOP_LINE"></p><br>
           <p data-variable="CLOSED_LETTER_TEXT_BOTTOM_LINE"></p>
         </div>
       </div>
-      <div class="env-corpo-svg">
+      <div class="env-body-svg">
         <svg viewBox="0 0 100 63" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
           <polygon points="0,0 0,63 47,42" fill="#c9a87c" />
           <polygon points="100,0 100,63 53,42" fill="#c4a07a" />
@@ -40,13 +40,13 @@
         </svg>
       </div>
-      <div class="env-aba" id="flap">
+      <div class="env-flap" id="flap">
         <svg viewBox="0 0 100 44" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
           <polygon points="0,0 100,0 50,44" fill="#d4b896" />
         </svg>
       </div>
-      <div class="env-lacre" id="seal"><span class="seal-heart" aria-hidden="true">&#9825;</span></div>
+      <div class="env-seal" id="seal"><span class="seal-heart" aria-hidden="true">&#9825;</span></div>
     </div>
   </div>
@@ -72,12 +72,11 @@
   </div>
   <nav class="letter-nav" id="letter-nav">
-    <a id="nav-previous" class="nav-button invisible" href="#">&#8592; <p data-i18n="PREVIOUS"></p></a>
+    <a id="nav-previous" class="nav-button invisible" href="#">&#8592; <p>Previous</p></a>
     <span class="nav-counter" id="letter-counter"></span>
-    <a id="nav-next" class="nav-button invisible" href="#"><p data-i18n="NEXT"></p> &#8594;</a>
+    <a id="nav-next" class="nav-button invisible" href="#"><p>Next</p> &#8594;</a>
   </nav>
-  <script type="module" src="../scripts/letters.script.js"></script>
-  <script type="module" src="../scripts/i18n.js"></script>
-  <script type="module" src="../scripts/data.variable.js"></script>
+  <script type="module" src="../scripts/lettersPage.js"></script>
+  <script type="module" src="../scripts/templateBinding.js"></script>
 </html>

package/vite.config.mjs CHANGED Viewed

@@ -9,7 +9,7 @@ export default defineConfig({
     rollupOptions: {
       input: {
         main: resolve(import.meta.dirname, 'index.html'),
-        letter: resolve(import.meta.dirname, 'src/views/letters.view.html')
+        letter: resolve(import.meta.dirname, 'src/views/letters.html')
       }
     }
   }

package/src/data/letters.example.js DELETED Viewed

@@ -1,28 +0,0 @@
-export const letters = [
-  {
-    id: 1,
-    date: 'Aug 28, 2026',
-    title: 'Custom Letter Title 1',
-    content: `My Dearest Mary Jane,
-    As I sit down to write these words, I am thinking of you and how grateful I am for everything we experience together. Life moves quickly, but whenever I pause to reflect on what brings me the most joy, you are always at the top of my mind.
-    You bring so much inspiration and comfort into my life. Whether we are sharing long conversations or simply enjoying quiet moments together, being with you feels natural and right. Your support and kindness mean more to me than I can easily put into words.
-    I wanted to remind you today of how deeply appreciated and loved you are. No matter where life takes us, know that you hold a very special place in my heart.
-Yours always,
-Peter Parker`
-  },
-  {
-    id: 2,
-    date: 'Aug 28, 2026',
-    title: 'Custom Letter Title 2',
-    content: `Dearest Mary Jane,
-    I hope this letter finds you well. I wanted to take a quiet moment today to write to you and express just how much you mean to me. Even in the midst of everyday life, my thoughts frequently return to you and the wonderful moments we share.
-    Your presence brings warmth, kindness, and light into my world. Every memory with you is something I truly cherish, and I am constantly reminded of how fortunate I am to have you in my life. You have a way of making ordinary days feel special just by being yourself.
-    Thank you for your affection, your understanding, and all the happiness you bring into my life. I look forward to creating many more beautiful memories together in the time ahead.
-With all my love,
-Peter Parker`
-  }
-];

package/src/data/lettersLoader.js DELETED Viewed

@@ -1,7 +0,0 @@
-const modules = import.meta.glob("./letters*.js", {
-  eager: true,
-  import: "letters",
-});
-export const letters =
-  modules["./letters.js"] ?? modules["./letters.example.js"];

package/src/i18n/de.js DELETED Viewed

@@ -1,8 +0,0 @@
-export default {
-    TAP_TO_OPEN: "Zum Öffnen tippen",
-    RETURN: "Zurück",
-    PREVIOUS: "Vorherige",
-    NEXT: "Nächste",
-    OF: "von",
-    LETTER_NOT_FOUND: "Brief nicht gefunden."
-}

package/src/i18n/en.js DELETED Viewed

@@ -1,8 +0,0 @@
-export default{
-    TAP_TO_OPEN: "Tap to open",
-    RETURN: "Return",
-    PREVIOUS: "Previous",
-    NEXT: "Next",
-    OF: "of",
-    LETTER_NOT_FOUND: "Letter not found."
-}

package/src/i18n/es.js DELETED Viewed

@@ -1,8 +0,0 @@
-export default {
-    TAP_TO_OPEN: "Toca para abrir",
-    RETURN: "Volver",
-    PREVIOUS: "Anterior",
-    NEXT: "Siguiente",
-    OF: "de",
-    LETTER_NOT_FOUND: "Carta no encontrada."
-}

package/src/i18n/fr.js DELETED Viewed

@@ -1,8 +0,0 @@
-export default {
-    TAP_TO_OPEN: "Touchez pour ouvrir",
-    RETURN: "Retour",
-    PREVIOUS: "Précédente",
-    NEXT: "Suivante",
-    OF: "sur",
-    LETTER_NOT_FOUND: "Lettre introuvable."
-}

package/src/i18n/it.js DELETED Viewed

@@ -1,8 +0,0 @@
-export default {
-    TAP_TO_OPEN: "Tocca per aprire",
-    RETURN: "Indietro",
-    PREVIOUS: "Precedente",
-    NEXT: "Successiva",
-    OF: "di",
-    LETTER_NOT_FOUND: "Lettera non trovata."
-}

package/src/i18n/ja.js DELETED Viewed

@@ -1,8 +0,0 @@
-export default {
-    TAP_TO_OPEN: "タップして開く",
-    RETURN: "戻る",
-    PREVIOUS: "前へ",
-    NEXT: "次へ",
-    OF: "の",
-    LETTER_NOT_FOUND: "手紙が見つかりません。"
-}

package/src/i18n/ko.js DELETED Viewed

@@ -1,8 +0,0 @@
-export default {
-    TAP_TO_OPEN: "탭하여 열기",
-    RETURN: "돌아가기",
-    PREVIOUS: "이전",
-    NEXT: "다음",
-    OF: "중",
-    LETTER_NOT_FOUND: "편지를 찾을 수 없습니다."
-}

package/src/i18n/nl.js DELETED Viewed

File without changes

package/src/i18n/pr.js DELETED Viewed

File without changes

package/src/i18n/pt-BR.js DELETED Viewed

@@ -1,8 +0,0 @@
-export default{
-    TAP_TO_OPEN: "Toque para abrir",
-    RETURN: "Voltar",
-    PREVIOUS: "Anterior",
-    NEXT: "Próxima",
-    OF: "de",
-    LETTER_NOT_FOUND: "Carta não encontrada."
-}

package/src/i18n/ru.js DELETED Viewed

@@ -1,8 +0,0 @@
-export default {
-    TAP_TO_OPEN: "Нажмите, чтобы открыть",
-    RETURN: "Назад",
-    PREVIOUS: "Предыдущая",
-    NEXT: "Следующая",
-    OF: "из",
-    LETTER_NOT_FOUND: "Письмо не найдено."
-}

package/src/i18n/tl.js DELETED Viewed

File without changes

package/src/i18n/zh.js DELETED Viewed

@@ -1,8 +0,0 @@
-export default {
-    TAP_TO_OPEN: "点击打开",
-    RETURN: "返回",
-    PREVIOUS: "上一封",
-    NEXT: "下一封",
-    OF: "共",
-    LETTER_NOT_FOUND: "未找到信件。"
-}

package/src/scripts/i18n.js DELETED Viewed

@@ -1,67 +0,0 @@
-import globalVariables from "../config/globalVariables.js";
-import en from "../i18n/en.js";
-import ptbr from "../i18n/pt-BR.js";
-import es from "../i18n/es.js";
-import fr from "../i18n/fr.js";
-import de from "../i18n/de.js";
-import it from "../i18n/it.js";
-import ja from "../i18n/ja.js";
-import ko from "../i18n/ko.js";
-import zh from "../i18n/zh.js";
-import ru from "../i18n/ru.js";
-// Language files are selected by the configured LANGUAGE value.
-// Missing translation keys fall back to English, then to the key name.
-const translations = {
-    en,
-    "pt-BR": ptbr,
-    es,
-    fr,
-    de,
-    it,
-    ja,
-    ko,
-    zh,
-    ru
-};
-const getCurrentLanguage = () => globalVariables?.LANGUAGE || "en";
-export const getTranslation = (key, ...args) => {
-    const language = translations[getCurrentLanguage()] || translations.en;
-    const translation =
-        language?.[key] ??
-        translations.en?.[key] ??
-        key;
-    // Support translated functions such as PROGRESS(current, total)
-    return typeof translation === "function"
-        ? translation(...args)
-        : translation;
-};
-export const translateElement = (element) => {
-    const key = element.dataset.i18n;
-    if (key) {
-        element.textContent = getTranslation(key);
-    }
-};
-document
-    .querySelectorAll("[data-i18n]")
-    .forEach(translateElement);
-export const refreshTranslations = () => {
-    document
-        .querySelectorAll("[data-i18n]")
-        .forEach(translateElement);
-};
-window.i18n = {
-    getTranslation,
-    translateElement,
-    refreshTranslations
-};

/package/src/{commands → config}/cliConfig.js RENAMED Viewed

File without changes