@campfiire/spark-cli 0.1.2 → 0.1.4

package/dist/index.js

@@ -147,6 +147,10 @@ async function buildCommand() {
     await build({
       root: projectDir,
       plugins: [react()],
+      define: {
+        "process.env.NODE_ENV": JSON.stringify("production"),
+        "process.env": JSON.stringify({})
+      },
       build: {
         outDir: "dist",
         emptyOutDir: true,
@@ -415,11 +419,11 @@ async function submitCommand() {
       }
       process.exit(1);
     }
-    const spark = await res.json();
-    spinner.succeed(`Submitted ${kleur5.cyan(spark.name)} v${spark.version}`);
+    const data = await res.json();
+    spinner.succeed(`Submitted ${kleur5.cyan(data.spark.name)} v${data.submittedVersion.version}`);
     console.log(`
-  Status: ${kleur5.yellow(spark.status)}`);
-    console.log(`  ID: ${kleur5.dim(spark.id)}`);
+  Status: ${kleur5.yellow(data.submittedVersion.status)}`);
+    console.log(`  ID: ${kleur5.dim(data.spark.id)}`);
     console.log(kleur5.bold("\nNext step:"));
     console.log(`  ${kleur5.cyan("campfire-spark status")}  ${kleur5.dim("# check review status")}`);
     console.log();
@@ -512,7 +516,7 @@ async function requestDomainCommand(domain) {
 
 // src/index.ts
 var program = new Command();
-program.name("campfire-spark").description("CLI for developing custom Campfire sparks").version("0.1.2");
+program.name("campfire-spark").description("CLI for developing custom Campfire sparks").version("0.1.3");
 program.command("init").description("Scaffold a new spark project").argument("[name]", "Project name").action(initCommand);
 program.command("dev").description("Start local development server with mock SDK").option("-p, --port <number>", "Dev server port", "4321").action(devCommand);
 program.command("build").description("Build the spark bundle for production").action(buildCommand);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campfiire/spark-cli",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "CLI for developing custom Campfire sparks",
   "type": "module",
   "bin": {
@@ -16,7 +16,7 @@
   },
   "scripts": {
     "build": "tsup",
-    "dev": "tsup --watch",
+    "dev": "TSUP_NO_DTS=1 tsup --watch",
     "lint": "tsc --noEmit",
     "start": "tsx src/index.ts",
     "prepublishOnly": "yarn build"
@@ -48,4 +48,4 @@
     "plugin",
     "sdk"
   ]
-}
+}

package/templates/default/manifest.json

@@ -5,7 +5,10 @@
   "description": "A custom spark for Campfire",
   "author": "",
   "icon": "IconSparkles",
-  "permissions": [],
+  "permissions": [
+    "spark:read.campfire",
+    "spark:read.members"
+  ],
   "connectors": [],
   "defaultConfig": {
     "greeting": "Hello"

package/templates/default/src/index.tsx

@@ -29,6 +29,7 @@ export default defineSpark({
     const [campfire, setCampfire] = useState<SparkSDKCampfire | null>(null);
     const [members, setMembers] = useState<SparkSDKMember[]>([]);
     const [loading, setLoading] = useState(true);
+    const [error, setError] = useState<string | null>(null);
 
     useEffect(() => {
       Promise.all([sdk.getCampfire(), sdk.getMembers({ limit: 5 })])
@@ -37,9 +38,43 @@ export default defineSpark({
           setMembers(m);
           setLoading(false);
         })
-        .catch(() => setLoading(false));
+        .catch((err) => {
+          // Surface SDK errors so they're visible during development.
+          // A common cause is forgetting to declare the required
+          // permissions in manifest.json (e.g. "spark:read.campfire").
+          console.error("[Spark] SDK call failed:", err);
+          setError(err instanceof Error ? err.message : String(err));
+          setLoading(false);
+        });
     }, [sdk]);
 
+    if (error) {
+      return (
+        <div style={{ padding: "0.5rem" }}>
+          <p
+            style={{
+              color: "var(--destructive, #ef4444)",
+              fontSize: "0.875rem",
+              fontWeight: 500,
+              margin: "0 0 0.25rem",
+            }}
+          >
+            Spark error
+          </p>
+          <p
+            style={{
+              color: "var(--muted-foreground)",
+              fontSize: "0.75rem",
+              margin: 0,
+              fontFamily: "ui-monospace, monospace",
+            }}
+          >
+            {error}
+          </p>
+        </div>
+      );
+    }
+
     if (loading) {
       return <p style={{ color: "var(--muted-foreground)" }}>Loading...</p>;
     }