@lark-apaas/coding-templates 0.1.4 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/coding-templates",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "OpenClaw project templates for mclaw CLI",
   "publishConfig": {
     "access": "public"

package/template-vite-react/client/src/app.tsx

@@ -3,9 +3,11 @@ import { Layout } from "@/components/layout";
 import HomePage from "@/pages/home";
 import NotFoundPage from "@/pages/not-found";
 
+declare const __APP_BASE_PATH__: string;
+
 export default function App() {
   return (
-    <BrowserRouter>
+    <BrowserRouter basename={__APP_BASE_PATH__}>
       <Routes>
         <Route element={<Layout />}>
           <Route index element={<HomePage />} />

package/template-vite-react/client/src/pages/home/index.tsx

@@ -1,11 +1,11 @@
 export default function HomePage() {
   return (
-    <div className="py-16 text-center">
-      <h1 className="text-4xl font-bold tracking-tight sm:text-6xl mb-6">
-        Welcome to OpenClaw
+    <div className="flex flex-col items-center justify-center py-24">
+      <h1 className="text-5xl font-bold tracking-tight sm:text-7xl mb-4">
+        👋 Hello OpenClaw
       </h1>
-      <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
-        Vite + React + Tailwind + shadcn/ui
+      <p className="text-lg text-muted-foreground">
+        Start building your app by editing <code className="px-1.5 py-0.5 rounded bg-muted font-mono text-sm">client/src/pages/home/index.tsx</code>
       </p>
     </div>
   );

package/template-vite-react/vite.config.ts

@@ -8,6 +8,11 @@ export default defineConfig({
   root: path.resolve(__dirname, 'client'),
   base: process.env.MCLAW_CDN_DOMAIN || '/',
   plugins: [react(), tailwindcss()],
+  define: {
+    __APP_BASE_PATH__: JSON.stringify(
+      process.env.MCLAW_APP_ID ? `/app/${process.env.MCLAW_APP_ID}` : '/',
+    ),
+  },
   resolve: {
     alias: {
       '@': path.resolve(__dirname, 'client/src'),