create-eventus-app 0.1.4 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-eventus-app",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "Scaffold an Eventus mini app.",
   "type": "module",
   "bin": {

package/template/eventus.manifest.json

@@ -2,5 +2,5 @@
   "name": "__EVENTUS_DISPLAY_NAME__",
   "appId": "__EVENTUS_APP_ID__",
   "version": "0.1.0",
-  "permissions": ["user.profile.read", "theme.read"]
+  "permissions": ["user.profile.read", "theme.read", "storage.local"]
 }

package/template/src/App.tsx

@@ -3,6 +3,8 @@ import {
   EventusContextProvider,
   useEventusContext,
 } from "@eventusgo/sdk/react";
+import { eventus } from "@eventusgo/sdk";
+import { useEffect, useState } from "react";
 
 import logoDark from "./assets/logo_black_transparent.png";
 import logoLight from "./assets/logo_white_transparent.png";
@@ -17,6 +19,8 @@ export default function App() {
 
 function WelcomeScreen() {
   const { context, runtimeSource } = useEventusContext();
+  const [launchCount, setLaunchCount] = useState<number | null>(null);
+  const [copyLabel, setCopyLabel] = useState("Copy App ID");
   const userName =
     context.user?.name ??
     context.user?.displayName ??
@@ -26,6 +30,39 @@ function WelcomeScreen() {
   const runtimeLabel =
     runtimeSource === "native" ? "Connected to Eventus X" : "Mock preview";
 
+  useEffect(() => {
+    let cancelled = false;
+
+    void (async () => {
+      if (!manifest.permissions?.includes("storage.local")) {
+        return;
+      }
+
+      try {
+        const nextLaunchCount =
+          ((await eventus.actions.storage.get<number>("launchCount")) ?? 0) + 1;
+        await eventus.actions.storage.set("launchCount", nextLaunchCount);
+
+        if (!cancelled) {
+          setLaunchCount(nextLaunchCount);
+        }
+      } catch {
+        if (!cancelled) {
+          setLaunchCount(null);
+        }
+      }
+    })();
+
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  async function handleCopyAppId(): Promise<void> {
+    await eventus.actions.copyText({ text: manifest.appId });
+    setCopyLabel("Copied");
+  }
+
   return (
     <main className="welcome-shell">
       <section className={`welcome-card theme-${context.theme}`}>
@@ -59,6 +96,16 @@ function WelcomeScreen() {
             <span>App ID</span>
             <strong>{manifest.appId}</strong>
           </div>
+          <div className="welcome-chip">
+            <span>Launch Count</span>
+            <strong>{launchCount ?? "Syncing"}</strong>
+          </div>
+        </div>
+
+        <div className="welcome-actions">
+          <button className="welcome-action" onClick={() => void handleCopyAppId()}>
+            {copyLabel}
+          </button>
         </div>
       </section>
     </main>

package/template/src/styles.css

@@ -177,6 +177,32 @@ h1 {
   font-weight: 700;
 }
 
+.welcome-actions {
+  margin-top: 24px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+
+.welcome-action {
+  border: 0;
+  border-radius: 999px;
+  padding: 12px 18px;
+  font: inherit;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+  cursor: pointer;
+  color: #f8fbff;
+  background: #102347;
+  box-shadow: 0 12px 30px rgba(16, 35, 71, 0.18);
+}
+
+.theme-dark .welcome-action {
+  background: #f2f6ff;
+  color: #102347;
+  box-shadow: none;
+}
+
 @media (max-width: 640px) {
   .welcome-shell {
     padding: 18px;