create-airjam 0.1.0 → 0.1.2

package/templates/pong/node_modules/.vite/deps/zod.js

@@ -0,0 +1,476 @@
+import {
+  $brand,
+  $input,
+  $output,
+  NEVER,
+  TimePrecision,
+  ZodAny,
+  ZodArray,
+  ZodBase64,
+  ZodBase64URL,
+  ZodBigInt,
+  ZodBigIntFormat,
+  ZodBoolean,
+  ZodCIDRv4,
+  ZodCIDRv6,
+  ZodCUID,
+  ZodCUID2,
+  ZodCatch,
+  ZodCodec,
+  ZodCustom,
+  ZodCustomStringFormat,
+  ZodDate,
+  ZodDefault,
+  ZodDiscriminatedUnion,
+  ZodE164,
+  ZodEmail,
+  ZodEmoji,
+  ZodEnum,
+  ZodError,
+  ZodFile,
+  ZodFirstPartyTypeKind,
+  ZodFunction,
+  ZodGUID,
+  ZodIPv4,
+  ZodIPv6,
+  ZodISODate,
+  ZodISODateTime,
+  ZodISODuration,
+  ZodISOTime,
+  ZodIntersection,
+  ZodIssueCode,
+  ZodJWT,
+  ZodKSUID,
+  ZodLazy,
+  ZodLiteral,
+  ZodMAC,
+  ZodMap,
+  ZodNaN,
+  ZodNanoID,
+  ZodNever,
+  ZodNonOptional,
+  ZodNull,
+  ZodNullable,
+  ZodNumber,
+  ZodNumberFormat,
+  ZodObject,
+  ZodOptional,
+  ZodPipe,
+  ZodPrefault,
+  ZodPromise,
+  ZodReadonly,
+  ZodRealError,
+  ZodRecord,
+  ZodSet,
+  ZodString,
+  ZodStringFormat,
+  ZodSuccess,
+  ZodSymbol,
+  ZodTemplateLiteral,
+  ZodTransform,
+  ZodTuple,
+  ZodType,
+  ZodULID,
+  ZodURL,
+  ZodUUID,
+  ZodUndefined,
+  ZodUnion,
+  ZodUnknown,
+  ZodVoid,
+  ZodXID,
+  ZodXor,
+  _ZodString,
+  _catch,
+  _default,
+  _endsWith,
+  _enum,
+  _function,
+  _gt,
+  _gte,
+  _includes,
+  _instanceof,
+  _length,
+  _lowercase,
+  _lt,
+  _lte,
+  _maxLength,
+  _maxSize,
+  _mime,
+  _minLength,
+  _minSize,
+  _multipleOf,
+  _negative,
+  _nonnegative,
+  _nonpositive,
+  _normalize,
+  _null,
+  _overwrite,
+  _positive,
+  _property,
+  _regex,
+  _size,
+  _slugify,
+  _startsWith,
+  _toLowerCase,
+  _toUpperCase,
+  _trim,
+  _undefined,
+  _uppercase,
+  _void,
+  any,
+  array,
+  base64,
+  base64url,
+  bigint,
+  boolean,
+  check,
+  cidrv4,
+  cidrv6,
+  clone,
+  codec,
+  coerce_exports,
+  config,
+  core_exports,
+  cuid,
+  cuid2,
+  custom,
+  date,
+  decode,
+  decodeAsync,
+  describe,
+  discriminatedUnion,
+  e164,
+  email,
+  emoji,
+  encode,
+  encodeAsync,
+  external_exports,
+  file,
+  flattenError,
+  float32,
+  float64,
+  formatError,
+  fromJSONSchema,
+  getErrorMap,
+  globalRegistry,
+  guid,
+  hash,
+  hex,
+  hostname,
+  httpUrl,
+  int,
+  int32,
+  int64,
+  intersection,
+  ipv4,
+  ipv6,
+  iso_exports,
+  json,
+  jwt,
+  keyof,
+  ksuid,
+  lazy,
+  literal,
+  locales_exports,
+  looseObject,
+  looseRecord,
+  mac,
+  map,
+  meta,
+  nan,
+  nanoid,
+  nativeEnum,
+  never,
+  nonoptional,
+  nullable,
+  nullish,
+  number,
+  object,
+  optional,
+  parse,
+  parseAsync,
+  partialRecord,
+  pipe,
+  prefault,
+  preprocess,
+  prettifyError,
+  promise,
+  readonly,
+  record,
+  refine,
+  regexes_exports,
+  registry,
+  safeDecode,
+  safeDecodeAsync,
+  safeEncode,
+  safeEncodeAsync,
+  safeParse,
+  safeParseAsync,
+  set,
+  setErrorMap,
+  strictObject,
+  string,
+  stringFormat,
+  stringbool,
+  success,
+  superRefine,
+  symbol,
+  templateLiteral,
+  toJSONSchema,
+  transform,
+  treeifyError,
+  tuple,
+  uint32,
+  uint64,
+  ulid,
+  union,
+  unknown,
+  url,
+  util_exports,
+  uuid,
+  uuidv4,
+  uuidv6,
+  uuidv7,
+  xid,
+  xor,
+  zod_default
+} from "./chunk-TYOCAO5S.js";
+import "./chunk-DC5AMYBS.js";
+export {
+  $brand,
+  $input,
+  $output,
+  NEVER,
+  TimePrecision,
+  ZodAny,
+  ZodArray,
+  ZodBase64,
+  ZodBase64URL,
+  ZodBigInt,
+  ZodBigIntFormat,
+  ZodBoolean,
+  ZodCIDRv4,
+  ZodCIDRv6,
+  ZodCUID,
+  ZodCUID2,
+  ZodCatch,
+  ZodCodec,
+  ZodCustom,
+  ZodCustomStringFormat,
+  ZodDate,
+  ZodDefault,
+  ZodDiscriminatedUnion,
+  ZodE164,
+  ZodEmail,
+  ZodEmoji,
+  ZodEnum,
+  ZodError,
+  ZodFile,
+  ZodFirstPartyTypeKind,
+  ZodFunction,
+  ZodGUID,
+  ZodIPv4,
+  ZodIPv6,
+  ZodISODate,
+  ZodISODateTime,
+  ZodISODuration,
+  ZodISOTime,
+  ZodIntersection,
+  ZodIssueCode,
+  ZodJWT,
+  ZodKSUID,
+  ZodLazy,
+  ZodLiteral,
+  ZodMAC,
+  ZodMap,
+  ZodNaN,
+  ZodNanoID,
+  ZodNever,
+  ZodNonOptional,
+  ZodNull,
+  ZodNullable,
+  ZodNumber,
+  ZodNumberFormat,
+  ZodObject,
+  ZodOptional,
+  ZodPipe,
+  ZodPrefault,
+  ZodPromise,
+  ZodReadonly,
+  ZodRealError,
+  ZodRecord,
+  ZodSet,
+  ZodString,
+  ZodStringFormat,
+  ZodSuccess,
+  ZodSymbol,
+  ZodTemplateLiteral,
+  ZodTransform,
+  ZodTuple,
+  ZodType,
+  ZodULID,
+  ZodURL,
+  ZodUUID,
+  ZodUndefined,
+  ZodUnion,
+  ZodUnknown,
+  ZodVoid,
+  ZodXID,
+  ZodXor,
+  _ZodString,
+  _default,
+  _function,
+  any,
+  array,
+  base64,
+  base64url,
+  bigint,
+  boolean,
+  _catch as catch,
+  check,
+  cidrv4,
+  cidrv6,
+  clone,
+  codec,
+  coerce_exports as coerce,
+  config,
+  core_exports as core,
+  cuid,
+  cuid2,
+  custom,
+  date,
+  decode,
+  decodeAsync,
+  zod_default as default,
+  describe,
+  discriminatedUnion,
+  e164,
+  email,
+  emoji,
+  encode,
+  encodeAsync,
+  _endsWith as endsWith,
+  _enum as enum,
+  file,
+  flattenError,
+  float32,
+  float64,
+  formatError,
+  fromJSONSchema,
+  _function as function,
+  getErrorMap,
+  globalRegistry,
+  _gt as gt,
+  _gte as gte,
+  guid,
+  hash,
+  hex,
+  hostname,
+  httpUrl,
+  _includes as includes,
+  _instanceof as instanceof,
+  int,
+  int32,
+  int64,
+  intersection,
+  ipv4,
+  ipv6,
+  iso_exports as iso,
+  json,
+  jwt,
+  keyof,
+  ksuid,
+  lazy,
+  _length as length,
+  literal,
+  locales_exports as locales,
+  looseObject,
+  looseRecord,
+  _lowercase as lowercase,
+  _lt as lt,
+  _lte as lte,
+  mac,
+  map,
+  _maxLength as maxLength,
+  _maxSize as maxSize,
+  meta,
+  _mime as mime,
+  _minLength as minLength,
+  _minSize as minSize,
+  _multipleOf as multipleOf,
+  nan,
+  nanoid,
+  nativeEnum,
+  _negative as negative,
+  never,
+  _nonnegative as nonnegative,
+  nonoptional,
+  _nonpositive as nonpositive,
+  _normalize as normalize,
+  _null as null,
+  nullable,
+  nullish,
+  number,
+  object,
+  optional,
+  _overwrite as overwrite,
+  parse,
+  parseAsync,
+  partialRecord,
+  pipe,
+  _positive as positive,
+  prefault,
+  preprocess,
+  prettifyError,
+  promise,
+  _property as property,
+  readonly,
+  record,
+  refine,
+  _regex as regex,
+  regexes_exports as regexes,
+  registry,
+  safeDecode,
+  safeDecodeAsync,
+  safeEncode,
+  safeEncodeAsync,
+  safeParse,
+  safeParseAsync,
+  set,
+  setErrorMap,
+  _size as size,
+  _slugify as slugify,
+  _startsWith as startsWith,
+  strictObject,
+  string,
+  stringFormat,
+  stringbool,
+  success,
+  superRefine,
+  symbol,
+  templateLiteral,
+  toJSONSchema,
+  _toLowerCase as toLowerCase,
+  _toUpperCase as toUpperCase,
+  transform,
+  treeifyError,
+  _trim as trim,
+  tuple,
+  uint32,
+  uint64,
+  ulid,
+  _undefined as undefined,
+  union,
+  unknown,
+  _uppercase as uppercase,
+  url,
+  util_exports as util,
+  uuid,
+  uuidv4,
+  uuidv6,
+  uuidv7,
+  _void as void,
+  xid,
+  xor,
+  external_exports as z
+};

package/templates/pong/node_modules/.vite/deps/zod.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/templates/pong/package.json

@@ -5,8 +5,11 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
+    "dev:server": "air-jam-server",
     "build": "tsc && vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit",
+    "install:standalone": "pnpm install --ignore-workspace"
   },
   "dependencies": {
     "@air-jam/sdk": "^0.1.0",
@@ -16,12 +19,20 @@
     "zod": "^4.2.1"
   },
   "devDependencies": {
+    "@air-jam/server": "^0.1.0",
+    "@eslint/js": "^9.39.1",
     "@tailwindcss/vite": "^4.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.3.0",
+    "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
     "tailwindcss": "^4.0.0",
     "typescript": "~5.6.0",
+    "typescript-eslint": "^8.46.4",
     "vite": "^6.0.0"
   }
 }

package/templates/pong/src/App.tsx

@@ -1,7 +1,7 @@
 import { AirJamProvider } from "@air-jam/sdk";
 import { Route, Routes } from "react-router-dom";
-import { ControllerView } from "./ControllerView";
-import { HostView } from "./HostView";
+import { ControllerView } from "./controller-view";
+import { HostView } from "./host-view";
 import { gameInputSchema } from "./types";
 
 export function App() {

package/templates/pong/src/controller-view.tsx

@@ -0,0 +1,143 @@
+import {
+  AirJamDebug,
+  ControllerShell,
+  useAirJamController,
+} from "@air-jam/sdk";
+import { useEffect, useRef } from "react";
+import { usePongStore, type PongState } from "./store";
+
+const TEAM1_COLOR = "#f97316"; // Solaris (Orange)
+const TEAM2_COLOR = "#38bdf8"; // Nebulon (Blue)
+
+export function ControllerView() {
+  const controller = useAirJamController();
+  const directionRef = useRef(0);
+
+  // Use the networked store
+  const teamAssignments = usePongStore(
+    (state: PongState) => state.teamAssignments,
+  );
+  const actions = usePongStore((state: PongState) => state.actions);
+
+  const myAssignment = controller.controllerId
+    ? teamAssignments[controller.controllerId]
+    : null;
+  const myTeam = myAssignment?.team ?? null;
+
+  // Send input loop (only when playing)
+  useEffect(() => {
+    if (controller.connectionStatus !== "connected") return;
+    if (controller.gameState !== "playing") return;
+
+    let animationId: number;
+    const loop = () => {
+      controller.sendInput({
+        direction: directionRef.current,
+        action: false,
+      });
+      console.log("directionRef.current", directionRef.current);
+      animationId = requestAnimationFrame(loop);
+    };
+    loop();
+    return () => cancelAnimationFrame(animationId);
+  }, [controller.connectionStatus, controller.gameState, controller]);
+
+  return (
+    <div className="relative bg-black">
+      <ControllerShell
+        connectionStatus={controller.connectionStatus}
+        roomId={controller.roomId}
+        requiredOrientation="portrait"
+        gameState={controller.gameState}
+        onTogglePlayPause={() => controller.sendSystemCommand("toggle_pause")}
+        onReconnect={() => controller.reconnect()}
+        onRefresh={() => window.location.reload()}
+      >
+        {/* Debug State Component */}
+        <div className="absolute top-5 right-5 z-50">
+          <AirJamDebug
+            state={usePongStore((state: PongState) => state)}
+            title="Pong Game State"
+          />
+        </div>
+        {controller.gameState === "paused" ? (
+          // Team selection UI (shown when paused)
+          <div className="flex h-full w-full flex-col gap-2 p-2">
+            {/* Up button - Select Team 1 */}
+            <button
+              type="button"
+              className={`flex-1 touch-none rounded-xl text-4xl font-bold text-white shadow-lg select-none hover:opacity-90 active:scale-95 ${
+                myTeam === "team1"
+                  ? "ring-4 ring-white ring-offset-2 ring-offset-zinc-900"
+                  : "opacity-70"
+              }`}
+              style={{
+                backgroundColor: myTeam === "team1" ? TEAM1_COLOR : "#3f3f46",
+                willChange: "transform",
+                transition: "none",
+              }}
+              onTouchStart={() => actions.joinTeam("team1")}
+              onMouseDown={() => actions.joinTeam("team1")}
+            >
+              SOLARIS
+            </button>
+
+            {/* Down button - Select Team 2 */}
+            <button
+              type="button"
+              className={`flex-1 touch-none rounded-xl text-4xl font-bold text-white shadow-lg select-none hover:opacity-90 active:scale-95 ${
+                myTeam === "team2"
+                  ? "ring-4 ring-white ring-offset-2 ring-offset-zinc-900"
+                  : "opacity-70"
+              }`}
+              style={{
+                backgroundColor: myTeam === "team2" ? TEAM2_COLOR : "#3f3f46",
+                willChange: "transform",
+                transition: "none",
+              }}
+              onTouchStart={() => actions.joinTeam("team2")}
+              onMouseDown={() => actions.joinTeam("team2")}
+            >
+              NEBULON
+            </button>
+          </div>
+        ) : (
+          // Game control buttons
+          <div className="flex h-full w-full flex-col gap-2 p-2">
+            {/* Up button */}
+            <button
+              type="button"
+              className="flex-1 touch-none rounded-xl bg-zinc-800 text-4xl font-bold text-white shadow-lg select-none hover:bg-zinc-700 active:scale-95 active:bg-zinc-700"
+              style={{
+                willChange: "transform",
+                transition: "none",
+              }}
+              onTouchStart={() => (directionRef.current = -1)}
+              onTouchEnd={() => (directionRef.current = 0)}
+              onMouseDown={() => (directionRef.current = -1)}
+              onMouseUp={() => (directionRef.current = 0)}
+            >
+              ▲ UP
+            </button>
+
+            {/* Down button */}
+            <button
+              type="button"
+              className="flex-1 touch-none rounded-xl bg-zinc-800 text-4xl font-bold text-white shadow-lg select-none hover:bg-zinc-700 active:scale-95 active:bg-zinc-700"
+              style={{
+                willChange: "transform",
+                transition: "none",
+              }}
+              onTouchStart={() => (directionRef.current = 1)}
+              onTouchEnd={() => (directionRef.current = 0)}
+              onMouseDown={() => (directionRef.current = 1)}
+              onMouseUp={() => (directionRef.current = 0)}
+            >
+              ▼ DOWN
+            </button>
+          </div>
+        )}
+      </ControllerShell>
+    </div>
+  );
+}