@vylos/cli 0.3.0 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vylos/cli",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/DevOpsBenjamin/Vylos"
@@ -17,7 +17,7 @@
     "tailwindcss": "^4.0.0",
     "@tailwindcss/vite": "^4.0.0",
     "tsx": "^4.19.2",
-    "@vylos/core": "0.3.0"
+    "@vylos/core": "0.4.0"
   },
   "devDependencies": {
     "typescript": "^5.7.2"

package/templates/.gitattributes

@@ -0,0 +1,8 @@
+*.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.jpeg filter=lfs diff=lfs merge=lfs -text
+*.webp filter=lfs diff=lfs merge=lfs -text
+*.mp4 filter=lfs diff=lfs merge=lfs -text
+*.webm filter=lfs diff=lfs merge=lfs -text
+*.ogg filter=lfs diff=lfs merge=lfs -text
+*.mp3 filter=lfs diff=lfs merge=lfs -text

package/templates/characters.ts

@@ -0,0 +1,9 @@
+import type { VylosCharacter } from '@vylos/core';
+
+/** Extend VylosCharacter with your project-specific fields */
+export interface Character extends VylosCharacter {
+  // portrait?: string;
+  // role?: string;
+}
+
+export const narrator: Character = { id: 'narrator', name: 'Narrator' };

package/templates/global/actions/wait.ts

@@ -1,9 +1,10 @@
-import type { VylosAction, BaseGameState } from '@vylos/core';
+import type { VylosAction } from '@vylos/core';
+import type { GameState } from '../../state';
 
-const wait: VylosAction = {
+const wait: VylosAction<GameState> = {
   id: 'wait',
   label: 'Wait 1 Hour',
-  execute(state: BaseGameState) {
+  execute(state: GameState) {
     state.gameTime += 1;
   },
 };

package/templates/global/events/intro.ts

@@ -1,10 +1,12 @@
-import type { VylosEvent, VylosAPI, BaseGameState } from '@vylos/core';
+import type { VylosEvent, VylosAPI } from '@vylos/core';
+import type { GameState } from '../../state';
+import { narrator } from '../../characters';
 
-const intro: VylosEvent = {
+const intro: VylosEvent<GameState> = {
   id: 'intro',
   conditions: (state) => !state.flags['intro_done'],
-  async execute(engine: VylosAPI, state: BaseGameState) {
-    await engine.say('Welcome to your Vylos game!');
+  async execute(engine: VylosAPI, state: GameState) {
+    await engine.say('Welcome to your Vylos game!', { from: narrator });
     await engine.say('This is a starter template. Edit the events to build your story.');
 
     const pick = await engine.choice([

package/templates/main.ts

@@ -6,7 +6,6 @@ import {
   GameShell,
   createEngine,
   useEngineStateStore,
-  useGameStateStore,
   ENGINE_INJECT_KEY,
   CONFIG_INJECT_KEY,
   EnginePhase,
@@ -14,8 +13,10 @@ import {
   ActionManager,
   type EventRunnerCallbacks,
   type TextEntry,
+  type VylosCharacter,
 } from '@vylos/core';
 import config from './vylos.config';
+import { useGameStore } from './state';
 
 // Locations
 import home from './locations/home/location';
@@ -31,7 +32,7 @@ const pinia = createPinia();
 app.use(pinia);
 
 const engineState = useEngineStateStore(pinia);
-const gameState = useGameStateStore(pinia);
+const gameState = useGameStore(pinia);
 
 // Location manager
 const locationManager = new LocationManager();
@@ -42,7 +43,7 @@ const actionManager = new ActionManager();
 actionManager.registerAll([wait]);
 
 const callbacks: EventRunnerCallbacks = {
-  onSay(text, speaker) {
+  onSay(text: string, speaker: VylosCharacter | null) {
     engineState.setDialogue({ text, speaker, isNarration: !speaker });
   },
   onChoice(options) {

package/templates/package.json

@@ -8,8 +8,8 @@
     "build": "vylos build"
   },
   "dependencies": {
-    "@vylos/core": "^0.2.1",
-    "@vylos/cli": "^0.2.1",
+    "@vylos/core": "^0.4.0",
+    "@vylos/cli": "^0.4.0",
     "vue": "^3.5.13",
     "pinia": "^2.3.0",
     "reflect-metadata": "^0.2.2",

package/templates/player.ts

@@ -0,0 +1,16 @@
+import type { Character } from './characters';
+
+/** Extend Character with your player-specific fields */
+export interface Player extends Character {
+  // health: number;
+  // gold: number;
+}
+
+export function createDefaultPlayer(): Player {
+  return {
+    id: 'player',
+    name: 'Player',
+    // health: 100,
+    // gold: 0,
+  };
+}

package/templates/state.ts

@@ -0,0 +1,39 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import type { VylosGameState } from '@vylos/core';
+import { deepMerge } from '@vylos/core';
+import { type Player, createDefaultPlayer } from './player';
+
+/** Your game state — extends VylosGameState with your own fields */
+export interface GameState extends VylosGameState {
+  player: Player;
+}
+
+export function createDefaultState(): GameState {
+  return {
+    locationId: '',
+    gameTime: 8,
+    flags: {},
+    counters: {},
+    player: createDefaultPlayer(),
+    inventories: {},
+  };
+}
+
+export const useGameStore = defineStore('gameState', () => {
+  const state = ref<GameState>(createDefaultState());
+
+  function getState(): GameState {
+    return state.value;
+  }
+
+  function setState(newState: Partial<GameState>) {
+    state.value = deepMerge(createDefaultState(), newState) as GameState;
+  }
+
+  function $reset() {
+    state.value = createDefaultState();
+  }
+
+  return { state, getState, setState, $reset };
+});