create-nexwire 4.2.4 → 4.2.5

package/express/src/resources/src/main.ts

@@ -15,7 +15,9 @@ import "bootstrap/dist/js/bootstrap.bundle.min.js";
 
 const app = createApp(App);
 const pinia = createPinia();
-const head = createHead({ titleTemplate: (title) => (title ? `${title} | nexwire` : "nexwire") });
+const head = createHead({
+  init: [{ titleTemplate: (title) => (title ? `${title} | nexwire` : "nexwire") }],
+});
 
 app.use(pinia);
 app.use(router);

package/express/src/resources/src/plugins/gum.ts

@@ -50,7 +50,7 @@ type ValidationErrorPayload = {
 };
 
 function normalizeValidationErrors(payload?: ValidationErrorPayload): NormalizedErrors {
-  const normalized: NormalizedErrors = { ...(payload?.errors || {}) };
+  const normalized: NormalizedErrors = { ...payload?.errors };
 
   const issues = payload?.error?.issues;
   if (Array.isArray(issues)) {

package/express/src/resources/src/stores/auth.ts

@@ -1,164 +1,184 @@
-import axios from "axios";
-import { defineStore } from "pinia";
-import { ref } from "vue";
-import { type AuthUser, clearUser, setUser } from "@/composables/useAuth";
-
-type LoginPayload = { email: string; password: string; remember?: boolean };
-type RegisterPayload = {
-  name: string;
-  email: string;
-  password: string;
-  password_confirmation: string;
-};
-type VerifyEmailPayload = { email: string; token: string };
-type ForgotPayload = { email: string };
-type ResetPayload = {
-  email: string;
-  token: string;
-  password: string;
-  password_confirmation: string;
-};
-
-type ApiResponse<T> = { message: string; data?: T };
-type AuthData = { user: AuthUser };
-
-async function request<T>(method: "GET" | "POST", path: string, payload?: unknown): Promise<ApiResponse<T>> {
-  try {
-    const response = await axios.request<ApiResponse<T>>({
-      method,
-      url: `/api/auth${path}`,
-      data: payload
-    });
-
-    return response.data;
-  } catch (error: unknown) {
-    if (axios.isAxiosError(error)) {
-      throw new Error(String(error.response?.data?.message || error.message || "Request failed"));
-    }
-    throw new Error("Request failed");
-  }
-}
-
-const MAX_BOOTSTRAP_ATTEMPTS = 5;
-const BOOTSTRAP_BACKOFF_MS = 500;
-
-const sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
-
-export const useAuthStore = defineStore("auth", () => {
-  const user = ref<AuthUser | null>(null);
-  const isAuthenticated = ref(false);
-  const processing = ref(false);
-  const initialized = ref(false);
-
-  const syncUser = (value: AuthUser | null) => {
-    user.value = value;
-    isAuthenticated.value = !!value;
-    if (value) setUser(value);
-    else clearUser();
-  };
-
-  const bootstrap = async () => {
-    if (initialized.value) return;
-
-    for (let attempt = 1; attempt <= MAX_BOOTSTRAP_ATTEMPTS; attempt++) {
-      try {
-        const response = await axios.get<ApiResponse<AuthUser>>("/api/auth/me");
-        syncUser((response.data?.data || null) as AuthUser | null);
-        break;
-      } catch (error) {
-        const backendUnreachable = axios.isAxiosError(error) && !error.response;
-        if (!backendUnreachable || attempt === MAX_BOOTSTRAP_ATTEMPTS) {
-          syncUser(null);
-          break;
-        }
-        await sleep(BOOTSTRAP_BACKOFF_MS * 2 ** (attempt - 1));
-      }
-    }
-
-    initialized.value = true;
-  };
-
-  const login = async (payload: LoginPayload) => {
-    processing.value = true;
-    try {
-      const data = await request<AuthData>("POST", "/login", payload);
-      syncUser((data?.data?.user || null) as AuthUser | null);
-      initialized.value = true;
-      return data.message || "Login successful";
-    } finally {
-      processing.value = false;
-    }
-  };
-
-  const register = async (payload: RegisterPayload) => {
-    processing.value = true;
-    try {
-      const data = await request<AuthData>("POST", "/register", payload);
-      const createdUser = (data?.data?.user || null) as AuthUser | null;
-      if (createdUser) {
-        syncUser(createdUser);
-        initialized.value = true;
-      } else {
-        syncUser(null);
-      }
-      return data.message || "Registration successful";
-    } finally {
-      processing.value = false;
-    }
-  };
-
-  const verifyEmail = async (payload: VerifyEmailPayload) => {
-    processing.value = true;
-    try {
-      const data = await request<unknown>("POST", "/verify-email", payload);
-      return data.message || "Email verified successfully";
-    } finally {
-      processing.value = false;
-    }
-  };
-
-  const forgotPassword = async (payload: ForgotPayload) => {
-    processing.value = true;
-    try {
-      const data = await request<unknown>("POST", "/forgot-password", payload);
-      return data.message || "If this email exists, a reset link has been sent";
-    } finally {
-      processing.value = false;
-    }
-  };
-
-  const resetPassword = async (payload: ResetPayload) => {
-    processing.value = true;
-    try {
-      const data = await request<unknown>("POST", "/reset-password", payload);
-      return data.message || "Password reset successfully";
-    } finally {
-      processing.value = false;
-    }
-  };
-
-  const logout = async () => {
-    processing.value = true;
-    try {
-      await request<unknown>("POST", "/logout");
-    } finally {
-      syncUser(null);
-      processing.value = false;
-      initialized.value = true;
-    }
-  };
-
-  return {
-    user,
-    isAuthenticated,
-    processing,
-    initialized,
-    bootstrap,
-    register,
-    login,
-    forgotPassword,
-    resetPassword,
-    verifyEmail,
-    logout
-  };
-});
+import axios from "axios";
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { type AuthUser, clearUser, setUser } from "@/composables/useAuth";
+
+type LoginPayload = { email?: string; phone?: string; password: string; remember?: boolean };
+type VerifyEmailPayload = { email: string; token: string };
+type ForgotPayload = { email: string };
+
+type RegisterPayload = {
+  name: string;
+  email?: string;
+  phone?: string;
+  password: string;
+  password_confirmation: string;
+};
+
+type ResetPayload = {
+  email: string;
+  token: string;
+  password: string;
+  password_confirmation: string;
+};
+
+type ApiResponse<T> = { message: string; data?: T };
+type AuthData = { user: AuthUser };
+
+async function request<T>(method: "GET" | "POST", path: string, payload?: unknown): Promise<ApiResponse<T>> {
+  try {
+    const response = await axios.request<ApiResponse<T>>({
+      method,
+      url: `/api/auth${path}`,
+      data: payload
+    });
+
+    return response.data;
+  } catch (error: unknown) {
+    if (axios.isAxiosError(error)) {
+      throw new Error(String(error.response?.data?.message || error.message || "Request failed"));
+    }
+    throw new Error("Request failed");
+  }
+}
+
+const MAX_BOOTSTRAP_ATTEMPTS = 5;
+const BOOTSTRAP_BACKOFF_MS = 500;
+
+const sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
+
+export const useAuthStore = defineStore("auth", () => {
+  const user = ref<AuthUser | null>(null);
+  const isAuthenticated = ref(false);
+  const processing = ref(false);
+  const initialized = ref(false);
+
+  const syncUser = (value: AuthUser | null) => {
+    user.value = value;
+    isAuthenticated.value = !!value;
+    if (value) setUser(value);
+    else clearUser();
+  };
+
+  let bootstrapPromise: Promise<void> | null = null;
+  const bootstrap = async () => {
+    if (initialized.value) return;
+
+    // Reuse the same request if multiple navigations call bootstrap.
+    if (bootstrapPromise) {
+      return bootstrapPromise;
+    }
+
+    bootstrapPromise = (async () => {
+      for (let attempt = 1; attempt <= MAX_BOOTSTRAP_ATTEMPTS; attempt++) {
+        try {
+          const response = await axios.get<ApiResponse<AuthUser>>("/api/auth/me");
+
+          syncUser((response.data?.data || null) as AuthUser | null);
+          initialized.value = true;
+          return;
+        } catch (error) {
+          const backendUnreachable = axios.isAxiosError(error) && !error.response;
+
+          if (!backendUnreachable || attempt === MAX_BOOTSTRAP_ATTEMPTS) {
+            syncUser(null);
+            initialized.value = true;
+            return;
+          }
+
+          await sleep(BOOTSTRAP_BACKOFF_MS * 2 ** (attempt - 1));
+        }
+      }
+    })();
+
+    try {
+      await bootstrapPromise;
+    } finally {
+      bootstrapPromise = null;
+    }
+  };
+
+  const login = async (payload: LoginPayload) => {
+    processing.value = true;
+    try {
+      const data = await request<AuthData>("POST", "/login", payload);
+      syncUser((data?.data?.user || null) as AuthUser | null);
+      initialized.value = true;
+      return data.message || "Login successful";
+    } finally {
+      processing.value = false;
+    }
+  };
+
+  const register = async (payload: RegisterPayload) => {
+    processing.value = true;
+    try {
+      const data = await request<AuthData>("POST", "/register", payload);
+      const createdUser = (data?.data?.user || null) as AuthUser | null;
+      if (createdUser) {
+        syncUser(createdUser);
+        initialized.value = true;
+      } else {
+        syncUser(null);
+      }
+      return data.message || "Registration successful";
+    } finally {
+      processing.value = false;
+    }
+  };
+
+  const verifyEmail = async (payload: VerifyEmailPayload) => {
+    processing.value = true;
+    try {
+      const data = await request<unknown>("POST", "/verify-email", payload);
+      return data.message || "Email verified successfully";
+    } finally {
+      processing.value = false;
+    }
+  };
+
+  const forgotPassword = async (payload: ForgotPayload) => {
+    processing.value = true;
+    try {
+      const data = await request<unknown>("POST", "/forgot-password", payload);
+      return data.message || "If this email exists, a reset link has been sent";
+    } finally {
+      processing.value = false;
+    }
+  };
+
+  const resetPassword = async (payload: ResetPayload) => {
+    processing.value = true;
+    try {
+      const data = await request<unknown>("POST", "/reset-password", payload);
+      return data.message || "Password reset successfully";
+    } finally {
+      processing.value = false;
+    }
+  };
+
+  const logout = async () => {
+    processing.value = true;
+    try {
+      await request<unknown>("POST", "/logout");
+    } finally {
+      syncUser(null);
+      processing.value = false;
+      initialized.value = true;
+    }
+  };
+
+  return {
+    user,
+    isAuthenticated,
+    processing,
+    initialized,
+    bootstrap,
+    register,
+    login,
+    forgotPassword,
+    resetPassword,
+    verifyEmail,
+    logout
+  };
+});

package/express/src/resources/vite.config.ts

@@ -20,13 +20,20 @@ export default defineConfig({
     __SOCKET_ENABLED__: socketEnabled,
     __API_URL__: JSON.stringify(apiUrl)
   },
-  root: "src/resources",
+  root: fileURLToPath(new URL(".", import.meta.url)),
   cacheDir: path.join(cacheBase, "nexwire", "vite-cache", "resources"),
   plugins: [vue()],
   css: {
     preprocessorOptions: {
       scss: {
-        quietDeps: true
+        quietDeps: true,
+        silenceDeprecations: [
+          "import",
+          "if-function",
+          "global-builtin",
+          "color-functions",
+          "slash-div",
+        ],
       }
     }
   },

package/hono/.vscode/extensions.json

@@ -0,0 +1,6 @@
+{
+  "recommendations": [
+    "biomejs.biome",
+    "editorconfig.editorconfig"
+  ]
+}

package/hono/.vscode/settings.json

@@ -1,26 +1,37 @@
-{
-  "editor.defaultFormatter": "biomejs.biome",
-  "[typescript]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
-  "[typescriptreact]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
-  "[javascript]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
-  "[javascriptreact]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
-  "[json]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
-  "[jsonc]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
-  "editor.codeActionsOnSave": {
-    "source.organizeImports.biome": "explicit",
-    "source.fixAll.biome": "explicit"
-  },
-  "files.eol": "\n"
-}
+{
+  "editor.defaultFormatter": "biomejs.biome",
+  "[typescript]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[vue]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[scss]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "editor.codeActionsOnSave": {
+    "source.organizeImports.biome": "explicit",
+    "source.fixAll.biome": "explicit"
+  },
+  "files.eol": "\n",
+  "files.trimTrailingWhitespace": true,
+  "files.insertFinalNewline": true
+}

package/hono/biome.json

@@ -5,22 +5,45 @@
     "clientKind": "git",
     "useIgnoreFile": true
   },
+  "html": {
+    "experimentalFullSupportEnabled": true,
+    "formatter": {
+      "enabled": true
+    }
+  },
   "formatter": {
     "indentStyle": "space",
     "indentWidth": 2,
     "lineWidth": 140,
-    "bracketSameLine": true
+    "bracketSameLine": false
+  },
+  "files": {
+    "includes": [
+      "**",
+      "!**/node_modules"
+    ]
   },
   "linter": {
     "rules": {
       "preset": "recommended",
+      "a11y": {
+        "noLabelWithoutControl": "off",
+        "useButtonType": "off",
+        "useSemanticElements": "off",
+        "noStaticElementInteractions": "off",
+        "useKeyWithClickEvents": "off",
+        "useValidAnchor": "off",
+        "useAnchorContent": "off",
+        "noDistractingElements": "off"
+      },
       "correctness": {
         "noUnusedVariables": "off",
         "useVueValidTemplateRoot": "off",
         "noUnusedImports": "off"
       },
       "complexity": {
-        "noUselessEscapeInRegex": "off"
+        "noUselessEscapeInRegex": "off",
+        "noImportantStyles": "off"
       },
       "style": {
         "noNonNullAssertion": "off",

package/hono/package.json

@@ -1,16 +1,17 @@
 {
   "name": "nexwire-hono",
-  "private": true,
-  "type": "module",
   "version": "1.0.0",
+  "private": true,
   "bin": {
     "maker": "./src/framework/maker-cli/index.mjs"
   },
+  "type": "module",
   "scripts": {
     "build": "npm run build:all",
     "build:all": "npm run build:backend && npm run build:ui",
     "build:backend": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json",
-    "build:ui": "node src/framework/maker-cli/runtime/build-ui.mjs",
+    "build:ui": "npm run typecheck:ui && node src/framework/maker-cli/runtime/build-ui.mjs",
+    "typecheck:ui": "vue-tsc --noEmit -p src/resources/tsconfig.json",
     "dev": "node src/framework/maker-cli/index.mjs dev",
     "backend": "node src/framework/maker-cli/index.mjs serve --src",
     "ui": "node src/framework/maker-cli/index.mjs ui:dev",
@@ -78,6 +79,19 @@
     "vue-select": "^4.0.0-beta.6",
     "zod": "^4.6.7"
   },
+  "devDependencies": {
+    "@biomejs/biome": "^2.5.7",
+    "@types/bootstrap": "^5.2.11",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^25.9.9",
+    "@vitest/coverage-v8": "^5.0.5",
+    "drizzle-kit": "^0.31.11",
+    "tsc-alias": "^1.9.9",
+    "tsx": "^4.23.15",
+    "typescript": "^6.0.3",
+    "vitest": "^5.0.5",
+    "vue-tsc": "^3.3.13"
+  },
   "overrides": {
     "@esbuild-kit/core-utils": {
       "esbuild": "^0.25.12"
@@ -96,29 +110,17 @@
       "bcryptjs": "^3.0.3"
     }
   },
+  "engines": {
+    "bun": ">=1.3",
+    "node": ">=22.12.0",
+    "pnpm": ">=11",
+    "yarn": ">=4"
+  },
   "allowScripts": {
     "@parcel/watcher": true,
     "esbuild": true,
     "msgpackr-extract": true,
     "redis-commander": true,
     "vue-demi": true
-  },
-  "devDependencies": {
-    "@biomejs/biome": "^2.5.7",
-    "@types/bootstrap": "^5.2.11",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^25.9.9",
-    "@vitest/coverage-v8": "^5.0.5",
-    "drizzle-kit": "^0.31.11",
-    "tsc-alias": "^1.9.9",
-    "tsx": "^4.23.15",
-    "typescript": "^6.0.3",
-    "vitest": "^5.0.5"
-  },
-  "engines": {
-    "node": ">=22.12.0",
-    "bun": ">=1.3",
-    "pnpm": ">=11",
-    "yarn": ">=4"
   }
-}
+}

package/hono/src/database/schema.ts

@@ -1,2 +1,2 @@
-export * from "../modules/auth/database/models/role.js";
-export * from "../modules/auth/database/models/user.js";
+export * from "../modules/auth/database/models/role.js";
+export * from "../modules/auth/database/models/user.js";

package/hono/src/resources/src/components/Checkbox.vue

@@ -1,29 +1,32 @@
-<template>
-  <div class="form-check mb-0" :class="props.topclass">
-    <input
-      :id="String(props.id)"
-      v-model="model"
-      class="form-check-input shadow-none border-secondary"
-      type="checkbox"
-      v-bind="$attrs" />
-    <label v-if="props.label" class="form-check-label" :for="String(props.id)">{{ props.label }}</label>
-  </div>
-</template>
-
-<script setup lang="ts">
-defineOptions({ name: "Checkbox", inheritAttrs: false });
-
-interface CheckboxProps {
-  id?: string | number;
-  label?: string;
-  topclass?: string;
-}
-
-const props = defineProps<CheckboxProps>();
-
-type CheckboxModel = boolean | Array<string | number>;
-
-const model = defineModel<CheckboxModel>({ default: false });
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div class="form-check mb-0" :class="props.topclass">
+    <input
+      :id="String(props.id)"
+      v-model="model"
+      class="form-check-input shadow-none"
+      type="checkbox"
+      v-bind="$attrs"
+    />
+    <label v-if="props.label" class="form-check-label" :for="String(props.id)">{{
+      props.label
+    }}</label>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "Checkbox", inheritAttrs: false });
+
+interface CheckboxProps {
+  id?: string | number;
+  label?: string;
+  topclass?: string;
+}
+
+const props = defineProps<CheckboxProps>();
+
+type CheckboxModel = boolean | Array<string | number>;
+
+const model = defineModel<CheckboxModel>({ default: false });
+</script>
+
+<style lang="scss" scoped></style>