create-skybridge 0.0.0-dev.e129627 → 0.0.0-dev.e131f3d

package/template/server/src/middleware.ts

@@ -1,54 +0,0 @@
-import { StreamableHTTPServerTransport } from "@modelcontextprotocol/sdk/server/streamableHttp.js";
-import type { NextFunction, Request, Response } from "express";
-
-import type { McpServer } from "skybridge/server";
-
-export const mcp =
-  (server: McpServer) =>
-  async (req: Request, res: Response, next: NextFunction) => {
-    // Only handle requests to the /mcp path
-    if (req.path !== "/mcp") {
-      return next();
-    }
-
-    if (req.method === "POST") {
-      try {
-        const transport = new StreamableHTTPServerTransport({
-          sessionIdGenerator: undefined,
-        });
-
-        res.on("close", () => {
-          transport.close();
-        });
-
-        await server.connect(transport);
-
-        await transport.handleRequest(req, res, req.body);
-      } catch (error) {
-        console.error("Error handling MCP request:", error);
-        if (!res.headersSent) {
-          res.status(500).json({
-            jsonrpc: "2.0",
-            error: {
-              code: -32603,
-              message: "Internal server error",
-            },
-            id: null,
-          });
-        }
-      }
-    } else if (req.method === "GET" || req.method === "DELETE") {
-      res.writeHead(405).end(
-        JSON.stringify({
-          jsonrpc: "2.0",
-          error: {
-            code: -32000,
-            message: "Method not allowed.",
-          },
-          id: null,
-        }),
-      );
-    } else {
-      next();
-    }
-  };

package/template/server/src/server.ts

@@ -1,61 +0,0 @@
-import { McpServer } from "skybridge/server";
-import { z } from "zod";
-
-const Answers = [
-  "As I see it, yes",
-  "Don't count on it",
-  "It is certain",
-  "It is decidedly so",
-  "Most likely",
-  "My reply is no",
-  "My sources say no",
-  "Outlook good",
-  "Outlook not so good",
-  "Signs point to yes",
-  "Very doubtful",
-  "Without a doubt",
-  "Yes definitely",
-  "Yes",
-  "You may rely on it",
-];
-
-const server = new McpServer(
-  {
-    name: "alpic-openai-app",
-    version: "0.0.1",
-  },
-  { capabilities: {} },
-).registerWidget(
-  "magic-8-ball",
-  {
-    description: "Magic 8 Ball",
-  },
-  {
-    description: "For fortune-telling or seeking advice.",
-    inputSchema: {
-      question: z.string().describe("The user question."),
-    },
-  },
-  async ({ question }) => {
-    try {
-      // deterministic answer
-      const hash = question
-        .split("")
-        .reduce((acc, char) => acc + char.charCodeAt(0), 0);
-      const answer = Answers[hash % Answers.length];
-      return {
-        structuredContent: { answer },
-        content: [],
-        isError: false,
-      };
-    } catch (error) {
-      return {
-        content: [{ type: "text", text: `Error: ${error}` }],
-        isError: true,
-      };
-    }
-  },
-);
-
-export default server;
-export type AppType = typeof server;

package/template/tsconfig.server.json

@@ -1,11 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "noEmit": false,
-    "outDir": "dist",
-    "sourceMap": true,
-    "declaration": true
-  },
-  "include": ["server/src"],
-  "exclude": ["dist", "node_modules"]
-}

package/template/web/src/helpers.ts

@@ -1,4 +0,0 @@
-import { generateHelpers } from "skybridge/web";
-import type { AppType } from "../../server/src/server";
-
-export const { useToolInfo } = generateHelpers<AppType>();

package/template/web/src/index.css

@@ -1,151 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,600&display=swap");
-
-.container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  padding: 1rem;
-}
-
-.ball {
-  background: radial-gradient(
-    circle at 30% 30%,
-    #454565 0%,
-    #1c1c30 40%,
-    #0a0a10 100%
-  );
-  border-radius: 50%;
-  width: 12rem;
-  height: 12rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-family: monospace;
-  text-align: center;
-  position: relative;
-  box-shadow:
-    0 10px 30px rgba(0, 0, 0, 0.5),
-    0 5px 15px rgba(0, 0, 0, 0.3),
-    inset 0 -20px 40px rgba(0, 0, 0, 0.6);
-  animation:
-    float 3s ease-in-out infinite,
-    colorShift 15s ease-in-out infinite;
-  transition: transform 0.3s ease;
-  cursor: pointer;
-  border: 1px solid rgba(30, 30, 50, 0.6);
-}
-
-.ball:hover {
-  transform: scale(1.05) translateY(-8px);
-  animation: colorShift 15s ease-in-out infinite;
-  box-shadow:
-    0 20px 50px rgba(0, 0, 0, 0.6),
-    0 10px 25px rgba(0, 0, 0, 0.4),
-    inset 0 -20px 40px rgba(0, 0, 0, 0.6);
-}
-
-@keyframes float {
-  0%,
-  100% {
-    transform: translateY(0);
-  }
-  50% {
-    transform: translateY(-8px);
-  }
-}
-
-@keyframes colorShift {
-  0%,
-  100% {
-    background: radial-gradient(
-      circle at 30% 30%,
-      #454565 0%,
-      #1c1c30 40%,
-      #0a0a10 100%
-    );
-  }
-  25% {
-    background: radial-gradient(
-      circle at 30% 30%,
-      #3f4a65 0%,
-      #181e30 40%,
-      #090a10 100%
-    );
-  }
-  50% {
-    background: radial-gradient(
-      circle at 30% 30%,
-      #3a5065 0%,
-      #152230 40%,
-      #080a10 100%
-    );
-  }
-  75% {
-    background: radial-gradient(
-      circle at 30% 30%,
-      #3f4a65 0%,
-      #181e30 40%,
-      #090a10 100%
-    );
-  }
-}
-
-.ball::before {
-  content: "";
-  position: absolute;
-  top: 8%;
-  left: 20%;
-  width: 30%;
-  height: 20%;
-  background: radial-gradient(
-    ellipse,
-    rgba(255, 255, 255, 0.3) 0%,
-    transparent 70%
-  );
-  border-radius: 50%;
-  pointer-events: none;
-}
-
-.ball::after {
-  content: "";
-  position: absolute;
-  bottom: 8%;
-  right: 25%;
-  width: 25%;
-  height: 10%;
-  background: radial-gradient(
-    ellipse,
-    rgba(255, 255, 255, 0.1) 0%,
-    transparent 70%
-  );
-  border-radius: 50%;
-  pointer-events: none;
-}
-
-.question {
-  font-size: clamp(0.5rem, 2vw, 0.75rem);
-  color: lightgrey;
-  max-width: 90%;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  text-align: center;
-  line-height: 1.3;
-  font-style: italic;
-}
-
-.answer {
-  font-family: "Playfair Display", serif;
-  font-style: italic;
-  font-size: 1.25rem;
-  font-weight: 600;
-  margin-top: 0.5rem;
-  color: #7dd3fc;
-  text-shadow: 0 0 10px rgba(125, 211, 252, 0.5);
-  max-width: 90%;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  text-align: center;
-  line-height: 1.3;
-}

package/template/web/src/widgets/magic-8-ball.tsx

@@ -1,24 +0,0 @@
-import "@/index.css";
-
-import { mountWidget } from "skybridge/web";
-import { useToolInfo } from "../helpers";
-
-function Magic8Ball() {
-  const { input, output } = useToolInfo<"magic-8-ball">();
-  if (!output) {
-    return <div>Shaking...</div>;
-  }
-
-  return (
-    <div className="container">
-      <div className="ball">
-        <div className="question">{input.question}</div>
-        <div className="answer">{output.answer}</div>
-      </div>
-    </div>
-  );
-}
-
-export default Magic8Ball;
-
-mountWidget(<Magic8Ball />);

package/template/web/vite.config.ts

@@ -1,15 +0,0 @@
-import path from "node:path";
-import react from "@vitejs/plugin-react";
-import { skybridge } from "skybridge/web";
-import { defineConfig, type PluginOption } from "vite";
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [skybridge() as PluginOption, react()],
-  root: __dirname,
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src"),
-    },
-  },
-});