@locale-labs/miniapp-builder 0.1.1

package/README.md

@@ -0,0 +1,23 @@
+# Locale Mini-App Builder
+
+Tooling for building Localé Mini-Apps.
+
+This package provides the CLI `locale-miniapp-builder` which handles:
+- Bundling TypeScript with esbuild
+- Processing HTML templates
+- Injecting the Localé SDK
+- Cleaning up development scripts (Tailwind, Alpine CDN) for production
+
+## Usage
+
+```bash
+bun add -d @locale-labs/miniapp-builder
+```
+
+In your `package.json`:
+
+```json
+"scripts": {
+  "build": "bun run build:html && bun run build:ts && bun run build:css && locale-miniapp-builder"
+}
+```

package/dist/index.js

@@ -0,0 +1,195 @@
+#!/usr/bin/env node
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  buildSingleFile: () => buildSingleFile
+});
+module.exports = __toCommonJS(src_exports);
+var fs = __toESM(require("fs"));
+var path = __toESM(require("path"));
+var CWD = process.cwd();
+var SRC_DIR = path.join(CWD, "src");
+var TEMP_DIR = path.join(CWD, ".temp");
+var BUILD_DIR = path.join(CWD, "build");
+var DEBUG_ENABLED = true;
+function log(...args) {
+  if (DEBUG_ENABLED) {
+    console.log("[Builder]", ...args);
+  }
+}
+function logInfo(...args) {
+  console.log(...args);
+}
+function logWarn(...args) {
+  console.warn("\u26A0\uFE0F ", ...args);
+}
+function logError(...args) {
+  console.error("\u274C ", ...args);
+}
+var FILES = {
+  // HTML is now generated by posthtml-include into .temp/
+  html: path.join(TEMP_DIR, "index.html"),
+  css: path.join(TEMP_DIR, "output.css"),
+  js: path.join(TEMP_DIR, "alpine.js")
+};
+var OUT_FILE = path.join(BUILD_DIR, "index.html");
+function ensureBuildDir() {
+  if (!fs.existsSync(BUILD_DIR)) {
+    fs.mkdirSync(BUILD_DIR, { recursive: true });
+  }
+}
+function findSdkPath() {
+  if (process.env.LOCALE_SDK_PATH) {
+    const envPath = path.resolve(CWD, process.env.LOCALE_SDK_PATH);
+    log(`Searching SDK in LOCALE_SDK_PATH: ${envPath}`);
+    if (fs.existsSync(envPath)) return envPath;
+  }
+  try {
+    const nodeModulePath = require.resolve("@locale-labs/miniapp-sdk/dist/sdk.js", {
+      paths: [CWD, __dirname]
+    });
+    log(`Searching SDK in node_modules: ${nodeModulePath}`);
+    if (fs.existsSync(nodeModulePath)) return nodeModulePath;
+  } catch (e) {
+  }
+  try {
+    const nodeModulePath = require.resolve("@locale/miniapp-sdk/dist/sdk.js", {
+      paths: [CWD, __dirname]
+    });
+    log(`Searching SDK in legacy node_modules: ${nodeModulePath}`);
+    if (fs.existsSync(nodeModulePath)) return nodeModulePath;
+  } catch (e) {
+  }
+  const localPath = path.join(SRC_DIR, "sdk.js");
+  log(`Searching SDK in local src: ${localPath}`);
+  if (fs.existsSync(localPath)) return localPath;
+  return null;
+}
+function buildSingleFile() {
+  logInfo("\u{1F3D7}\uFE0F  Construyendo archivo \xFAnico HTML (Local\xE9 Builder)...");
+  log(`\u{1F4C2} CWD: ${CWD}`);
+  try {
+    ensureBuildDir();
+    if (!fs.existsSync(FILES.html)) {
+      throw new Error(
+        `No se encontr\xF3 el archivo HTML de entrada: ${FILES.html}`
+      );
+    }
+    let htmlContent = fs.readFileSync(FILES.html, "utf8");
+    let cssContent = "";
+    if (fs.existsSync(FILES.css)) {
+      cssContent = fs.readFileSync(FILES.css, "utf8");
+    } else {
+      logWarn(
+        "No se encontr\xF3 output.css, aseg\xFArate de que Tailwind se haya ejecutado."
+      );
+    }
+    let jsContent = "";
+    if (fs.existsSync(FILES.js)) {
+      jsContent = fs.readFileSync(FILES.js, "utf8");
+    } else {
+      logWarn(
+        "No se encontr\xF3 alpine.js, aseg\xFArate de que esbuild se haya ejecutado."
+      );
+    }
+    let sdkContent = "";
+    const sdkPath = findSdkPath();
+    if (sdkPath) {
+      log(`\u{1F4CD} SDK Path encontrado: ${sdkPath}`);
+      sdkContent = fs.readFileSync(sdkPath, "utf8");
+      logInfo("\u2705 SDK cargado correctamente");
+    } else {
+      logWarn(
+        "CRITICO: No se encontr\xF3 el SDK de Local\xE9. La app no funcionar\xE1 correctamente."
+      );
+    }
+    htmlContent = htmlContent.replace(
+      /<script[^>]*tailwindcss[^>]*>[\s\S]*?<\/script>/g,
+      ""
+    );
+    htmlContent = htmlContent.replace(
+      /<script[^>]*alpinejs[^>]*>[\s\S]*?<\/script>/gi,
+      ""
+    );
+    htmlContent = htmlContent.replace(
+      /<script\s+src\s*=\s*["']alpine\.js["']\s*>\s*<\/script>/gi,
+      ""
+    );
+    htmlContent = htmlContent.replace(
+      /<script[^>]*sdk\.js[^>]*>[\s\S]*?<\/script>/g,
+      ""
+    );
+    const styleTag = `<style>
+${cssContent}
+</style>`;
+    const headClose = "</head>";
+    const headIdx = htmlContent.indexOf(headClose);
+    if (headIdx !== -1) {
+      htmlContent = htmlContent.substring(0, headIdx) + `${styleTag}
+${headClose}` + htmlContent.substring(headIdx + headClose.length);
+    } else {
+      htmlContent = styleTag + htmlContent;
+    }
+    let scripts = "";
+    if (sdkContent) {
+      scripts += `<script>
+/* Local\xE9 SDK */
+${sdkContent}
+</script>
+`;
+    }
+    scripts += `<script>
+/* App Bundle */
+${jsContent}
+</script>`;
+    const bodyClose = "</body>";
+    const bodyIdx = htmlContent.indexOf(bodyClose);
+    if (bodyIdx !== -1) {
+      htmlContent = htmlContent.substring(0, bodyIdx) + `${scripts}
+${bodyClose}` + htmlContent.substring(bodyIdx + bodyClose.length);
+    } else {
+      htmlContent += `${scripts}`;
+    }
+    fs.writeFileSync(OUT_FILE, htmlContent);
+    logInfo(`\u2705 Build completado exitosamente en: ${OUT_FILE}`);
+  } catch (error) {
+    logError("Error en build:", error);
+    process.exit(1);
+  }
+}
+if (require.main === module) {
+  buildSingleFile();
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buildSingleFile
+});

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@locale-labs/miniapp-builder",
+  "version": "0.1.1",
+  "description": "Build tool for Localé Mini-Apps",
+  "main": "dist/index.js",
+  "bin": {
+    "locale-miniapp-builder": "./dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "esbuild src/index.ts --bundle --platform=node --target=node18 --outfile=dist/index.js --format=cjs --banner:js=\"#!/usr/bin/env node\""
+  },
+  "dependencies": {
+    "@locale-labs/miniapp-sdk": "^0.1.2"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "esbuild": "^0.23.0",
+    "typescript": "^5.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}