Spaces:

viktor-hu
/

novita-anysite

Running

App Files Files Community

viktor commited on May 22

Commit

153c5bb

1 Parent(s): 85b81db

feat. update configs

Browse files

Files changed (3) hide show

README.md +9 -3
src/lib/constants.dev.ts +86 -0
src/lib/constants.ts +5 -5

README.md CHANGED Viewed

@@ -1,5 +1,5 @@
 ---
-title: Novita Vibe Coding
 emoji: 🐨
 colorFrom: yellow
 colorTo: yellow
@@ -7,7 +7,13 @@ sdk: docker
 pinned: false
 license: mit
 app_port: 5001
-short_description: This is a demo showing the use of Novita LLMs to vibe coding
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: Novita Anysite
 emoji: 🐨
 colorFrom: yellow
 colorTo: yellow
 pinned: false
 license: mit
 app_port: 5001
+short_description: This is a demo that shows how to use Novita LLM to build a website for you. Simply use the prompt input below to describe the website you want to create, and Novita Anysite will generate it for you!
+models:
+  - deepseek-ai/DeepSeek-V3-0324
+  - Qwen/Qwen3-235B-A22B
+  - Qwen/Qwen3-30B-A3B
+  - Qwen/Qwen3-32B
 ---
+## Credits
+This space is inspired by https://huggingface.co/spaces/enzostvs/deepsite.

src/lib/constants.dev.ts ADDED Viewed

	@@ -0,0 +1,86 @@

+export const REDIRECT_URI =
+  process.env.REDIRECT_URI || `http://localhost:${process.env.APP_PORT || 5001}/api/auth/login`;
+export const MODEL_CONFIG_PROMPT_IMPROVEMENT = {
+  id: "deepseek/deepseek-v3-0324",
+  max_tokens: 16_000,
+}
+const default_system_prompt = `ONLY USE HTML, CSS AND JAVASCRIPT. If you want to use ICON make sure to import the library first. Try to create the best UI possible by using only HTML, CSS and JAVASCRIPT. Use as much as you can TailwindCSS for the CSS, if you can't do something with TailwindCSS, then use custom CSS (make sure to import <script src="https://cdn.tailwindcss.com"></script> in the head). Also, try to ellaborate as much as you can, to create something unique. ALWAYS GIVE THE RESPONSE INTO A SINGLE HTML FILE`;
+export const MODEL_CONFIG_CODE_GENERATION = [
+  {
+    id: "deepseek/deepseek-v3-0324",
+    max_tokens: 16_000,
+    default_enable_thinking: false,
+    system_prompt: default_system_prompt,
+  },
+  {
+    id: "qwen/qwen3-235b-a22b-fp8",
+    max_tokens: 16_000,
+    default_enable_thinking: true,
+    system_prompt: default_system_prompt,
+  },
+  {
+    id: "qwen/qwen3-30b-a3b-fp8",
+    max_tokens: 16_000,
+    default_enable_thinking: true,
+    system_prompt: default_system_prompt,
+  },
+  {
+    id: "qwen/qwen3-32b-fp8",
+    max_tokens: 16_000,
+    default_enable_thinking: true,
+    system_prompt: default_system_prompt,
+  }
+];
+export const DEFAULT_HTML = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Novita AnySite</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <style>
+    body {
+      font-family: 'Arial', sans-serif;
+      background-color: #f5f5f5;
+    }
+    .container {
+      max-width: 800px;
+      margin: 0 auto;
+      padding: 40px 20px;
+      text-align: center;
+    }
+    .title {
+      font-size: 32px;
+      font-weight: bold;
+      margin-bottom: 20px;
+      color: #333;
+    }
+    .subtitle {
+      font-size: 18px;
+      color: #666;
+      margin-bottom: 30px;
+      line-height: 1.5;
+    }
+    .highlight {
+      color: #23d57c;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1 class="title">Welcome to <span class="highlight">Novita AnySite</span></h1>
+    <p class="subtitle">
+      This is a simple demonstration page. Use the prompt input below to describe
+      the website you want to build, and our AI will generate it for you!
+    </p>
+    <div class="mt-8 text-left bg-gray-100 p-4 rounded-lg">
+      <p class="text-sm text-gray-600 mb-2">Example prompt:</p>
+      <p class="text-gray-800">"Create a landing page for a coffee shop with a hero section, menu highlights, and contact information."</p>
+    </div>
+  </div>
+</body>
+</html>`;

src/lib/constants.ts CHANGED Viewed

@@ -2,7 +2,7 @@ export const REDIRECT_URI =
   process.env.REDIRECT_URI || `http://localhost:${process.env.APP_PORT || 5001}/api/auth/login`;
 export const MODEL_CONFIG_PROMPT_IMPROVEMENT = {
-  id: "deepseek/deepseek-v3-0324",
   max_tokens: 16_000,
 }
@@ -10,25 +10,25 @@ const default_system_prompt = `ONLY USE HTML, CSS AND JAVASCRIPT. If you want to
 export const MODEL_CONFIG_CODE_GENERATION = [
   {
-    id: "deepseek/deepseek-v3-0324",
     max_tokens: 16_000,
     default_enable_thinking: false,
     system_prompt: default_system_prompt,
   },
   {
-    id: "qwen/qwen3-235b-a22b-fp8",
     max_tokens: 16_000,
     default_enable_thinking: true,
     system_prompt: default_system_prompt,
   },
   {
-    id: "qwen/qwen3-30b-a3b-fp8",
     max_tokens: 16_000,
     default_enable_thinking: true,
     system_prompt: default_system_prompt,
   },
   {
-    id: "qwen/qwen3-32b-fp8",
     max_tokens: 16_000,
     default_enable_thinking: true,
     system_prompt: default_system_prompt,

   process.env.REDIRECT_URI || `http://localhost:${process.env.APP_PORT || 5001}/api/auth/login`;
 export const MODEL_CONFIG_PROMPT_IMPROVEMENT = {
+  id: "deepseek-ai/DeepSeek-V3-0324",
   max_tokens: 16_000,
 }
 export const MODEL_CONFIG_CODE_GENERATION = [
   {
+    id: "deepseek-ai/DeepSeek-V3-0324",
     max_tokens: 16_000,
     default_enable_thinking: false,
     system_prompt: default_system_prompt,
   },
   {
+    id: "Qwen/Qwen3-235B-A22B",
     max_tokens: 16_000,
     default_enable_thinking: true,
     system_prompt: default_system_prompt,
   },
   {
+    id: "Qwen/Qwen3-30B-A3B",
     max_tokens: 16_000,
     default_enable_thinking: true,
     system_prompt: default_system_prompt,
   },
   {
+    id: "Qwen/Qwen3-32B",
     max_tokens: 16_000,
     default_enable_thinking: true,
     system_prompt: default_system_prompt,