newcandies 0.1.55 → 0.1.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "newcandies",
-  "version": "0.1.55",
+  "version": "0.1.56",
   "description": "Scaffold Expo Router + Uniwind React Native apps with layered templates.",
   "type": "module",
   "bin": {

package/templates/mini-boilerplate/fiesta-widgets-mini/app-env.js

@@ -0,0 +1,58 @@
+const process = require("node:process");
+
+/**
+ * Environment configuration for Fiesta.
+ * Supports: local | preview | production
+ *
+ * @type {'local' | 'preview' | 'production'}
+ */
+const APP_ENV = process.env.EXPO_PUBLIC_APP_ENV ?? "local";
+
+const { version } = require("./package.json");
+
+// Bundle IDs per environment
+const BUNDLE_IDS = {
+  local: "com.fiesta.app.local",
+  preview: "com.fiesta.app.preview",
+  production: "com.fiesta.app",
+};
+
+// Android package names per environment
+const PACKAGES = {
+  local: "com.fiesta.app.local",
+  preview: "com.fiesta.app.preview",
+  production: "com.fiesta.app",
+};
+
+// URL schemes per environment
+const SCHEMES = {
+  local: "fiesta.local",
+  preview: "fiesta.preview",
+  production: "fiesta",
+};
+
+// App names per environment
+const NAMES = {
+  local: "Fiesta (Local)",
+  preview: "Fiesta (Preview)",
+  production: "Fiesta",
+};
+
+// Shared app group IDs for widget storage
+const APP_GROUPS = {
+  local: "group.com.fiesta.app.local",
+  preview: "group.com.fiesta.app.preview",
+  production: "group.com.fiesta.app",
+};
+
+const Env = {
+  APP_ENV,
+  NAME: NAMES[APP_ENV],
+  SCHEME: SCHEMES[APP_ENV],
+  BUNDLE_ID: BUNDLE_IDS[APP_ENV],
+  PACKAGE: PACKAGES[APP_ENV],
+  VERSION: version,
+  APP_GROUP: APP_GROUPS[APP_ENV],
+};
+
+module.exports = Env;

package/templates/mini-boilerplate/fiesta-widgets-mini/app-env.ts

@@ -0,0 +1,18 @@
+/**
+ * Type-safe re-export of app-env.js for use in src/ code.
+ */
+
+export type AppEnv = "local" | "preview" | "production";
+
+interface EnvConfig {
+  APP_ENV: AppEnv;
+  NAME: string;
+  SCHEME: string;
+  BUNDLE_ID: string;
+  PACKAGE: string;
+  APP_GROUP: string;
+}
+
+const Env = require("./app-env.js") as EnvConfig;
+
+export default Env;

package/templates/mini-boilerplate/fiesta-widgets-mini/app.config.ts

@@ -0,0 +1,52 @@
+import type { ConfigContext, ExpoConfig } from "expo/config";
+
+const Env = require("./app-env.js");
+
+export default ({ config }: ConfigContext): ExpoConfig => ({
+  ...config,
+  name: Env.NAME,
+  slug: "fiesta",
+  version: Env.VERSION,
+  orientation: "portrait",
+  icon: "./assets/icon.png",
+  scheme: Env.SCHEME,
+  userInterfaceStyle: "automatic",
+  ios: {
+    supportsTablet: true,
+    bundleIdentifier: Env.BUNDLE_ID,
+    infoPlist: {
+      NSAppTransportSecurity: {
+        NSAllowsArbitraryLoads: true,
+        NSAllowsLocalNetworking: true,
+      },
+      ITSAppUsesNonExemptEncryption: false,
+    },
+  },
+  android: {
+    adaptiveIcon: {
+      foregroundImage: "./assets/adaptive-icon.png",
+      backgroundColor: "#ffffff",
+    },
+    package: Env.PACKAGE,
+  },
+  web: {
+    bundler: "metro",
+    output: "static",
+    favicon: "./assets/favicon.png",
+  },
+  plugins: [
+    "expo-router",
+    "expo-image",
+    "expo-font",
+  ],
+  experiments: {
+    typedRoutes: true,
+  },
+  extra: {
+    APP_ENV: Env.APP_ENV,
+    router: {},
+    eas: {
+      projectId: "your-project-id-here",
+    },
+  },
+});

package/templates/mini-boilerplate/fiesta-widgets-mini/babel.config.js

@@ -0,0 +1,7 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ["babel-preset-expo"],
+    plugins: ["react-native-reanimated/plugin"],
+  };
+};

package/templates/mini-boilerplate/fiesta-widgets-mini/eas.json

@@ -0,0 +1,21 @@
+{
+  "cli": {
+    "version": ">= 7.0.0"
+  },
+  "build": {
+    "development": {
+      "android": {
+        "buildType": "apk"
+      },
+      "developmentClient": true,
+      "distribution": "internal"
+    },
+    "preview": {
+      "distribution": "internal"
+    },
+    "production": {}
+  },
+  "submit": {
+    "production": {}
+  }
+}

package/templates/mini-boilerplate/fiesta-widgets-mini/eslint.config.mjs

@@ -0,0 +1,111 @@
+import antfu from "@antfu/eslint-config";
+import reactCompiler from "eslint-plugin-react-compiler";
+
+export default antfu(
+  {
+    type: "app",
+    typescript: {
+      parserOptions: {
+        project: null,
+      },
+    },
+    react: true,
+    stylistic: {
+      indent: 2,
+      quotes: "double",
+      semi: true,
+    },
+    ignores: [
+      "**/node_modules/**",
+      "**/dist/**",
+      "**/build/**",
+      "**/.expo/**",
+      "**/ios/**",
+      "**/android/**",
+      "**/coverage/**",
+      "**/.maestro/**",
+      "**/*.md",
+      "**/*.d.ts",
+      "**/babel.config.js",
+      "**/metro.config.js",
+      "**/app.config.ts",
+      "**/env.ts",
+    ],
+  },
+  {
+    name: "react-compiler",
+    files: ["**/*.{ts,tsx}"],
+    plugins: {
+      "react-compiler": reactCompiler,
+    },
+    rules: {
+      "react-compiler/react-compiler": "error",
+    },
+  },
+  {
+    name: "react-rules",
+    files: ["**/*.{ts,tsx}"],
+    rules: {
+      "react/react-in-jsx-scope": "off",
+      "react/prop-types": "off",
+      "react/display-name": "off",
+      "react-hooks/rules-of-hooks": "error",
+      "react-hooks/exhaustive-deps": "warn",
+      "react-refresh/only-export-components": "off",
+    },
+  },
+  {
+    name: "disable-typed-rules",
+    files: ["**/*.{ts,tsx,js}"],
+    rules: {
+      "@typescript-eslint/no-require-imports": "off",
+    },
+  },
+  {
+    name: "custom-rules",
+    rules: {
+      "no-console": "off",
+      "curly": ["error", "all"],
+      "style/brace-style": ["error", "1tbs", { allowSingleLine: true }],
+      "style/operator-linebreak": ["error", "after"],
+      "style/max-statements-per-line": "off",
+      "style/jsx-one-expression-per-line": "off",
+      "style/multiline-ternary": "off",
+      "style/arrow-parens": "off",
+      "antfu/if-newline": "off",
+      "prefer-const": "error",
+      "no-var": "error",
+      "eqeqeq": ["error", "always"],
+      "ts/no-explicit-any": "warn",
+      "ts/no-require-imports": "off",
+      "ts/no-use-before-define": "off",
+      "ts/consistent-type-definitions": "off",
+      "perfectionist/sort-imports": "off",
+      "perfectionist/sort-named-imports": "off",
+      "unused-imports/no-unused-vars": [
+        "warn",
+        {
+          vars: "all",
+          varsIgnorePattern: "^_",
+          args: "after-used",
+          argsIgnorePattern: "^_",
+        },
+      ],
+    },
+  },
+  {
+    name: "config-files",
+    files: ["**/app.config.ts", "**/env.ts", "**/env.js"],
+    rules: {
+      "antfu/no-import-dist": "off",
+      "node/prefer-global/process": "off",
+    },
+  },
+  {
+    name: "api-client",
+    files: ["**/lib/api/client.ts"],
+    rules: {
+      "node/prefer-global/process": "off",
+    },
+  },
+);

package/templates/mini-boilerplate/fiesta-widgets-mini/global.css

@@ -0,0 +1,60 @@
+@import "tailwindcss";
+@import "uniwind";
+
+@theme {
+  --font-system:
+    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+}
+
+@layer theme {
+  @variant light {
+    :root {
+      --color-background: #ffffff;
+      --color-background-element: #f5f5f7;
+      --color-foreground: #000000;
+      --color-text: #1d1d1f;
+      --color-text-secondary: #86868b;
+
+      --color-primary: #000000;
+      --color-primary-foreground: #ffffff;
+
+      --color-muted: #f0f0f0;
+      --color-muted-foreground: #a8a8a8;
+
+      --color-card: #ffffff;
+      --color-card-foreground: #1d1d1f;
+
+      --color-border: #e5e5e5;
+      --color-destructive: #ff3b30;
+
+      --color-success: #34c759;
+      --color-warning: #ff9500;
+    }
+  }
+
+  @variant dark {
+    :root {
+      --color-background: #000000;
+      --color-background-element: #1c1c1e;
+      --color-foreground: #ffffff;
+      --color-text: #f5f5f7;
+      --color-text-secondary: #8e8e93;
+
+      --color-primary: #ffffff;
+      --color-primary-foreground: #000000;
+
+      --color-muted: #2c2c2e;
+      --color-muted-foreground: #636366;
+
+      --color-card: #1c1c1e;
+      --color-card-foreground: #f5f5f7;
+
+      --color-border: #38383a;
+      --color-destructive: #ff453a;
+
+      --color-success: #30d158;
+      --color-warning: #ff9f0a;
+    }
+  }
+}

package/templates/mini-boilerplate/fiesta-widgets-mini/metro.config.js

@@ -0,0 +1,10 @@
+const { getDefaultConfig } = require("expo/metro-config");
+const { withUniwindConfig } = require("uniwind/metro");
+
+/** @type {import('expo/metro-config').MetroConfig} */
+const config = getDefaultConfig(__dirname);
+
+module.exports = withUniwindConfig(config, {
+  cssEntryFile: "./global.css",
+  dtsFile: "./src/types/uniwind.d.ts",
+});

package/templates/mini-boilerplate/fiesta-widgets-mini/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "fiesta",
+  "version": "1.0.0",
+  "private": true,
+  "main": "expo-router/entry",
+  "scripts": {
+    "start": "expo start",
+    "ios": "expo run:ios",
+    "android": "expo run:android",
+    "prebuild": "expo prebuild",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "type-check": "tsc --noEmit",
+    "build:local": "eas build --profile local",
+    "build:preview": "eas build --profile preview",
+    "build:production": "eas build --profile production",
+    "submit": "eas submit"
+  },
+  "dependencies": {
+    "@expo/vector-icons": "^15.0.2",
+    "@react-native-segmented-control/segmented-control": "^2.5.7",
+    "@shopify/flash-list": "2.0.2",
+    "@tanstack/react-query": "^5.90.20",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "expo": "^55.0.0",
+    "expo-application": "~55.0.8",
+    "expo-build-properties": "~55.0.9",
+    "expo-constants": "~55.0.7",
+    "expo-dev-client": "~55.0.9",
+    "expo-font": "~55.0.4",
+    "expo-image": "~55.0.5",
+    "expo-linear-gradient": "~55.0.8",
+    "expo-linking": "~55.0.7",
+    "expo-router": "~55.0.2",
+    "expo-status-bar": "~55.0.4",
+    "expo-symbols": "~55.0.4",
+    "expo-system-ui": "~55.0.9",
+    "number-flow-react-native": "^0.4.0",
+    "openapi-fetch": "^0.15.2",
+    "pressto": "^0.6.1",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-hook-form": "^7.71.1",
+    "react-native": "0.83.2",
+    "react-native-gesture-handler": "~2.30.0",
+    "react-native-keyboard-controller": "^1.20.7",
+    "react-native-nitro-modules": "^0.33.9",
+    "react-native-reanimated": "~4.2.1",
+    "react-native-safe-area-context": "~5.6.2",
+    "react-native-screen-transitions": "^3.3.0",
+    "react-native-screens": "~4.23.0",
+    "react-native-svg": "15.15.3",
+    "react-native-trays": "^0.11.0",
+    "react-native-worklets": "0.7.2",
+    "rn-squircle": "^1.2.4",
+    "sonner-native": "^0.23.0",
+    "tailwind-merge": "^3.4.0",
+    "tailwind-variants": "^3.2.2",
+    "uniwind": "^1.3.1",
+    "voltra": "1.3.0-rc.1"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^7.6.1",
+    "@babel/core": "^7.26.10",
+    "@eslint-react/eslint-plugin": "^2.13.0",
+    "@rozenite/metro": "^1.3.0",
+    "@rozenite/tanstack-query-plugin": "^1.3.0",
+    "@types/react": "~19.2.10",
+    "eslint": "^10.0.2",
+    "eslint-plugin-react-compiler": "^19.1.0-rc.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "tailwindcss": "^4.0.0",
+    "typescript": "~5.9.2"
+  },
+  "overrides": {
+    "expo-file-system": "~55.0.5"
+  },
+  "expo": {
+    "install": {
+      "exclude": [
+        "eslint-config-expo"
+      ]
+    }
+  }
+}

package/templates/mini-boilerplate/fiesta-widgets-mini/skia-stub.d.ts

@@ -0,0 +1,3 @@
+declare module "@shopify/react-native-skia" {
+  export interface SkFont {}
+}

package/templates/mini-boilerplate/fiesta-widgets-mini/src/app/(tabs)/_layout.tsx

@@ -0,0 +1,40 @@
+import MaterialIcons from "@expo/vector-icons/MaterialIcons";
+import { NativeTabs } from "expo-router/unstable-native-tabs";
+import { View } from "react-native";
+
+import { useThemeColors } from "@/config/theme";
+
+const VectorIcon = NativeTabs.Trigger.VectorIcon;
+
+export default function TabLayout() {
+  const colors = useThemeColors();
+
+  return (
+    <View style={{ flex: 1 }}>
+      <NativeTabs
+        backgroundColor={colors.background}
+        tintColor={colors.primary}
+        iconColor={{
+          default: colors.mutedForeground,
+          selected: colors.primary,
+        }}
+        indicatorColor={colors.muted}
+        rippleColor={colors.primary}
+      >
+        <NativeTabs.Trigger name="index">
+          <NativeTabs.Trigger.Icon
+            src={<VectorIcon family={MaterialIcons} name="event" />}
+          />
+          <NativeTabs.Trigger.Label hidden>Home</NativeTabs.Trigger.Label>
+        </NativeTabs.Trigger>
+
+        <NativeTabs.Trigger name="widgets">
+          <NativeTabs.Trigger.Icon
+            src={<VectorIcon family={MaterialIcons} name="widgets" />}
+          />
+          <NativeTabs.Trigger.Label hidden>Widgets</NativeTabs.Trigger.Label>
+        </NativeTabs.Trigger>
+      </NativeTabs>
+    </View>
+  );
+}

package/templates/mini-boilerplate/fiesta-widgets-mini/src/app/(tabs)/index.tsx

@@ -0,0 +1,28 @@
+import Screen from "@/components/layout/screen";
+import ScrollView from "@/components/layout/scroll-view";
+import View from "@/components/layout/view";
+import { FIESTA_EVENTS } from "@/data/fiesta-data";
+import CelebrationCard from "@/features/home/celebration-card";
+import TodayHero from "@/features/home/today-hero";
+import { getUpcomingCelebrations } from "@/lib/celebrations";
+
+export default function HomeScreen() {
+  const upcoming = getUpcomingCelebrations(FIESTA_EVENTS, 4);
+
+  return (
+    <Screen>
+      <ScrollView
+        className="flex-1"
+        contentContainerStyle={{ paddingBottom: 120 }}
+      >
+        <TodayHero />
+
+        <View className="mt-6">
+          {upcoming.map((event) => (
+            <CelebrationCard key={event.id} event={event} />
+          ))}
+        </View>
+      </ScrollView>
+    </Screen>
+  );
+}

package/templates/mini-boilerplate/fiesta-widgets-mini/src/app/(tabs)/widgets.tsx

@@ -0,0 +1,13 @@
+import Screen from "@/components/layout/screen";
+import View from "@/components/layout/view";
+import Text from "@/components/ui/text";
+
+export default function WidgetsScreen() {
+  return (
+    <Screen>
+      <View className="flex-1 items-center justify-center">
+        <Text variant="subtitle">Widgets coming soon</Text>
+      </View>
+    </Screen>
+  );
+}

package/templates/mini-boilerplate/fiesta-widgets-mini/src/app/+not-found.tsx

@@ -0,0 +1,16 @@
+import { View, Text } from "react-native";
+import { Link, Stack } from "expo-router";
+
+export default function NotFound() {
+  return (
+    <>
+      <Stack.Screen options={{ title: "Not Found" }} />
+      <View className="flex-1 items-center justify-center bg-background">
+        <Text className="text-foreground text-lg">This screen does not exist.</Text>
+        <Link href="/" className="mt-4 text-primary">
+          <Text>Go to home</Text>
+        </Link>
+      </View>
+    </>
+  );
+}

package/templates/mini-boilerplate/fiesta-widgets-mini/src/app/_layout.tsx

@@ -0,0 +1,47 @@
+import "../../global.css";
+
+import { StatusBar } from "expo-status-bar";
+import { PressablesConfig } from "pressto";
+import Transition from "react-native-screen-transitions";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
+import { KeyboardProvider } from "react-native-keyboard-controller";
+import { enableFreeze } from "react-native-screens";
+import { Toaster } from "sonner-native";
+
+import { Appearance } from "react-native";
+import { Uniwind } from "uniwind";
+
+import Stack from "@/components/navigation/stack";
+
+enableFreeze(true);
+
+Uniwind.setTheme(Appearance.getColorScheme() === "dark" ? "dark" : "light");
+
+export default function RootLayout() {
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <KeyboardProvider>
+        <PressablesConfig
+          defaultProps={{
+            rippleColor: "transparent",
+          }}
+        >
+          <StatusBar style="auto" />
+          <Stack>
+            <Stack.Screen name="(tabs)" />
+            <Stack.Screen
+              name="event/[id]"
+              options={({ route }) => {
+                const sharedTag = (route.params as Record<string, string> | undefined)?.sharedBoundTag;
+                return sharedTag
+                  ? Transition.Presets.SharedXImage({ sharedBoundTag: sharedTag })
+                  : Transition.Presets.ElasticCard({ elasticFactor: 0.25 });
+              }}
+            />
+          </Stack>
+          <Toaster position="top-center" offset={60} />
+        </PressablesConfig>
+      </KeyboardProvider>
+    </GestureHandlerRootView>
+  );
+}