codingpixel-expo-app 0.1.0 → 0.1.2

package/dist/fonts.js

@@ -81,7 +81,9 @@ export function generateBottomSheetProviderBlocks(bottomSheet) {
 }
 /**
  * Convenience: build the full sentinel-replacement map for `patchLayout`.
- * Includes both layout sentinels and the fonts.ts sentinel.
+ * Note: `fonts.ts` ships as a static enum file (Deviation #10) — no
+ * `FONTS_OBJECT` sentinel is patched. The 6 `_layout.tsx` sentinels still get
+ * filled (or empty-dropped per `gatherAnswers`).
  */
 export function buildLayoutReplacements(answers) {
     const fonts = generateUseFontsBlocks(answers.primaryFont, answers.secondaryFont);
@@ -93,6 +95,5 @@ export function buildLayoutReplacements(answers) {
         BOTTOM_SHEET_PROVIDER_IMPORT: bs.importBlock,
         BOTTOM_SHEET_PROVIDER_OPEN: bs.openBlock,
         BOTTOM_SHEET_PROVIDER_CLOSE: bs.closeBlock,
-        FONTS_OBJECT: generateFontsObject(answers.primaryFont, answers.secondaryFont),
     };
 }

package/dist/install.js

@@ -38,6 +38,11 @@ export function buildAlwaysInstalledList(workletsPkg) {
         // Deviation #7 — Phase 7 patchBabel injects ["module-resolver", { alias }];
         // Metro fails on first bundle if the plugin pkg isn't installed.
         "babel-plugin-module-resolver",
+        // Deviation #11 — expo-router peer deps that `expo install expo-router`
+        // does NOT auto-install (Metro fails at bundle time with "Unable to
+        // resolve 'expo-linking' from .../expo-router/build/views/Unmatched.js").
+        "expo-linking",
+        "expo-constants",
     ];
 }
 export function buildConditionalDeps(answers) {

package/dist/patch.js

@@ -19,6 +19,28 @@ export function slugify(name) {
         .replace(/^-+|-+$/g, "")
         .toLowerCase() || "app");
 }
+/**
+ * Build a reverse-DNS bundle identifier segment from the app name.
+ *
+ * Android `package` + iOS `bundleIdentifier` constraints:
+ *   - Lowercase letters / digits only per segment.
+ *   - No dashes, dots, or other punctuation INSIDE a segment.
+ *   - Each segment must START with a letter (no leading digits).
+ *   - At least two segments separated by dots.
+ *
+ * `my-test-app` → `mytestapp` → final ID `com.codingpixel.mytestapp`.
+ * `1pp` → `app1pp` (leading-digit guard).
+ */
+export function bundleIdSegment(name) {
+    let seg = slugify(name).replace(/-/g, "");
+    if (!/^[a-z]/.test(seg))
+        seg = `app${seg}`;
+    return seg || "app";
+}
+/** Compose the full bundle identifier with the `com.codingpixel.` namespace prefix. */
+export function bundleIdFor(name) {
+    return `com.codingpixel.${bundleIdSegment(name)}`;
+}
 function readJson(p) {
     return JSON.parse(fs.readFileSync(p, "utf8"));
 }
@@ -46,6 +68,16 @@ export function patchAppJson(target, name, _answers) {
     json.expo.name = name;
     json.expo.slug = slugify(name);
     json.expo.scheme = slugify(name);
+    // android.package + ios.bundleIdentifier — required to launch the app on
+    // either platform (Expo CLI errors with "Required property ... is not found"
+    // otherwise). Preserve any user-set value; only fill when missing.
+    const bundleId = bundleIdFor(name);
+    json.expo.ios ??= {};
+    if (!json.expo.ios.bundleIdentifier)
+        json.expo.ios.bundleIdentifier = bundleId;
+    json.expo.android ??= {};
+    if (!json.expo.android.package)
+        json.expo.android.package = bundleId;
     json.expo.plugins ??= [];
     if (!json.expo.plugins.some((e) => nameOf(e) === "expo-router")) {
         json.expo.plugins.push("expo-router");
@@ -112,18 +144,17 @@ export function patchConstants(target, templatesRoot, answers) {
     const out = applySentinels(source, { MEDIA_CONSTANTS: replacement }, p);
     fs.writeFileSync(p, out);
 }
-// ---------- layout + fonts splice (Phase 6 step 4) ----------
+// ---------- layout splice (Phase 6 step 4) ----------
+// Deviation #10: `fonts.ts` ships as a static enum file (no FONTS_OBJECT
+// sentinel), so this only touches `_layout.tsx`.
 export function patchLayout(target, replacements) {
     const layoutPath = path.join(target, "src/app/_layout.tsx");
-    const fontsPath = path.join(target, "src/ui/theme/fonts.ts");
-    for (const p of [layoutPath, fontsPath]) {
-        if (!fileExists(p)) {
-            throw new Error(`patchLayout: ${p} missing — was applyBase run first?`);
-        }
-        const before = fs.readFileSync(p, "utf8");
-        const after = applySentinels(before, replacements, p);
-        fs.writeFileSync(p, after);
+    if (!fileExists(layoutPath)) {
+        throw new Error(`patchLayout: ${layoutPath} missing — was applyBase run first?`);
     }
+    const before = fs.readFileSync(layoutPath, "utf8");
+    const after = applySentinels(before, replacements, layoutPath);
+    fs.writeFileSync(layoutPath, after);
 }
 // ---------- package.json scripts (Phase 7 step 1) ----------
 export function patchPackageJsonScripts(target) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codingpixel-expo-app",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Opinionated Expo app scaffolder mirroring MyRoster conventions.",
   "type": "module",
   "bin": {

package/templates/base/src/core/redux/reducers.ts

@@ -2,7 +2,7 @@ import { combineReducers } from "@reduxjs/toolkit";
 import { persistReducer } from "redux-persist";
 
 import { reduxStorage } from "./mmkvStorage";
-import { userReducer } from "./slices/userSlice";
+import userReducer from "./slices/userSlice";
 
 export const rootReducer = combineReducers({
   user: userReducer,

package/templates/base/src/core/redux/slices/userSlice.ts

@@ -1,13 +1,16 @@
-// Deviation #5 (docs/MIRROR_NOTES.md): minimal user shape per SPEC §6 ("dummy
-// user shape"). Apps replace with their actual auth model.
+// Minimal user shape per SPEC §6 ("dummy user shape").
+// `accessToken` is required by the axios interceptor in `core/utils/config.ts`
+// — every request reads `store.getState().user?.accessToken` and attaches as
+// `Bearer <token>` if present. Apps replace shape but must keep the field.
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 
 export type User = {
   id: string | null;
   name: string | null;
+  accessToken: string | null;
 };
 
-const initialState: User = { id: null, name: null };
+const initialState: User = { id: null, name: null, accessToken: null };
 
 const userSlice = createSlice({
   name: "user",
@@ -16,16 +19,21 @@ const userSlice = createSlice({
     setUser: (state, action: PayloadAction<User>) => {
       state.id = action.payload.id;
       state.name = action.payload.name;
+      state.accessToken = action.payload.accessToken;
     },
     updateUser: (state, action: PayloadAction<Partial<User>>) => {
       Object.assign(state, action.payload);
     },
+    setAccessToken: (state, action: PayloadAction<string | null>) => {
+      state.accessToken = action.payload;
+    },
     clearUser: (state) => {
       state.id = null;
       state.name = null;
+      state.accessToken = null;
     },
   },
 });
 
-export const { setUser, updateUser, clearUser } = userSlice.actions;
+export const { setUser, updateUser, setAccessToken, clearUser } = userSlice.actions;
 export default userSlice.reducer;

package/templates/base/src/core/tanstack/tanstack-keys.ts

@@ -1,42 +1,3 @@
-export const TANSTACK_KEYS = {
-  // coach
-
-  // Dashboard
-  dashboard: ["coach", "dashboard"],
-  // Teams
-  teams: ["coach", "teams"],
-  teamDetails: (teamId: string) => ["coach", "teamDetails", teamId],
-  // Schedule
-  schedule: ["coach", "schedule"],
-  // Messages
-  messages: ["coach", "messages"],
-  messageDetails: (messageId: string) => ["coach", "messageDetails", messageId],
-  directChatInfo: (chatId: string) => ["directChatInfo", chatId],
-  directChatMessages: (chatId: string) => ["directChatMessages", chatId],
-  teamChatInfo: (teamId: string) => ["teamChatInfo", teamId],
-  teamChatMessages: (teamId: string) => ["teamChatMessages", teamId],
-  teamAnnouncements: (teamId: string) => ["teamAnnouncements", teamId],
-  // Payments
-  payments: ["coach", "payments"],
-  paymentsSummary: ["coach", "payments", "summary"],
-  paymentPlanDetail: (planId: string) => ["coach", "paymentPlanDetail", planId],
-  // Profile
-
-  // shared
-  playerDetails: (playerId: string) => ["shared", "playerDetails", playerId],
-
-  // parent
-  parentSchedule: ["parent", "schedule"],
-  parentDashboard: ["parent", "dashboard"],
-  myFamily: ["parent", "myFamily"],
-  programs: ["parent", "programs"],
-  programDetails: (id: string) => ["parent", "programDetails", id],
-  registration: ["parent", "registration"],
-  parentMessages: ["parent", "messages"],
-  parentMessageDetails: (messageId: string) => ["parent", "messageDetails", messageId],
-  parentPayments: ["parent", "payments"],
-  parentPaymentsSummary: ["parent", "payments", "summary"],
-  parentOrganizations: ["parent", "organizations"],
-  parentTeamInvitations: ["parent", "teamInvitations"],
-  parentTeamInvitationDetail: (id: string) => ["parent", "teamInvitationDetail", id],
-};
+// Empty registry — apps populate with their own query keys.
+// Pattern: { listKey: ["list"], detailKey: (id: string) => ["detail", id] }
+export const TANSTACK_KEYS = {};

package/templates/base/src/core/utils/endpoints.ts

@@ -1,29 +1,5 @@
-const SOCKET_URL = "";
-
-const BASE_URL = `${SOCKET_URL}api/`;
-
-// placeholder — update when backend API is finalized
-const ENDPOINTS = {
-  LOGIN: "auth/login",
-  // Dashboard
-  DASHBOARD: "coach/dashboard",
-  // Teams
-  TEAMS: "coach/teams",
-  TEAM_DETAILS: (teamId: string) => `coach/teams/${teamId}`,
-  // Schedule
-  SCHEDULE: "coach/schedule",
-  // Messages
-  MESSAGES: "coach/messages",
-  MESSAGE_DETAILS: (messageId: string) => `coach/messages/${messageId}`,
-  DIRECT_CHAT: (chatId: string) => `chat/direct/${chatId}`,
-  TEAM_CHAT: (teamId: string) => `chat/team/${teamId}`,
-  // Payments
-  PAYMENTS: "coach/payments",
-  PAYMENTS_SUMMARY: "coach/payments/summary",
-  PAYMENT_PLAN: (planId: string) => `coach/payment-plans/${planId}`,
-  // Profile
-  PROFILE: "coach/profile",
-  CHANGE_PASSWORD: "coach/change-password",
-};
-
-export { BASE_URL, ENDPOINTS, SOCKET_URL };
+// Empty endpoint registry — apps populate as backend API solidifies.
+// `BASE_URL` is consumed by `core/utils/config.ts` (axios baseURL).
+export const SOCKET_URL = "";
+export const BASE_URL = "";
+export const ENDPOINTS = {};

package/templates/base/src/core/utils/types.ts

@@ -1,47 +1,9 @@
+// Empty type registry — apps add domain types as features grow.
+// `InsetsProps` is consumed by `ui/appComponents/appButton` and a few other
+// shipped primitives, so it stays.
 export interface InsetsProps {
   top?: number;
   bottom?: number;
   left?: number;
   right?: number;
 }
-
-export type TeamNextEvent = {
-  id: string;
-  monthLabel: string;
-  dayLabel: string;
-  title: string;
-  timeAndLocationLabel: string;
-  kind: ScheduleEventKind;
-};
-
-export type TeamStatus = "active" | "inactive";
-export type ScheduleEventKind = "game" | "practice";
-
-export type Team = {
-  id: string;
-  name: string;
-  seasonLabel: string;
-  status: TeamStatus;
-  logoUri?: string;
-  playerCount: number;
-  coachCount: number;
-  eventCount: number;
-  nextEvent: TeamNextEvent | null;
-};
-
-export type ScheduleRow = {
-  id: string;
-  monthLabel: string;
-  dayLabel: string;
-  title: string;
-  timeAndLocationLabel: string;
-  kind: ScheduleEventKind;
-};
-
-export type PlayerTransaction = {
-  id: string;
-  invoiceNumber: string;
-  date: string;
-  amount: string;
-  status: "paid" | "unpaid";
-};

package/templates/base/src/ui/theme/fonts.ts

@@ -1,3 +1,14 @@
-// Generated at scaffold time by `patchLayout` (Phase 6) based on the user's
-// EXPO_PRIMARY_FONT / EXPO_SECONDARY_FONT answers.
-// @@FONTS_OBJECT@@
+// Empty font registry — drop matching .ttf files into `assets/fonts/` and
+// fill the enum values with PostScript names (e.g. `BOLD = "Inter-Bold"`).
+// Wire `useFonts(...)` in `src/app/_layout.tsx` to actually load them.
+export const enum Fonts {
+  BOLD = "",
+  EXTRA_BOLD = "",
+  EXTRA_LIGHT = "",
+  MEDIUM = "",
+  REGULAR = "",
+  SEMI_BOLD = "",
+  ITALIC = "",
+  LIGHT = "",
+  THIN = "",
+}

package/templates/base/src/ui/theme/allFileStyles.ts

@@ -1,39 +0,0 @@
-import { StyleSheet } from "react-native";
-import { Colors } from "./colors";
-import { RF } from "./responsive";
-
-export const AllStyles = StyleSheet.create({
-  backdropAbsoluteBlur: {
-    ...StyleSheet.absoluteFillObject,
-    backgroundColor: "rgba(0, 0, 0, 0.5)",
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: -2 },
-    shadowOpacity: 0.25,
-    shadowRadius: 8,
-    elevation: 8,
-    zIndex: 1,
-  },
-  shadowBackdrop: {
-    ...StyleSheet.absoluteFillObject,
-    backgroundColor: "rgba(0, 0, 0, 0.5)",
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: -2 },
-    shadowOpacity: 0.25,
-    shadowRadius: 8,
-    elevation: 8,
-    zIndex: 1,
-  },
-  modalBorderStyle: {
-    borderTopLeftRadius: RF(20),
-    borderTopRightRadius: RF(20),
-    backgroundColor: Colors.GRAY_1,
-  },
-  messageListContainer: { gap: RF(16), padding: RF(16) },
-  modalBackgroundColor: {
-    backgroundColor: Colors.GRAY_1,
-  },
-  fullWidthButton: {
-    width: "100%",
-  },
-  shadowOffset: { width: 0, height: 2 },
-});