create-jilatax 0.0.9 → 0.1.0

package/README.md

@@ -33,7 +33,8 @@ Generated projects include:
 - a Lynx and Rspeedy application;
 - `app.json` as the Jilatax application configuration;
 - an Android Gradle project linked to `jilatax/android`;
-- `bun run run:android` for development on a connected device;
+- `bun run run:android` for development on a connected device; the generated
+  APK is located at `android/app/build/outputs/apk/debug/app-debug.apk`;
 - `bun run create:aab` for a Play Store Android App Bundle.
 
 The creator only writes the project and can run `bun install`. Device, Gradle,

package/dist/bin.cjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 //#region src/bin.ts
-require("./cli-6qr3BMqu.cjs").runCreateCli().then((exitCode) => {
+require("./cli-DD2gvmMZ.cjs").runCreateCli().then((exitCode) => {
 	process.exitCode = exitCode;
 });
 //#endregion

package/dist/bin.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { n as runCreateCli } from "./cli-CrpTfN81.js";
+import { n as runCreateCli } from "./cli-DLBJ0XnY.js";
 //#region src/bin.ts
 runCreateCli().then((exitCode) => {
 	process.exitCode = exitCode;

package/dist/{cli-6qr3BMqu.cjs → cli-DD2gvmMZ.cjs}

@@ -184,20 +184,20 @@ function createInitialConfig(displayName, projectName, packageId) {
 			android: {
 				adaptiveIcon: {
 					backgroundColor: "#E8FFF2",
-					foregroundImage: "./assets/icon.png"
+					foregroundImage: "./public/assets/icon.png"
 				},
 				package: packageId,
 				predictiveBackGestureEnabled: false,
 				versionCode: 1
 			},
-			icon: "./assets/icon.png",
+			icon: "./public/assets/icon.png",
 			name: displayName,
 			orientation: "portrait",
 			scheme: schemeBase || "jilatax-app",
 			slug,
 			splash: {
 				backgroundColor: "#041A17",
-				image: "./assets/splash-icon.png",
+				image: "./public/assets/splash-icon.png",
 				imageWidth: 96,
 				resizeMode: "contain"
 			},

package/dist/{cli-CrpTfN81.js → cli-DLBJ0XnY.js}

@@ -160,20 +160,20 @@ function createInitialConfig(displayName, projectName, packageId) {
 			android: {
 				adaptiveIcon: {
 					backgroundColor: "#E8FFF2",
-					foregroundImage: "./assets/icon.png"
+					foregroundImage: "./public/assets/icon.png"
 				},
 				package: packageId,
 				predictiveBackGestureEnabled: false,
 				versionCode: 1
 			},
-			icon: "./assets/icon.png",
+			icon: "./public/assets/icon.png",
 			name: displayName,
 			orientation: "portrait",
 			scheme: schemeBase || "jilatax-app",
 			slug,
 			splash: {
 				backgroundColor: "#041A17",
-				image: "./assets/splash-icon.png",
+				image: "./public/assets/splash-icon.png",
 				imageWidth: 96,
 				resizeMode: "contain"
 			},

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_cli = require("./cli-6qr3BMqu.cjs");
+const require_cli = require("./cli-DD2gvmMZ.cjs");
 exports.createHelpText = require_cli.createHelpText;
 exports.createProject = require_cli.createProject;
 exports.defaultPackageId = require_cli.defaultPackageId;

package/dist/index.js

@@ -1,2 +1,2 @@
-import { a as normalizeDisplayName, i as defaultPackageId, n as runCreateCli, o as normalizeProjectName, r as createProject, s as validatePackageId, t as createHelpText } from "./cli-CrpTfN81.js";
+import { a as normalizeDisplayName, i as defaultPackageId, n as runCreateCli, o as normalizeProjectName, r as createProject, s as validatePackageId, t as createHelpText } from "./cli-DLBJ0XnY.js";
 export { createHelpText, createProject, defaultPackageId, normalizeDisplayName, normalizeProjectName, runCreateCli, validatePackageId };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-jilatax",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "packageManager": "bun@1.3.4",
   "description": "Create an Android-first Jilatax application for Lynx and Rspeedy.",
   "type": "module",

package/template/README.md.tmpl

@@ -2,20 +2,21 @@
 
 Android-first Lynx application created with Jilatax.
 
-## Development
+## Development (QR)
 
 ```bash
-bun install
-bun run run:android
+bun i
+bun run dev
 ```
 
 The Android command starts Rspeedy, builds and installs the debug APK, verifies
-the ADB reverse tunnel, and launches the app once.
+the ADB reverse tunnel, and launches the app once. The generated APK is located
+at `android/app/build/outputs/apk/debug/app-debug.apk`.
 
-To run only the Lynx development server:
+To run only the Lynx development APK (Real Mobile):
 
 ```bash
-bun run dev
+bun run run:android
 ```
 
 When the build is ready, scan the printed QR code with the Lynx application on
@@ -33,6 +34,8 @@ Play Store release. Never commit signing credentials.
 Application metadata lives in `app.json`. Android is the only supported native
 platform in this phase.
 
-Default launcher and splash artwork lives in `assets/`. Update the image paths,
-background colors, or splash width in `app.json`; Jilatax synchronizes those
-resources before each Android build.
+Default launcher and splash artwork lives in `public/assets/`. Additional local
+fonts can be stored in `public/fonts/`; the included JilataX font is applied to
+the `LYNX TO ANDROID` brand caption. Update the image paths, background colors,
+or splash width in `app.json`; Jilatax synchronizes those resources before each
+Android build.

package/template/src/components/ui/Brand.tsx

@@ -1,4 +1,4 @@
-import jilataxIcon from '../../../assets/jilatax-icon.png';
+import jilataxIcon from '../../../public/assets/jilatax-icon.png';
 
 interface BrandProps {
   compact?: boolean;
@@ -7,7 +7,7 @@ interface BrandProps {
 export function Brand({ compact = false }: BrandProps) {
   return (
     <view className={`brand${compact ? ' brand--compact' : ''}`}>
-      <view className={`brand__icon-wrap${compact ? ' brand__icon-wrap--compact' : ''}`}>
+      <view className="brand__icon-wrap">
         <image className="brand__icon" mode="aspectFit" src={jilataxIcon} />
       </view>
       <view className="brand__copy">

package/template/src/styles/global.css

@@ -1,3 +1,8 @@
+@font-face {
+  font-family: JilataX;
+  src: url('../../public/fonts/JilataX.otf');
+}
+
 :root {
   background-color: #f3f7f5;
   color: #10241d;
@@ -36,17 +41,11 @@
 .brand__icon-wrap {
   align-items: center;
   background-color: #e3eee9;
-  border-radius: 18px;
+  border-radius: 15px;
   display: flex;
-  height: 58px;
+  height: 48px;
   justify-content: center;
   overflow: hidden;
-  width: 58px;
-}
-
-.brand__icon-wrap--compact {
-  border-radius: 15px;
-  height: 48px;
   width: 48px;
 }
 
@@ -71,8 +70,8 @@
 
 .brand__caption {
   color: #688078;
+  font-family: JilataX;
   font-size: 9px;
-  font-weight: 700;
   letter-spacing: 1.5px;
   line-height: 14px;
   margin-top: 2px;