Merge branch 'main' into feat/playground

apps/site/rspress.config.ts

@@ -12,14 +12,24 @@ export default defineConfig({
     dark: '/midscene_with_text_dark.png',
   },
   themeConfig: {
-    darkMode: false,
+    darkMode: true,
     socialLinks: [
       {
         icon: 'github',
         mode: 'link',
         content: 'https://github.com/web-infra-dev/midscene',
       },
     ],
+    footer: {
+      message: `
+        <footer class="footer">
+          <div class="footer-content">
+            <img src="/midscene-icon.png" alt="Midscene.js Logo" class="footer-logo" />
+            <p class="footer-text">&copy; 2024 Midscene.js. All Rights Reserved.</p>
+          </div>
+        </footer>
+      `,
+    },
     locales: [
       {
         lang: 'en',
@@ -37,14 +47,12 @@ export default defineConfig({
   locales: [
     {
       lang: 'en',
-      // The label in nav bar to switch language
       label: 'English',
       title: 'Midscene.js',
       description: 'Midscene.js',
     },
     {
       lang: 'zh',
-      // The label in nav bar to switch language
       label: '简体中文',
       title: 'Midscene.js',
       description: 'Midscene.js',

apps/site/styles/index.css

@@ -1,17 +1,68 @@
+
 .dark {
   --rp-c-text-1: rgba(255, 255, 255, 1);
 }
 
 :root {
   --rp-c-text-1: #000;
   --rp-code-block-bg: #efefef;
-  --rp-c-text-code:#2d4956;
+  --rp-c-text-code: #2d4956;
   --rp-home-feature-bg: #F1F1f1;
 }
 
-@media (min-width: 768px) {
+/* Footer styles */
+.footer {
+  background-color: transparent;
+  color: #333;
+  text-align: center;
+
+}
+
+.footer::before,
+.footer::after {
+  content: none;
+  border: none;
+}
+
+.footer-content {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 15px;
+  border: none;
+}
+
+.footer-logo {
+  width: 40px;
+  border: none;
+}
+
+.footer-text {
+  margin: 0;
+  font-size: 14px;
+  color: #333;
+  border: none;
+  white-space: nowrap; 
+}
+
+@media (max-width: 768px) {
   .md\:text-6xl {
-      font-size: 3.3rem;
-      line-height: 1;
+    font-size: 3.3rem;
+    line-height: 1;
   }
-}
+
+  .footer-content {
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+
+  .footer-logo {
+    margin-bottom: 10px;
+  }
+
+  .footer-bottom {
+    text-align: center;
+  }
+}

biome.json

@@ -7,12 +7,13 @@
       "**/midscene_run",
       ".nx",
       "**/dist",
-      "**/test-data/**",
+      "test-data/**",
       "dist",
       "__ai_responses__",
       "ai-data/**",
       "**/doc_build",
       "*-dump.json",
+      "test-results/**",
       "script_get_all_texts.tmp.js",
       "**/playwright-report/**",
       "**/todo-report.spec.ts-snapshots/**"