@thomasfarineau/anvil 0.0.2 → 0.0.3

package/src/template/frontends/vanilla-ts/src/main.ts

@@ -0,0 +1,193 @@
+import { MC } from './api.js';
+import type { InitStatus, LauncherConfig } from './api.js';
+
+const $ = <T extends HTMLElement>(id: string): T =>
+  document.getElementById(id) as T;
+
+// ── Boot ────────────────────────────────────────────────────
+const [config, settings, initStatus] = await Promise.all([
+  MC.getConfig(),
+  MC.getSettings(),
+  MC.getInitStatus(),
+]);
+
+if (settings.username) {
+  $<HTMLInputElement>('username-input').value = settings.username;
+}
+
+document.title = config.app_name;
+
+const allInstalled =
+  initStatus.java_ok && initStatus.instances.every((i) => i.installed);
+
+if (allInstalled) {
+  showMain(config);
+} else {
+  showSetup(config, initStatus);
+}
+
+// ── Main page ────────────────────────────────────────────────
+function showMain(cfg: LauncherConfig): void {
+  $('main-view').style.display = 'flex';
+  $('server-name').textContent = cfg.app_name;
+
+  if (cfg.logo) {
+    const logo = $<HTMLImageElement>('logo');
+    logo.src = `./${cfg.logo}`;
+    logo.style.display = 'block';
+  }
+
+  const container = $('instances-container');
+  for (const inst of cfg.instances) {
+    const btn = document.createElement('button');
+    btn.className = 'instance-btn';
+    btn.id = `play-${inst.id}`;
+    btn.textContent = `▶  ${inst.name}`;
+    btn.disabled = true;
+    btn.addEventListener('click', () => onPlay(inst.id));
+    container.appendChild(btn);
+  }
+
+  $('username-input').addEventListener('input', updateButtons);
+  updateButtons();
+
+  MC.on.gameStarting((id) => {
+    const btn = $<HTMLButtonElement>(`play-${id}`);
+    btn.textContent = '■  Stop';
+    btn.disabled = false;
+    btn.dataset.running = '1';
+  });
+  MC.on.gameExit(({ instance_id, code }) => {
+    const btn = $<HTMLButtonElement>(`play-${instance_id}`);
+    btn.textContent = `▶  ${cfg.instances.find((i) => i.id === instance_id)?.name ?? instance_id}`;
+    delete btn.dataset.running;
+    updateButtons();
+    $('game-status').textContent =
+      code === 0 ? 'Session ended.' : `Exited with code ${code}.`;
+  });
+
+  // Check for updates silently
+  MC.checkUpdate()
+    .then((info) => {
+      if (info) {
+        const ok = confirm(
+          `Update ${info.version} available.\n\n${info.notes}\n\nInstall now?`,
+        );
+        if (ok) MC.doUpdate(info.url);
+      }
+    })
+    .catch(() => {});
+}
+
+function updateButtons(): void {
+  const username = $<HTMLInputElement>('username-input').value.trim();
+  document
+    .querySelectorAll<HTMLButtonElement>('.instance-btn')
+    .forEach((btn) => {
+      if (!btn.dataset.running) btn.disabled = !username;
+    });
+}
+
+async function onPlay(instanceId: string): Promise<void> {
+  const btn = $<HTMLButtonElement>(`play-${instanceId}`);
+  if (btn.dataset.running) {
+    await MC.stop(instanceId).catch(() => {});
+    return;
+  }
+  const username = $<HTMLInputElement>('username-input').value.trim();
+  if (!username) return;
+  const current = await MC.getSettings();
+  await MC.saveSettings({ ...current, username });
+  try {
+    await MC.verify(instanceId);
+    await MC.play(instanceId);
+  } catch (e) {
+    alert(`Error: ${e}`);
+  }
+}
+
+// ── Setup page ───────────────────────────────────────────────
+function showSetup(cfg: LauncherConfig, init: InitStatus): void {
+  $('setup-overlay').style.display = 'flex';
+  $('setup-title').textContent = `Setup — ${cfg.app_name}`;
+  $<HTMLInputElement>('dir-input').value = init.launcher_dir;
+
+  $('dir-default-btn').addEventListener('click', async () => {
+    $<HTMLInputElement>('dir-input').value = await MC.getDefaultDir();
+  });
+
+  renderSteps(init, cfg);
+
+  $('install-btn').addEventListener('click', onInstall);
+
+  // Live progress
+  MC.on.setupProgress(({ step, current, total, label, error }) => {
+    const pct = total > 0 ? Math.round((current * 100) / total) : 0;
+    const fill = document.getElementById(`bar-${step}`);
+    const lbl = document.getElementById(`lbl-${step}`);
+    if (fill) {
+      fill.style.width = `${pct}%`;
+      fill.style.background = error ? '#ef5350' : '#4caf50';
+    }
+    if (lbl) lbl.textContent = label;
+  });
+
+  MC.on.setupDone(async () => {
+    const status = await MC.getInitStatus();
+    if (status.java_ok && status.instances.every((i) => i.installed)) {
+      $('setup-overlay').style.display = 'none';
+      showMain(cfg);
+    } else {
+      const btn = $<HTMLButtonElement>('install-btn');
+      btn.textContent = 'Retry';
+      btn.disabled = false;
+    }
+  });
+}
+
+function renderSteps(init: InitStatus, cfg: LauncherConfig): void {
+  const steps = [
+    { id: 'java', name: 'Java JRE', installed: init.java_ok },
+    ...cfg.instances.map((inst) => ({
+      id: inst.id,
+      name: inst.name,
+      installed:
+        init.instances.find((i) => i.id === inst.id)?.installed ?? false,
+    })),
+  ];
+  $('steps-container').innerHTML = steps
+    .map(
+      (s) => `
+        <div class="step">
+          <div class="step-name" style="color:${s.installed ? '#4caf50' : '#aaa'}">
+            ${s.installed ? '✓' : '○'}  ${s.name}
+          </div>
+          <div class="bar-track"><div class="bar-fill" id="bar-${s.id}" style="width:${s.installed ? 100 : 0}%"></div></div>
+          <div class="step-label" id="lbl-${s.id}">${s.installed ? 'Installed' : ''}</div>
+        </div>
+      `,
+    )
+    .join('');
+}
+
+async function onInstall(): Promise<void> {
+  const dir = $<HTMLInputElement>('dir-input').value.trim();
+  if (!dir) {
+    $('setup-error').textContent = 'Choose an install folder.';
+    return;
+  }
+  const btn = $<HTMLButtonElement>('install-btn');
+  btn.disabled = true;
+  btn.textContent = 'Installing…';
+  $('setup-error').textContent = '';
+
+  try {
+    const current = await MC.getSettings();
+    await MC.saveSettings({ ...current, launcher_dir: dir });
+    await MC.runSetup();
+  } catch (e) {
+    $('setup-error').textContent = `Error: ${e}`;
+    btn.disabled = false;
+    btn.textContent = 'Retry';
+  }
+}

package/src/template/frontends/vanilla-ts/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"]
+  },
+  "include": ["src"]
+}

package/src/template/frontends/vanilla-ts/vite.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  root: 'src',
+  clearScreen: false,
+  server: { port: 5173, strictPort: true },
+  build: { outDir: '../dist', emptyOutDir: true, target: 'es2022' },
+});

package/src/template/frontends/vue-js/src/App.vue

@@ -0,0 +1,155 @@
+<script setup>
+import { computed, onMounted, reactive, ref } from 'vue';
+import { MC } from './api.js';
+
+const view = ref('loading');
+const config = ref(null);
+const status = ref(null);
+const username = ref('');
+const dir = ref('');
+const progress = reactive({});
+const installing = ref(false);
+const running = ref([]);
+const message = ref('');
+const error = ref('');
+
+const steps = computed(() => {
+  if (!config.value || !status.value) return [];
+  return [
+    { id: 'java', name: 'Java JRE', installed: status.value.java_ok },
+    ...config.value.instances.map((inst) => ({
+      id: inst.id,
+      name: inst.name,
+      installed:
+        status.value.instances.find((i) => i.id === inst.id)?.installed ??
+        false,
+    })),
+  ];
+});
+
+onMounted(async () => {
+  const [cfg, settings, init] = await Promise.all([
+    MC.getConfig(),
+    MC.getSettings(),
+    MC.getInitStatus(),
+  ]);
+  document.title = cfg.app_name;
+  config.value = cfg;
+  status.value = init;
+  username.value = settings.username ?? '';
+  dir.value = init.launcher_dir;
+  view.value =
+    init.java_ok && init.instances.every((i) => i.installed) ? 'main' : 'setup';
+
+  MC.on.setupProgress(({ step, current, total, label, error: err }) => {
+    progress[step] = {
+      pct: total > 0 ? Math.round((current * 100) / total) : 0,
+      label,
+      error: err,
+    };
+  });
+  MC.on.setupDone(async () => {
+    const s = await MC.getInitStatus();
+    status.value = s;
+    installing.value = false;
+    if (s.java_ok && s.instances.every((i) => i.installed)) {
+      view.value = 'main';
+    }
+  });
+  MC.on.gameStarting((id) => running.value.push(id));
+  MC.on.gameExit(({ instance_id, code }) => {
+    running.value = running.value.filter((x) => x !== instance_id);
+    message.value = code === 0 ? 'Session ended.' : `Exited with code ${code}.`;
+  });
+});
+
+async function setDefaultDir() {
+  dir.value = await MC.getDefaultDir();
+}
+
+async function install() {
+  if (!dir.value.trim()) {
+    error.value = 'Choose an install folder.';
+    return;
+  }
+  error.value = '';
+  installing.value = true;
+  try {
+    const settings = await MC.getSettings();
+    await MC.saveSettings({ ...settings, launcher_dir: dir.value.trim() });
+    await MC.runSetup();
+  } catch (e) {
+    error.value = `Error: ${e}`;
+    installing.value = false;
+  }
+}
+
+async function playOrStop(id) {
+  if (running.value.includes(id)) {
+    await MC.stop(id).catch(() => {});
+    return;
+  }
+  if (!username.value.trim()) return;
+  const settings = await MC.getSettings();
+  await MC.saveSettings({ ...settings, username: username.value.trim() });
+  try {
+    await MC.verify(id);
+    await MC.play(id);
+  } catch (e) {
+    message.value = `Error: ${e}`;
+  }
+}
+</script>
+
+<template>
+  <div v-if="view === 'setup'" id="setup-overlay">
+    <div class="card">
+      <h1>Setup — {{ config.app_name }}</h1>
+      <label>Install folder</label>
+      <div class="dir-row">
+        <input v-model="dir" type="text" />
+        <button @click="setDefaultDir">Default</button>
+      </div>
+      <div v-for="s in steps" :key="s.id" class="step">
+        <div
+          class="step-name"
+          :style="{ color: s.installed ? '#4caf50' : '#aaa' }">
+          {{ s.installed ? '✓' : '○' }} {{ s.name }}
+        </div>
+        <div class="bar-track">
+          <div
+            class="bar-fill"
+            :style="{
+              width: `${progress[s.id]?.pct ?? (s.installed ? 100 : 0)}%`,
+              background: progress[s.id]?.error ? '#ef5350' : '#4caf50',
+            }" />
+        </div>
+        <div class="step-label">
+          {{ progress[s.id]?.label ?? (s.installed ? 'Installed' : '') }}
+        </div>
+      </div>
+      <button class="install-btn" :disabled="installing" @click="install">
+        {{ installing ? 'Installing…' : 'Install' }}
+      </button>
+      <p class="status" style="color: #ef5350">{{ error }}</p>
+    </div>
+  </div>
+
+  <div v-else-if="view === 'main'" class="card">
+    <div class="brand">
+      <img v-if="config.logo" :src="`./${config.logo}`" alt="" />
+      <h1>{{ config.app_name }}</h1>
+    </div>
+    <label>Username</label>
+    <input v-model="username" type="text" maxlength="16" placeholder="Steve" />
+    <button
+      v-for="inst in config.instances"
+      :key="inst.id"
+      class="instance-btn"
+      :disabled="!running.includes(inst.id) && !username.trim()"
+      @click="playOrStop(inst.id)">
+      {{ running.includes(inst.id) ? '■  Stop' : `▶  ${inst.name}` }}
+    </button>
+    <p class="status">{{ message }}</p>
+  </div>
+</template>

package/src/template/frontends/vue-js/src/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Launcher</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./main.js"></script>
+  </body>
+</html>

package/src/template/frontends/vue-js/src/main.js

@@ -0,0 +1,5 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import './style.css';
+
+createApp(App).mount('#app');

package/src/template/frontends/vue-js/vite.config.js

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+
+export default defineConfig({
+  root: 'src',
+  plugins: [vue()],
+  clearScreen: false,
+  server: { port: 5173, strictPort: true },
+  build: { outDir: '../dist', emptyOutDir: true, target: 'es2022' },
+});

package/src/template/frontends/vue-ts/src/App.vue

@@ -0,0 +1,158 @@
+<script setup lang="ts">
+import { computed, onMounted, reactive, ref } from 'vue';
+import { MC } from './api.js';
+import type { InitStatus, LauncherConfig } from './api.js';
+
+const view = ref<'loading' | 'setup' | 'main'>('loading');
+const config = ref<LauncherConfig | null>(null);
+const status = ref<InitStatus | null>(null);
+const username = ref('');
+const dir = ref('');
+const progress = reactive<
+  Record<string, { pct: number; label: string; error: boolean }>
+>({});
+const installing = ref(false);
+const running = ref<string[]>([]);
+const message = ref('');
+const error = ref('');
+
+const steps = computed(() => {
+  if (!config.value || !status.value) return [];
+  return [
+    { id: 'java', name: 'Java JRE', installed: status.value.java_ok },
+    ...config.value.instances.map((inst) => ({
+      id: inst.id,
+      name: inst.name,
+      installed:
+        status.value.instances.find((i) => i.id === inst.id)?.installed ??
+        false,
+    })),
+  ];
+});
+
+onMounted(async () => {
+  const [cfg, settings, init] = await Promise.all([
+    MC.getConfig(),
+    MC.getSettings(),
+    MC.getInitStatus(),
+  ]);
+  document.title = cfg.app_name;
+  config.value = cfg;
+  status.value = init;
+  username.value = settings.username ?? '';
+  dir.value = init.launcher_dir;
+  view.value =
+    init.java_ok && init.instances.every((i) => i.installed) ? 'main' : 'setup';
+
+  MC.on.setupProgress(({ step, current, total, label, error: err }) => {
+    progress[step] = {
+      pct: total > 0 ? Math.round((current * 100) / total) : 0,
+      label,
+      error: err,
+    };
+  });
+  MC.on.setupDone(async () => {
+    const s = await MC.getInitStatus();
+    status.value = s;
+    installing.value = false;
+    if (s.java_ok && s.instances.every((i) => i.installed)) {
+      view.value = 'main';
+    }
+  });
+  MC.on.gameStarting((id) => running.value.push(id));
+  MC.on.gameExit(({ instance_id, code }) => {
+    running.value = running.value.filter((x) => x !== instance_id);
+    message.value = code === 0 ? 'Session ended.' : `Exited with code ${code}.`;
+  });
+});
+
+async function setDefaultDir() {
+  dir.value = await MC.getDefaultDir();
+}
+
+async function install() {
+  if (!dir.value.trim()) {
+    error.value = 'Choose an install folder.';
+    return;
+  }
+  error.value = '';
+  installing.value = true;
+  try {
+    const settings = await MC.getSettings();
+    await MC.saveSettings({ ...settings, launcher_dir: dir.value.trim() });
+    await MC.runSetup();
+  } catch (e) {
+    error.value = `Error: ${e}`;
+    installing.value = false;
+  }
+}
+
+async function playOrStop(id: string) {
+  if (running.value.includes(id)) {
+    await MC.stop(id).catch(() => {});
+    return;
+  }
+  if (!username.value.trim()) return;
+  const settings = await MC.getSettings();
+  await MC.saveSettings({ ...settings, username: username.value.trim() });
+  try {
+    await MC.verify(id);
+    await MC.play(id);
+  } catch (e) {
+    message.value = `Error: ${e}`;
+  }
+}
+</script>
+
+<template>
+  <div v-if="view === 'setup'" id="setup-overlay">
+    <div class="card">
+      <h1>Setup — {{ config.app_name }}</h1>
+      <label>Install folder</label>
+      <div class="dir-row">
+        <input v-model="dir" type="text" />
+        <button @click="setDefaultDir">Default</button>
+      </div>
+      <div v-for="s in steps" :key="s.id" class="step">
+        <div
+          class="step-name"
+          :style="{ color: s.installed ? '#4caf50' : '#aaa' }">
+          {{ s.installed ? '✓' : '○' }} {{ s.name }}
+        </div>
+        <div class="bar-track">
+          <div
+            class="bar-fill"
+            :style="{
+              width: `${progress[s.id]?.pct ?? (s.installed ? 100 : 0)}%`,
+              background: progress[s.id]?.error ? '#ef5350' : '#4caf50',
+            }" />
+        </div>
+        <div class="step-label">
+          {{ progress[s.id]?.label ?? (s.installed ? 'Installed' : '') }}
+        </div>
+      </div>
+      <button class="install-btn" :disabled="installing" @click="install">
+        {{ installing ? 'Installing…' : 'Install' }}
+      </button>
+      <p class="status" style="color: #ef5350">{{ error }}</p>
+    </div>
+  </div>
+
+  <div v-else-if="view === 'main'" class="card">
+    <div class="brand">
+      <img v-if="config.logo" :src="`./${config.logo}`" alt="" />
+      <h1>{{ config.app_name }}</h1>
+    </div>
+    <label>Username</label>
+    <input v-model="username" type="text" maxlength="16" placeholder="Steve" />
+    <button
+      v-for="inst in config.instances"
+      :key="inst.id"
+      class="instance-btn"
+      :disabled="!running.includes(inst.id) && !username.trim()"
+      @click="playOrStop(inst.id)">
+      {{ running.includes(inst.id) ? '■  Stop' : `▶  ${inst.name}` }}
+    </button>
+    <p class="status">{{ message }}</p>
+  </div>
+</template>

package/src/template/frontends/vue-ts/src/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Launcher</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./main.ts"></script>
+  </body>
+</html>

package/src/template/frontends/vue-ts/src/main.ts

@@ -0,0 +1,5 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import './style.css';
+
+createApp(App).mount('#app');

package/src/template/frontends/vue-ts/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"]
+  },
+  "include": ["src"]
+}

package/src/template/frontends/vue-ts/vite.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+
+export default defineConfig({
+  root: 'src',
+  plugins: [vue()],
+  clearScreen: false,
+  server: { port: 5173, strictPort: true },
+  build: { outDir: '../dist', emptyOutDir: true, target: 'es2022' },
+});

package/src/template/{src → shared}/api.js

@@ -1,4 +1,4 @@
-// tauri-mc-launcher client API
+// anvil client API — JS ↔ Rust bridge.
 // Requires withGlobalTauri: true in tauri.conf.json (set by default).
 // Import this file as an ES module: import { MC } from '/api.js';
 
@@ -12,6 +12,7 @@ export const MC = {
   getSettings: () => _invoke('get_settings'),
   saveSettings: (settings) => _invoke('save_settings', { settings }),
   getDefaultDir: () => _invoke('get_default_launcher_dir'),
+  getVersion: () => _invoke('get_launcher_version'),
 
   // ── Init / install ─────────────────────────────────────────
   getInitStatus: () => _invoke('get_init_status'),
@@ -20,6 +21,28 @@ export const MC = {
   // ── Game ───────────────────────────────────────────────────
   verify: (instanceId) => _invoke('verify_game', { instanceId }),
   play: (instanceId) => _invoke('launch_game', { instanceId }),
+  stop: (instanceId) => _invoke('stop_game', { instanceId }),
+  getRunning: () => _invoke('get_running_instances'),
+  isRunning: (instanceId) =>
+    _invoke('get_running_instances').then((ids) => ids.includes(instanceId)),
+
+  // ── Mods (per instance) ────────────────────────────────────
+  mods: {
+    list: (instanceId) => _invoke('get_mods', { instanceId }),
+    add: (instanceId, url, fileName = null) =>
+      _invoke('add_mod', { instanceId, url, fileName }),
+    remove: (instanceId, fileName) =>
+      _invoke('remove_mod', { instanceId, fileName }),
+    enable: (instanceId, fileName) =>
+      _invoke('set_mod_enabled', { instanceId, fileName, enabled: true }),
+    disable: (instanceId, fileName) =>
+      _invoke('set_mod_enabled', { instanceId, fileName, enabled: false }),
+    openFolder: (instanceId) => _invoke('open_mods_folder', { instanceId }),
+  },
+
+  // ── Folders ────────────────────────────────────────────────
+  openInstanceFolder: (instanceId) =>
+    _invoke('open_instance_folder', { instanceId }),
 
   // ── Updater ────────────────────────────────────────────────
   checkUpdate: () => _invoke('check_update'),
@@ -31,6 +54,9 @@ export const MC = {
 
   // ── Window ─────────────────────────────────────────────────
   close: () => _window.getCurrentWindow().close(),
+  minimize: () => _window.getCurrentWindow().minimize(),
+  toggleMaximize: () => _window.getCurrentWindow().toggleMaximize(),
+  startDrag: () => _window.getCurrentWindow().startDragging(),
 
   // ── Events ─────────────────────────────────────────────────
   on: {

package/src/template/shared/logo.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <rect width="1024" height="1024" rx="180" fill="#101613"/>
+  <path fill="#4caf50" d="M240 300h544a24 24 0 0 1 24 24v48a24 24 0 0 1-24 24H616v72c110 18 196 74 228 168H180c32-94 118-150 228-168v-72H240a24 24 0 0 1-24-24v-48a24 24 0 0 1 24-24z"/>
+  <rect x="300" y="672" width="424" height="52" fill="#3d8b40"/>
+  <rect x="252" y="724" width="520" height="72" rx="20" fill="#4caf50"/>
+</svg>