@lingxia/cli 0.0.7

package/templates/lxapp-create/react/pages/home/index.tsx

@@ -0,0 +1,60 @@
+import React from 'react';
+
+type PageState = {
+  greeting: string;
+  greetCount: number;
+};
+
+type PageActions = {
+  data: PageState;
+  greet(payload: { name: string }): void;
+};
+
+declare function useLingXia(): PageActions;
+
+export default function HomePage() {
+  const { data, greet } = useLingXia();
+  const [name, setName] = React.useState('');
+  const [pending, setPending] = React.useState(false);
+
+  React.useEffect(() => {
+    if (pending) {
+      const timer = setTimeout(() => setPending(false), 500);
+      return () => clearTimeout(timer);
+    }
+  }, [data.greetCount, pending]);
+
+  const submit = () => {
+    const value = name.trim();
+    if (!value) return;
+    setPending(true);
+    greet({ name: value });
+  };
+
+  return (
+    <div className="home-screen">
+      <div className="card">
+        <p className="eyebrow">LingXia + React</p>
+        <h1>Hello there 👋</h1>
+        <p className="description">
+          This starter demonstrates how logic data flows into a React view via the <code>useLingXia</code> hook.
+        </p>
+        <div className="form-row">
+          <input
+            value={name}
+            placeholder="Enter a name"
+            onChange={event => setName(event.target.value)}
+            onKeyDown={event => {
+              if (event.key === 'Enter') submit();
+            }}
+          />
+          <button type="button" onClick={submit} disabled={pending}>
+            {pending ? 'Sending...' : 'Greet'}
+          </button>
+        </div>
+        <div className="greeting">{data.greeting}</div>
+        <div className="meta">Invoked {data.greetCount} times</div>
+      </div>
+    </div>
+  );
+}

package/templates/lxapp-create/react/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "allowSyntheticDefaultImports": true,
+    "baseUrl": "."
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules", "dist"]
+}

package/templates/lxapp-create/vue/lxapp.config.json

@@ -0,0 +1,8 @@
+{
+  "staticDirs": ["public"],
+  "alias": {
+    "@shared": "shared"
+  },
+  "sourceDirs": ["shared"],
+  "assetDir": "assets"
+}

package/templates/lxapp-create/vue/lxapp.json

@@ -0,0 +1,8 @@
+{
+  "lxAppId": "__APP_ID__",
+  "lxAppName": "__APP_DISPLAY_NAME__",
+  "version": "0.1.0",
+  "pages": [
+    "pages/home/index.vue"
+  ]
+}

package/templates/lxapp-create/vue/lxapp.ts

@@ -0,0 +1,8 @@
+App({
+  onLaunch() {
+    console.log('LingXia app launched');
+  },
+  globalData: {
+    greeting: 'Hello from App global data'
+  }
+});

package/templates/lxapp-create/vue/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "__APP_PACKAGE_NAME__",
+  "version": "0.1.0",
+  "description": "A LingXia mini app powered by Vue",
+  "type": "module",
+  "scripts": {
+    "dev": "lingxia build --dev",
+    "build": "lingxia build --prod"
+  },
+  "keywords": ["lingxia", "miniapp", "vue"],
+  "author": "",
+  "license": "MIT",
+  "lingxia": {
+    "framework": "vue"
+  },
+  "dependencies": {
+    "@lingxia/rong": "^0.0.1",
+    "vue": "^3.5.27"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.2",
+    "vue-tsc": "^2.2.0"
+  }
+}

package/templates/lxapp-create/vue/pages/home/index.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "Home"
+}

package/templates/lxapp-create/vue/pages/home/index.ts

@@ -0,0 +1,14 @@
+Page({
+  data: {
+    greeting: 'Welcome to your LingXia app',
+    greetCount: 0
+  },
+
+  greet({ name }: { name: string }) {
+    const count = this.data.greetCount + 1;
+    this.setData({
+      greetCount: count,
+      greeting: `Hello ${name}! (#${count})`
+    });
+  }
+});

package/templates/lxapp-create/vue/pages/home/index.vue

@@ -0,0 +1,48 @@
+<script setup>
+import { computed, ref, watch } from 'vue';
+
+const { data, greet } = useLingXia();
+const state = computed(() => data ?? { greeting: '', greetCount: 0 });
+const name = ref('');
+const pending = ref(false);
+
+watch(
+  () => state.value.greetCount,
+  () => {
+    if (pending.value) {
+      pending.value = false;
+    }
+  }
+);
+
+function submit() {
+  const value = name.value.trim();
+  if (!value) return;
+  pending.value = true;
+  greet({ name: value });
+}
+</script>
+
+<template>
+  <div class="home-screen">
+    <section class="card">
+      <p class="eyebrow">LingXia + Vue</p>
+      <h1>Hello there 👋</h1>
+      <p class="description">
+        This starter wires data from the logic layer into a Vue component using the <code>useLingXia</code> API.
+      </p>
+      <div class="form-row">
+        <input
+          v-model="name"
+          placeholder="Enter a name"
+          @keydown.enter.prevent="submit"
+        />
+        <button type="button" :disabled="pending" @click="submit">
+          {{ pending ? 'Sending…' : 'Greet' }}
+        </button>
+      </div>
+      <div class="greeting">{{ state.greeting }}</div>
+      <div class="meta">Invoked {{ state.greetCount }} times</div>
+    </section>
+  </div>
+</template>

package/templates/lxapp-create/vue/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "jsx": "preserve",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "allowSyntheticDefaultImports": true,
+    "baseUrl": "."
+  },
+  "include": ["**/*.ts", "**/*.tsx", "**/*.vue"],
+  "exclude": ["node_modules", "dist"]
+}

package/templates/rust-lib/Cargo.toml

@@ -0,0 +1,13 @@
+[package]
+name = "{{project_name}}"
+version = "0.1.0"
+edition = "2024"
+description = "Native library for LingXia App (builds to .so/.a)"
+
+[lib]
+name = "lingxia"
+# cdylib for Android/Harmony (.so), staticlib for iOS (.a)
+crate-type = ["cdylib", "staticlib"]
+
+[dependencies]
+lingxia = "0.1.1"

package/templates/rust-lib/README.md

@@ -0,0 +1,14 @@
+# {{project_name}}
+
+Native library for your LingXia app.
+
+This crate builds a platform-native library (`.so` for Android/Harmony, `.a` for iOS) that re-exports LingXia SDK symbols.
+
+## Build
+
+This crate is automatically built by `lingxia-cli` when you run:
+```bash
+lingxia dev
+```
+
+The compiled library will be bundled into your app automatically.

package/templates/rust-lib/src/lib.rs

@@ -0,0 +1,13 @@
+//! Native library for the example app (builds to .so/.a).
+//!
+//! This crate re-exports platform FFI symbols from lingxia.
+
+// Re-export platform FFI symbols from lingxia
+#[cfg(target_os = "android")]
+pub use lingxia::android::*;
+
+#[cfg(any(target_os = "ios", target_os = "macos"))]
+pub use lingxia::apple::*;
+
+#[cfg(target_env = "ohos")]
+pub use lingxia::harmony::*;

package/vendor/.gitkeep

@@ -0,0 +1 @@
+