dreamer 0.0.0-alpha-20251119021619 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dreamer",
-  "version": "0.0.0-alpha-20251119021619",
+  "version": "1.0.1",
   "type": "module",
   "bin": {
     "dreamer": "dist/index.js"

package/dist/template/.vscode/tasks.json

@@ -1,19 +0,0 @@
-{
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "label": "Agent-code: Build and Push",
-      "type": "shell",
-      "command": "agent-code",
-      "args": ["push"],
-      "group": "build",
-      "presentation": {
-        "echo": true,
-        "reveal": "always",
-        "focus": false,
-        "panel": "shared"
-      },
-      "problemMatcher": []
-    }
-  ]
-}

package/dist/template/agent.yaml.example

@@ -1,36 +0,0 @@
-# Agent Configuration Template
-# This file shows the structure of agent.yaml with its configuration options
-
-agentId: your-agent-id-here
-name: Your Agent Name
-hasUi: true
-
-# UI Views configuration options
-views:
-  - type: app
-  - type: widget
-    name: Single Note
-    identifier: note-widget
-    constraints:
-      minWidth: 120
-      minHeight: 120
-      maxWidth: 480
-      maxHeight: 480
-  - type: feed
-
-# Optional triggers configuration
-triggers:
-  - type: cron
-    defaultSchedule: "0 */2 * * *"  # Every 2 hours
-    entrypoint: "main"  # Optional - defaults to 'main'
-    name: "Check for Updates"  # Optional - custom name for the trigger
-
-  - type: input
-    contentTypes: ["text/uri-list", "text/markdown"]
-    entrypoint: "processText"
-    name: "Process URLs and Markdown"  # Optional - custom name for the trigger
-
-
-# Optional tools configuration
-allowedTools: []
-requiredTools: []

package/dist/template/build.ts

@@ -1,108 +0,0 @@
-#!/usr/bin/env bun
-
-import { existsSync } from "node:fs";
-import { cp, mkdir, rm } from "node:fs/promises";
-import { build } from "esbuild";
-import tailwindcss from "esbuild-plugin-tailwindcss";
-
-async function buildServer() {
-  if (existsSync("src/server.ts")) {
-    console.log("Building server...");
-
-    const outdir = "dist/server";
-
-    if (existsSync(outdir)) {
-      console.log(`🗑️ Cleaning previous build at ${outdir}`);
-      await rm(outdir, { recursive: true, force: true });
-    }
-
-    const start = performance.now();
-
-    await build({
-      entryPoints: ["src/server.ts"],
-      outdir,
-      target: "node16",
-      platform: "node",
-      format: "cjs",
-      bundle: true,
-      external: ["@dev-agents/sdk-client"],
-    });
-
-    const end = performance.now();
-    console.log(`✅ Server build complete in ${(end - start).toFixed(2)}ms`);
-  } else {
-    console.log("⏭️  Skipping server build (src/server.ts not found)");
-  }
-}
-
-async function buildFrontend() {
-  console.log("🎁 Building frontend bundle...");
-
-  const outdir = "dist/frontend";
-
-  if (existsSync(outdir)) {
-    console.log(`🗑️ Cleaning previous build at ${outdir}`);
-    await rm(outdir, { recursive: true, force: true });
-  }
-  await mkdir(outdir, { recursive: true });
-
-  const start = performance.now();
-
-  await build({
-    entryPoints: ["sdk-helpers/standalone-wrapper.tsx"],
-    outfile: `${outdir}/app.js`,
-    plugins: [tailwindcss()],
-    minify: true,
-    target: "es2018",
-    platform: "browser",
-    bundle: true,
-    format: "iife",
-    globalName: "AgentApp",
-    jsx: "automatic",
-    jsxImportSource: "react",
-    sourcemap: false,
-    define: {
-      "process.env.NODE_ENV": JSON.stringify("production"),
-    },
-  });
-
-  const end = performance.now();
-  console.log(`✅ Standalone build complete in ${(end - start).toFixed(2)}ms`);
-}
-
-async function copyStaticAssets() {
-  if (existsSync("static")) {
-    console.log("📁 Copying static assets...");
-
-    const targetDir = "dist/frontend/static";
-
-    if (existsSync(targetDir)) {
-      await rm(targetDir, { recursive: true, force: true });
-    }
-
-    await cp("static", targetDir, { recursive: true });
-    console.log("✅ Static assets copied to dist/frontend/static");
-  } else {
-    console.log("⏭️  No static directory to copy");
-  }
-}
-
-async function main() {
-  const args = process.argv.slice(2);
-
-  if (args.includes("--server-only")) {
-    await buildServer();
-  } else if (args.includes("--frontend-only")) {
-    await buildFrontend();
-  } else {
-    // Build both by default
-    await buildServer();
-    await buildFrontend();
-  }
-  await copyStaticAssets();
-}
-
-main().catch((error) => {
-  console.error("Build failed:", error);
-  process.exit(1);
-});

package/dist/template/examples/ReadContainerSize.tsx

@@ -1,52 +0,0 @@
-import React, { useEffect, useState } from "react";
-
-interface RenderContext {
-  type: "widget" | "app" | "feed_item";
-  data?: unknown;
-}
-
-export default function App({ renderContext }: { renderContext: RenderContext }) {
-  // Apps should use responsive layout, if they MUST know their size, they can use this incantation:
-  const [size, setSize] = useState<DOMRect | null>(null);
-  const containerRef = React.useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    console.log(renderContext);
-
-    const updateSize = () => {
-      if (containerRef.current) {
-        setSize(containerRef.current.getBoundingClientRect());
-      }
-    };
-
-    // Set initial size
-    updateSize();
-
-    // Create ResizeObserver to watch the container element
-    const resizeObserver = new ResizeObserver(() => {
-      updateSize();
-    });
-
-    // Start observing the container element
-    if (containerRef.current) {
-      resizeObserver.observe(containerRef.current);
-    }
-
-    // Cleanup function to disconnect the observer
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, []);
-  // end incantation
-
-  return (
-    <div ref={containerRef} className="w-full h-full">
-      <div className="p-8 max-w-2xl mx-auto">
-        <p>I'm being rendered in a{renderContext.type || "n unknown"} container.</p>
-        <p>
-          It is {size?.width}px wide and {size?.height}px tall.
-        </p>
-      </div>
-    </div>
-  );
-}

package/dist/template/examples/components/LoadingIcon.tsx

@@ -1,22 +0,0 @@
-type LoadingIconProps = {
-  className?: string;
-};
-
-function LoadingIcon(props: LoadingIconProps) {
-  return (
-    <svg
-      className={`animate-spin w-5 h-5 ${props.className || ""}`}
-      fill="none"
-      viewBox="0 0 24 24"
-    >
-      <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
-      <path
-        className="opacity-50"
-        fill="currentColor"
-        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-      />
-    </svg>
-  );
-}
-
-export default LoadingIcon;

package/dist/template/sdk-helpers/standalone-wrapper.tsx

@@ -1,43 +0,0 @@
-import React from "react";
-import { createRoot } from "react-dom/client";
-import App from "../src/App";
-
-interface RenderContext {
-  type: "widget" | "app" | "feed_item";
-  data?: unknown;
-}
-
-function getRenderContext(): RenderContext {
-  // Try to read from body data attribute first
-  const bodyData = document.body.getAttribute("data-render-context");
-  if (bodyData) {
-    try {
-      return JSON.parse(bodyData);
-    } catch (error) {
-      console.warn("Failed to parse render context from body data attribute:", error);
-    }
-  }
-  return { type: "app" };
-}
-
-function bootstrap() {
-  const existingRoot = document.getElementById("root");
-  const rootElement =
-    existingRoot ??
-    (() => {
-      const el = document.createElement("div");
-      el.id = "root";
-      document.body.appendChild(el);
-      return el;
-    })();
-
-  const renderContext = getRenderContext();
-  const root = createRoot(rootElement);
-  root.render(React.createElement(App, { renderContext }));
-}
-
-if (document.readyState === "loading") {
-  document.addEventListener("DOMContentLoaded", bootstrap);
-} else {
-  bootstrap();
-}

package/dist/template/src/App.tsx

@@ -1,89 +0,0 @@
-import "./globals.css";
-import { agentQueryClient, call } from "@dev-agents/sdk-client";
-import { QueryClientProvider, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useState } from "react";
-import type { getMessage, setMessage } from "./server";
-
-interface RenderContext {
-  type: "widget" | "app" | "feed_item";
-  data?: unknown;
-}
-
-function WelcomeMessage() {
-  const queryClient = useQueryClient();
-  const [newMessage, setNewMessage] = useState("");
-
-  // Fetch the welcome message
-  const { data, isLoading, error } = useQuery({
-    queryKey: ["welcomeMessage"],
-    queryFn: () => call<typeof getMessage>("getMessage", {}),
-  });
-
-  // Mutation to update the message
-  const setMessageMutation = useMutation({
-    mutationFn: (message: string) => call<typeof setMessage>("setMessage", { message }),
-    onSuccess: () => {
-      // Invalidate and refetch
-      queryClient.invalidateQueries({ queryKey: ["welcomeMessage"] });
-      setNewMessage("");
-    },
-  });
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-    if (newMessage.trim()) {
-      await setMessageMutation.mutateAsync(newMessage);
-    }
-  };
-
-  if (isLoading) return <div className="text-muted-foreground">Loading...</div>;
-  if (error) return <div className="text-destructive">Error: {String(error)}</div>;
-
-  return (
-    <div className="space-y-4">
-      <div className="text-foreground">
-        <p className="text-lg mb-2">{data?.message}</p>
-        <p className="text-sm text-muted-foreground">Last updated: {data?.timestamp}</p>
-      </div>
-
-      <form onSubmit={handleSubmit} className="space-y-2">
-        <input
-          type="text"
-          value={newMessage}
-          onChange={(e) => setNewMessage(e.target.value)}
-          placeholder="Enter a custom message"
-          disabled={setMessageMutation.isPending}
-          className="w-full px-3 py-2 border border-border rounded bg-background text-foreground"
-        />
-        <button
-          type="submit"
-          disabled={setMessageMutation.isPending || !newMessage.trim()}
-          className="px-4 py-2 bg-primary text-primary-foreground rounded disabled:opacity-50"
-        >
-          {setMessageMutation.isPending ? "Updating..." : "Update Message"}
-        </button>
-      </form>
-    </div>
-  );
-}
-
-export default function App({ renderContext }: { renderContext: RenderContext }) {
-  // CRITICAL: Wrap your app in QueryClientProvider with agentQueryClient
-  return (
-    <QueryClientProvider client={agentQueryClient}>
-      {renderContext.type === "widget" ? (
-        <div className="flex items-center justify-center h-full p-4">
-          <div className="text-center">
-            <h1 className="text-2xl font-bold text-foreground mb-4">Welcome Agent</h1>
-            <WelcomeMessage />
-          </div>
-        </div>
-      ) : (
-        <div className="p-8 max-w-2xl mx-auto">
-          <h1 className="text-3xl font-bold mb-6 text-center text-foreground">Welcome Agent</h1>
-          <WelcomeMessage />
-        </div>
-      )}
-    </QueryClientProvider>
-  );
-}

package/dist/template/src/globals.css

@@ -1,158 +0,0 @@
-@import "tailwindcss";
-
-@custom-variant dark (&:is(.dark *));
-
-:root {
-  color-scheme: light dark;
-
-  --background: oklch(100% 0 0);
-  --foreground: oklch(14.5% 0 0);
-  --card: oklch(100% 0 0);
-  --card-foreground: oklch(14.5% 0 0);
-  --popover: oklch(100% 0 0);
-  --popover-foreground: oklch(14.5% 0 0);
-  --primary: oklch(20.5% 0 0);
-  --primary-foreground: oklch(98.5% 0 0);
-  --secondary: oklch(97% 0 0);
-  --secondary-foreground: oklch(20.5% 0 0);
-  --muted: oklch(97% 0 0);
-  --muted-foreground: oklch(55.6% 0 0);
-  --accent: oklch(97% 0 0);
-  --accent-foreground: oklch(20.5% 0 0);
-  --destructive: oklch(57.7% 0.245 27.325);
-  --destructive-foreground: oklch(14.5% 0 0);
-  --border: oklch(0 0 0 / 10%);
-  --input: oklch(92.2% 0 0);
-  --ring: oklch(70.8% 0 0);
-  --chart-1: oklch(64.6% 0.222 41.116);
-  --chart-2: oklch(60% 0.118 184.704);
-  --chart-3: oklch(39.8% 0.07 227.392);
-  --chart-4: oklch(82.8% 0.189 84.429);
-  --chart-5: oklch(76.9% 0.188 70.08);
-  --radius: 0.625rem;
-  --sidebar: oklch(98.5% 0 0);
-  --sidebar-foreground: oklch(14.5% 0 0);
-  --sidebar-primary: oklch(20.5% 0 0);
-  --sidebar-primary-foreground: oklch(98.5% 0 0);
-  --sidebar-accent: oklch(97% 0 0);
-  --sidebar-accent-foreground: oklch(20.5% 0 0);
-  --sidebar-border: oklch(92.2% 0 0);
-  --sidebar-ring: oklch(70.8% 0 0);
-  --grid-handle: oklch(26.7% 0 0);
-}
-
-.dark {
-  --background: oklch(14.5% 0 0);
-  --foreground: oklch(98.5% 0 0);
-  --card: oklch(25.6% 0.016884 285.1);
-  --card-foreground: oklch(98.5% 0 0);
-  --popover: oklch(14.5% 0 0);
-  --popover-foreground: oklch(98.5% 0 0);
-  --primary: oklch(98.5% 0 0);
-  --primary-foreground: oklch(20.5% 0 0);
-  --secondary: oklch(26.9% 0 0);
-  --secondary-foreground: oklch(98.5% 0 0);
-  --muted: oklch(26.9% 0 0);
-  --muted-foreground: oklch(70.8% 0 0);
-  --accent: oklch(26.9% 0 0);
-  --accent-foreground: oklch(98.5% 0 0);
-  --destructive: oklch(39.6% 0.141 25.723);
-  --destructive-foreground: oklch(63.7% 0.237 25.331);
-  --border: oklch(26.9% 0 0);
-  --input: oklch(26.9% 0 0);
-  --ring: oklch(43.9% 0 0);
-  --chart-1: oklch(48.8% 0.243 264.376);
-  --chart-2: oklch(69.6% 0.17 162.48);
-  --chart-3: oklch(76.9% 0.188 70.08);
-  --chart-4: oklch(62.7% 0.265 303.9);
-  --chart-5: oklch(64.5% 0.246 16.439);
-  --sidebar: oklch(20.5% 0 0);
-  --sidebar-foreground: oklch(98.5% 0 0);
-  --sidebar-primary: oklch(48.8% 0.243 264.376);
-  --sidebar-primary-foreground: oklch(98.5% 0 0);
-  --sidebar-accent: oklch(26.9% 0 0);
-  --sidebar-accent-foreground: oklch(98.5% 0 0);
-  --sidebar-border: oklch(26.9% 0 0);
-  --sidebar-ring: oklch(43.9% 0 0);
-  --grid-handle: oklch(26.7% 0 0);
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --color-grid-handle: var(--grid-handle);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-}
-
-@theme inline {
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --z-index-content: 0;
-  --z-index-content-selected: 1;
-  --z-index-content-overlay: 2;
-  --z-index-content-menu: 5;
-  --z-index-menu: 5;
-  --z-index-modal-background: 99;
-  --z-index-modal: 100;
-  --z-index-modal-menu: 105;
-  --z-index-context-menu: 905;
-  --z-index-tooltip: 1000;
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
-
-@layer base {
-  #root {
-    isolation: isolate;
-  }
-  .page-background {
-    @apply bg-page-background;
-  }
-  :root {
-    --page-background: #eee;
-  }
-  .dark {
-    --page-background: #16161d;
-  }
-  @theme inline {
-    --color-page-background: var(--page-background);
-  }
-}

package/dist/template/src/server.ts

@@ -1,45 +0,0 @@
-import { backgroundFunction, type ServerSdk, serverFunction } from "@dev-agents/sdk-server";
-import { Type } from "@dev-agents/sdk-shared";
-
-// Import tools from individual modules as needed
-// Example:
-// import { someFunction } from "../tools/github.js";
-// import { anotherFunction } from "../tools/slack.js";
-
-// Demo functions - remove these and add your own.
-
-export const main = backgroundFunction({
-  description: "A simple hello world function that demonstrates server function capabilities",
-  params: Type.Object({}),
-  execute: async () => {
-    console.log("Hello, world! This is a long-running background function.");
-  },
-});
-
-export const getMessage = serverFunction({
-  description: "Gets a welcome message from the server",
-  params: Type.Object({}),
-  exported: true,
-  execute: async (sdk: ServerSdk) => {
-    const customMessage = await sdk.getValue<string>("welcomeMessage");
-    console.log("getMessage: welcomeMessage is", customMessage);
-    return {
-      message:
-        customMessage || "Welcome to your new agent! Click the button to set a custom message.",
-      timestamp: new Date().toISOString(),
-    };
-  },
-});
-
-export const setMessage = serverFunction({
-  description: "Sets a custom welcome message",
-  params: Type.Object({
-    message: Type.String({ minLength: 1, description: "The custom welcome message to display" }),
-  }),
-  exported: true,
-  execute: async (sdk: ServerSdk, { message }) => {
-    await sdk.setValue("welcomeMessage", message);
-    console.log("setMessage: set welcomeMessage to:", message);
-    return { success: true };
-  },
-});