@vylos/cli 0.4.0 → 0.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vylos/cli",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "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.4.0"
+    "@vylos/core": "0.4.1"
   },
   "devDependencies": {
     "typescript": "^5.7.2"

package/src/commands/build.ts

@@ -5,12 +5,17 @@ import { viteSingleFile } from 'vite-plugin-singlefile';
 import { resolve } from 'path';
 import { vylosProjectPlugin } from '../vite/projectPlugin';
 import { vylosI18nPlugin } from '../vite/i18nPlugin';
+import { resolveGameAlias } from '../utils/resolveGameAlias';
 
 export async function build(projectRoot: string, base?: string) {
   console.log(`\n  Vylos building...\n  Project: ${projectRoot}\n`);
 
   const outDir = resolve(projectRoot, 'dist');
 
+  const alias: Record<string, string> = { '@project': projectRoot };
+  const gamePlugin = resolveGameAlias(projectRoot);
+  if (gamePlugin) alias['@game'] = gamePlugin;
+
   await viteBuild({
     root: projectRoot,
     base: base ?? '/',
@@ -22,9 +27,7 @@ export async function build(projectRoot: string, base?: string) {
       viteSingleFile(),
     ],
     resolve: {
-      alias: {
-        '@project': projectRoot,
-      },
+      alias,
     },
     build: {
       outDir,

package/src/commands/create.ts

@@ -1,7 +1,9 @@
 import { resolve, dirname } from 'path';
-import { existsSync, mkdirSync, cpSync, readFileSync, writeFileSync } from 'fs';
+import { existsSync, mkdirSync, cpSync, readFileSync, writeFileSync, renameSync } from 'fs';
 import { fileURLToPath } from 'url';
 
+const TEMPLATE_PLUGIN_NAME = 'my-vylos-game';
+
 export async function create(name: string, targetDir?: string) {
   const dest = resolve(targetDir ?? process.cwd(), name);
 
@@ -24,6 +26,13 @@ export async function create(name: string, targetDir?: string) {
   mkdirSync(dest, { recursive: true });
   cpSync(templateDir, dest, { recursive: true });
 
+  // Rename plugins/my-vylos-game → plugins/<name>
+  const oldPluginDir = resolve(dest, 'plugins', TEMPLATE_PLUGIN_NAME);
+  const newPluginDir = resolve(dest, 'plugins', name);
+  if (existsSync(oldPluginDir)) {
+    renameSync(oldPluginDir, newPluginDir);
+  }
+
   // Replace project name in package.json
   const pkgPath = resolve(dest, 'package.json');
   if (existsSync(pkgPath)) {
@@ -31,6 +40,13 @@ export async function create(name: string, targetDir?: string) {
     writeFileSync(pkgPath, pkg.replace('"my-vylos-game"', `"${name}"`));
   }
 
+  // Update @game alias in tsconfig.json to point to the renamed plugin
+  const tsconfigPath = resolve(dest, 'tsconfig.json');
+  if (existsSync(tsconfigPath)) {
+    const tsconfig = readFileSync(tsconfigPath, 'utf-8');
+    writeFileSync(tsconfigPath, tsconfig.replaceAll(TEMPLATE_PLUGIN_NAME, name));
+  }
+
   console.log(`  Project created at: ${dest}`);
   console.log(`\n  Next steps:`);
   console.log(`    cd ${name}`);

package/src/commands/dev.ts

@@ -5,10 +5,15 @@ import { resolve } from 'path';
 import { vylosProjectPlugin } from '../vite/projectPlugin';
 import { vylosI18nPlugin } from '../vite/i18nPlugin';
 import { vylosEditorApiPlugin } from '../vite/editorApiPlugin';
+import { resolveGameAlias } from '../utils/resolveGameAlias';
 
 export async function dev(projectRoot: string) {
   console.log(`\n  Vylos dev server starting...\n  Project: ${projectRoot}\n`);
 
+  const alias: Record<string, string> = { '@project': projectRoot };
+  const gamePlugin = resolveGameAlias(projectRoot);
+  if (gamePlugin) alias['@game'] = gamePlugin;
+
   const server = await createServer({
     root: projectRoot,
     plugins: [
@@ -19,9 +24,7 @@ export async function dev(projectRoot: string) {
       vylosEditorApiPlugin(),
     ],
     resolve: {
-      alias: {
-        '@project': projectRoot,
-      },
+      alias,
       dedupe: ['vue', 'pinia'],
     },
     optimizeDeps: {

package/src/utils/resolveGameAlias.ts

@@ -0,0 +1,17 @@
+import { resolve } from 'path';
+import { existsSync, readdirSync, statSync } from 'fs';
+
+/**
+ * Scans `plugins/` for the first subdirectory and returns its absolute path.
+ * Returns null if no plugins directory or no subdirectory exists.
+ */
+export function resolveGameAlias(projectRoot: string): string | null {
+  const pluginsDir = resolve(projectRoot, 'plugins');
+  if (!existsSync(pluginsDir)) return null;
+
+  const dirs = readdirSync(pluginsDir).filter(f =>
+    statSync(resolve(pluginsDir, f)).isDirectory(),
+  );
+
+  return dirs.length > 0 ? resolve(pluginsDir, dirs[0]) : null;
+}

package/templates/global/actions/wait.ts

@@ -1,5 +1,5 @@
 import type { VylosAction } from '@vylos/core';
-import type { GameState } from '../../state';
+import type { GameState } from '@game';
 
 const wait: VylosAction<GameState> = {
   id: 'wait',

package/templates/global/events/intro.ts

@@ -1,6 +1,6 @@
 import type { VylosEvent, VylosAPI } from '@vylos/core';
-import type { GameState } from '../../state';
-import { narrator } from '../../characters';
+import type { GameState } from '@game';
+import { narrator } from '@game';
 
 const intro: VylosEvent<GameState> = {
   id: 'intro',

package/templates/main.ts

@@ -16,7 +16,7 @@ import {
   type VylosCharacter,
 } from '@vylos/core';
 import config from './vylos.config';
-import { useGameStore } from './state';
+import { useGameStore } from '@game';
 
 // Locations
 import home from './locations/home/location';

package/templates/{state.ts → plugins/my-vylos-game/gameState.ts}

@@ -2,37 +2,37 @@ 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';
+import { type Player, createPlayer } from './player';
 
 /** Your game state — extends VylosGameState with your own fields */
 export interface GameState extends VylosGameState {
   player: Player;
 }
 
-export function createDefaultState(): GameState {
+export function createState(): GameState {
   return {
     locationId: '',
     gameTime: 8,
     flags: {},
     counters: {},
-    player: createDefaultPlayer(),
+    player: createPlayer(),
     inventories: {},
   };
 }
 
 export const useGameStore = defineStore('gameState', () => {
-  const state = ref<GameState>(createDefaultState());
+  const state = ref<GameState>(createState());
 
   function getState(): GameState {
     return state.value;
   }
 
   function setState(newState: Partial<GameState>) {
-    state.value = deepMerge(createDefaultState(), newState) as GameState;
+    state.value = deepMerge(createState(), newState) as GameState;
   }
 
   function $reset() {
-    state.value = createDefaultState();
+    state.value = createState();
   }
 
   return { state, getState, setState, $reset };

package/templates/plugins/my-vylos-game/index.ts

@@ -0,0 +1,3 @@
+export * from './gameState';
+export * from './characters';
+export * from './player';

package/templates/{player.ts → plugins/my-vylos-game/player.ts}

@@ -6,7 +6,7 @@ export interface Player extends Character {
   // gold: number;
 }
 
-export function createDefaultPlayer(): Player {
+export function createPlayer(): Player {
   return {
     id: 'player',
     name: 'Player',

package/templates/tsconfig.json

@@ -13,7 +13,11 @@
     "jsx": "preserve",
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
-    "baseUrl": "."
+    "baseUrl": ".",
+    "paths": {
+      "@game": ["./plugins/my-vylos-game"],
+      "@game/*": ["./plugins/my-vylos-game/*"]
+    }
   },
   "include": ["./**/*.ts", "./**/*.vue", "./env.d.ts"],
   "exclude": ["node_modules", "dist"]