sunpeak 0.5.10 → 0.5.13

package/bin/sunpeak.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-import { existsSync, mkdirSync, cpSync, readFileSync, writeFileSync } from 'fs';
+import { existsSync, mkdirSync, cpSync, readFileSync, writeFileSync, renameSync } from 'fs';
 import { join, dirname, basename } from 'path';
 import { fileURLToPath } from 'url';
 import { createInterface } from 'readline';
@@ -51,6 +51,16 @@ async function init(projectName) {
     },
   });
 
+  // Rename underscore-prefixed files to dotfiles
+  const dotfiles = ['_gitignore', '_prettierignore', '_prettierrc'];
+  for (const file of dotfiles) {
+    const srcPath = join(targetDir, file);
+    const destPath = join(targetDir, file.replace(/^_/, '.'));
+    if (existsSync(srcPath)) {
+      renameSync(srcPath, destPath);
+    }
+  }
+
   // Read sunpeak version from root package.json
   const rootPkgPath = join(__dirname, '..', 'package.json');
   const rootPkg = JSON.parse(readFileSync(rootPkgPath, 'utf-8'));

package/dist/index.cjs

@@ -7379,7 +7379,7 @@ SegmentedControl.Option = Segment;
 function SimpleSidebar({ children, controls }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-screen w-full overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "hidden md:flex w-56 flex-col border-r border-subtle bg-background h-screen overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xs font-semibold mb-2 sticky top-0 bg-background pb-1 z-10", children: "Controls" }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xs font-semibold sticky top-0 bg-background z-10", children: "Controls" }),
       controls
     ] }) }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-auto h-screen", children })
@@ -11070,11 +11070,30 @@ function ChatGPTSimulator({
           SidebarSelect,
           {
             value: (userAgent == null ? void 0 : userAgent.device.type) ?? "desktop",
-            onChange: (value) => mock.setUserAgent({
-              ...userAgent,
-              device: { type: value },
-              capabilities: (userAgent == null ? void 0 : userAgent.capabilities) ?? { hover: true, touch: false }
-            }),
+            onChange: (value) => {
+              const deviceType = value;
+              let capabilities;
+              switch (deviceType) {
+                case "mobile":
+                  capabilities = { hover: false, touch: true };
+                  break;
+                case "tablet":
+                  capabilities = { hover: false, touch: true };
+                  break;
+                case "desktop":
+                  capabilities = { hover: true, touch: false };
+                  break;
+                case "unknown":
+                default:
+                  capabilities = { hover: true, touch: false };
+                  break;
+              }
+              mock.setUserAgent({
+                ...userAgent,
+                device: { type: deviceType },
+                capabilities
+              });
+            },
             options: [
               { value: "mobile", label: "Mobile" },
               { value: "tablet", label: "Tablet" },
@@ -11083,7 +11102,7 @@ function ChatGPTSimulator({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(SidebarControl, { label: "Capabilities", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-4", children: /* @__PURE__ */ jsxRuntime.jsx(SidebarControl, { label: "Capabilities", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             SidebarCheckbox,
             {
@@ -11114,7 +11133,7 @@ function ChatGPTSimulator({
               label: "Touch"
             }
           )
-        ] }) }),
+        ] }) }) }),
         /* @__PURE__ */ jsxRuntime.jsx(SidebarControl, { label: "Safe Area Insets", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-[9px] text-secondary", children: "Top" }),