@evitcastudio/kit 2.1.2 → 2.3.0

package/lib/bundle/cli/kit-game-templates/multi/README.md

@@ -0,0 +1,5 @@
+# kit-multiplayer-template
+
+This is a multiplayer game template for the Vylocity Game Engine.
+
+More info coming soon.

package/lib/bundle/cli/kit-game-templates/multi/bun-build.ts

@@ -0,0 +1,109 @@
+import Bun from 'bun';
+import type { BunPlugin } from 'bun';
+import CopyBunPlugin from '@evitcastudio/copy-bun-plugin';
+import chalk from 'chalk';
+
+import packageJson from './package.json';
+
+const banner = [
+  `/*!`,
+  ` * ${packageJson.name}@${packageJson.version}`,
+  ` * Compiled ${new Date().toUTCString().replace(/GMT/g, 'UTC')}`,
+  ` *`,
+  ` * ${packageJson.name} is privately licensed. All rights reserved.`,
+  ` * Author: ${packageJson.author ?? 'Unnamed'}`,
+  ` */`,
+].join('\n');
+
+type BuildOptions = {
+  entries: string[],
+  outDir: string,
+  outName: string,
+  banner?: boolean,
+  minify?: boolean,
+  sourceMap?: 'none' | 'linked' | 'inline' | 'external' | undefined,
+  plugins?: BunPlugin[],
+  target: 'browser' | 'bun' | 'node' | undefined
+}
+
+export const logMessage = (pLevel: string, pMessage: string): void => {
+  const colors:  Record<string, string> = { error: '#c42847', info: '#ffa552' };
+  const levelFormatted = pLevel.charAt(0).toUpperCase() + pLevel.slice(1);
+  const color = colors[pLevel] || '#ffa552';
+  console.log(chalk.hex(color)(`[Builder][${levelFormatted}]`), `${pMessage}`);
+};
+
+const build = async(pBuildOptions: BuildOptions): Promise<number> => {
+  const startStamp = Date.now();
+  const result = await Bun.build({
+    entrypoints: pBuildOptions.entries,
+    outdir: pBuildOptions.outDir,
+    minify: {
+      identifiers: pBuildOptions.minify,
+      syntax: pBuildOptions.minify,
+      whitespace: pBuildOptions.minify
+    },
+    sourcemap: pBuildOptions.sourceMap,
+    naming: pBuildOptions.outName,
+    target: pBuildOptions.target,
+    plugins: pBuildOptions.plugins,
+    banner: banner
+  });
+
+  if (!result.success) {
+    logMessage('error', `Build failed.`);
+    console.error(result);
+    throw new AggregateError(result.logs, 'Build failed');
+  }
+
+  const elapsed = Date.now() - startStamp;
+  return elapsed;
+}
+
+export const buildEnvs = async () => {
+    const [ clientBuildTime, serverBuildTime ] = await Promise.all([
+    // Client build
+    build({
+      entries: ['./src/client/index.ts'],
+      outDir: './dist',
+      outName: 'index.js',
+      minify: true,
+      banner: true,
+      // sourceMap: 'linked',
+      target: 'browser',
+      plugins: [
+        CopyBunPlugin({
+          verbose: true,
+          resources: [
+            { src: './src/client/**/*.{html,css}', dst: 'dist/' },
+            { src: './favicon.ico', dst: 'dist/' },
+            { src: './src/client/vendor/vylocity-game-engine/vylo.client.js', dst: 'dist/vendor/vylocity-game-engine/' },
+          ]
+        })
+      ]
+    }),
+    // Server build
+    build({
+      entries: ['./src/server/index.ts'],
+      outDir: './dist',
+      outName: 'server.js',
+      banner: true,
+      target: 'node',
+      plugins: [
+        CopyBunPlugin({
+          verbose: true,
+          resources: [
+            { src: './src/server/settings.json', dst: 'dist/' },
+          ]
+        })
+      ]
+    })
+  ]);
+
+  logMessage('info', `Client Build took: ${clientBuildTime}ms`);
+  logMessage('info', `Server Build took: ${serverBuildTime}ms`);
+}
+
+if (import.meta.main) {
+  await buildEnvs();
+}

package/lib/bundle/cli/kit-game-templates/multi/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "{{PROJECT_NAME}}",
+  "version": "1.0.0",
+  "author": "{{PROJECT_AUTHOR}}",
+  "description": "",
+  "type": "module",
+  "module": "src/index.ts",
+  "engines": {
+    "bun": ">=1.1.0"
+  },
+  "dependencies": {
+    "@evitcastudio/kit": "latest"
+  },
+  "devDependencies": {
+    "@evitcastudio/copy-bun-plugin": "^1.0.4",
+    "@types/bun": "latest",
+    "chalk": "^5.4.1",
+    "typescript": "^5.7.2"
+  },
+  "scripts": {
+    "build": "kit build -v -i ./src/resources -o ./dist && bun run bun-build.ts",
+    "host": "bun run build && cd dist && node server.js"
+  }
+}

package/lib/bundle/cli/kit-game-templates/multi/src/client/c-network.ts

@@ -0,0 +1,22 @@
+import { Kit, Network } from '@evitcastudio/kit';
+import { serverPackets } from './packets/s-packets';
+
+Kit.registerPlugin(Network);
+
+const networkPlugin = Kit.getPlugin<Network>('Network');
+
+if (!networkPlugin) {
+    throw new Error('Network plugin not found.');
+}
+
+networkPlugin.registerPackets(serverPackets);
+
+networkPlugin.on('SERVER_EXAMPLE3_PACKET', (pClient: Client, pData: number, pData2: number, pData3: number) => {
+    console.log('data', pData, pData2, pData3);
+});
+
+VYLO.setType('Client', {
+    onPacket(this: Client, pPacketName: string, pData: unknown[]) {
+        networkPlugin?.onNetwork(this, pPacketName, pData, true);
+    }
+});

package/lib/bundle/cli/kit-game-templates/multi/src/client/index.html

@@ -0,0 +1,9 @@
+<HTML lang="en-us">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>{{PROJECT_NAME}}</title>
+        <script src="./vendor/vylocity-game-engine/vylo.client.js"></script>
+        <script type="module" src="./index.js"></script>
+    </head>
+</HTML>

package/lib/bundle/cli/kit-game-templates/multi/src/client/index.ts

@@ -0,0 +1,45 @@
+import { Kit } from '@evitcastudio/kit';
+import type { Network } from '@evitcastudio/kit';
+import '../map-types';
+import './c-network';
+import resourceJSON from 'resource.json';
+
+await Kit.setResources(resourceJSON);
+
+const networkPlugin = Kit.getPlugin<Network>('Network');
+
+// Set the resolution of the game
+VYLO.setType('World', {
+    onNew() {
+        console.log('World created.');
+    },
+    onMapLoaded(this: World, pName: string) {
+        console.log(`'${pName}' map loaded.`);
+    }
+});
+
+VYLO.setType('Client', {
+    mainOutput: '',
+    maxFPS: 0,
+    hideFPS: false,
+    screenView: {
+        scaleTo: 'normal',
+        scaleNearest: true, 
+        disableImageSmoothing: true
+    },
+    onConnect(this: Client) {
+        console.log('onConnect');
+        this.sendPacket(networkPlugin?.getPacket('SERVER_EXAMPLE2_PACKET')!, [1, 2, 3]);
+    }
+});
+
+VYLO.setType('Mob/Player', {
+    onLogin(this: Diob) {
+        console.log('onLogin');
+    },
+    onLogout(this: Diob) {
+        console.log('onLogout');
+    }
+});
+
+await VYLO.load();

package/lib/bundle/cli/kit-game-templates/multi/src/client/packets/s-packets.ts

@@ -0,0 +1,5 @@
+export const serverPackets = [
+    'SERVER_EXAMPLE1_PACKET', 
+    'SERVER_EXAMPLE2_PACKET', 
+    'SERVER_EXAMPLE3_PACKET'
+] as const;