add vinxi devtools build to repo for windows testing, as it doesnt ha…

…ve bun support yet
nksaraf · Oct 31, 2023 · 9abed95 · 9abed95
1 parent c7caa86
commit 9abed95
Show file tree

Hide file tree

Showing 11 changed files with 869 additions and 7 deletions.
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -29,10 +29,10 @@ jobs:
       matrix:
         node-version: [18]
         # adapter:
-          # - solid-start-node
-          # - solid-start-cloudflare-workers
-          # - solid-start-cloudflare-pages
-          # - solid-start-deno
+        # - solid-start-node
+        # - solid-start-cloudflare-workers
+        # - solid-start-cloudflare-pages
+        # - solid-start-deno
         os:
           - ubuntu-latest
           # - macos-latest
@@ -96,10 +96,12 @@ jobs:
         run: pnpm --filter tests install:playwright
 
       - uses: oven-sh/setup-bun@v1
+        if: runner.os == 'ubuntu-latest'
         with:
           bun-version: latest
 
       - name: 👀 Build things that need to be built
+        if: runner.os == 'ubuntu-latest'
         env:
           START_ADAPTER: ${{ matrix.adapter }}
         run: npm run build

diff --git a/packages/vinxi-devtools/.gitignore b/packages/vinxi-devtools/.gitignore
@@ -0,0 +1 @@
+!dist
diff --git a/packages/vinxi-devtools/dist/client/assets/index-2fb900d6.js b/packages/vinxi-devtools/dist/client/assets/index-2fb900d6.js
diff --git a/packages/vinxi-devtools/dist/client/assets/index-a079acb7.css b/packages/vinxi-devtools/dist/client/assets/index-a079acb7.css
diff --git a/packages/vinxi-devtools/dist/client/index.html b/packages/vinxi-devtools/dist/client/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Document</title>
+		<style></style>
+		<script type="module" crossorigin src="/__devtools/client/assets/index-2fb900d6.js"></script>
+		<link rel="stylesheet" href="/__devtools/client/assets/index-a079acb7.css">
+		<script src="/__devtools/client/manifest.js"></script>
+	</head>
+	<body>
+		<div id="devtools"></div>
+
+	</body>
+</html>
diff --git a/packages/vinxi-devtools/dist/client/manifest.js b/packages/vinxi-devtools/dist/client/manifest.js
@@ -0,0 +1 @@
+window.manifest = {}
diff --git a/packages/vinxi-devtools/dist/client/manifest.json b/packages/vinxi-devtools/dist/client/manifest.json
@@ -0,0 +1,14 @@
+{
+  "index.css": {
+    "file": "assets/index-a079acb7.css",
+    "src": "index.css"
+  },
+  "index.html": {
+    "css": [
+      "assets/index-a079acb7.css"
+    ],
+    "file": "assets/index-2fb900d6.js",
+    "isEntry": true,
+    "src": "index.html"
+  }
+}
diff --git a/packages/vinxi-devtools/dist/mount.js b/packages/vinxi-devtools/dist/mount.js
diff --git a/packages/vinxi-devtools/dist/style.css b/packages/vinxi-devtools/dist/style.css
@@ -0,0 +1,197 @@
+.nuxt-devtools-frame {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  z-index: 2147483645;
+  -webkit-font-smoothing: antialiased;
+}
+
+.nuxt-devtools-frame > iframe {
+  width: 100%;
+  height: 100%;
+  outline: none;
+  background: var(--nuxt-devtools-widget-bg);
+  border: 1px solid rgba(125,125,125,0.2);
+  border-radius: 10px;
+}
+
+.nuxt-devtools-resize-handle-horizontal {
+  position: absolute;
+  left: 6px;
+  right: 6px;
+  height: 10px;
+  margin: -5px 0;
+  cursor: ns-resize;
+  border-radius: 5px;
+}
+.nuxt-devtools-resize-handle-vertical {
+  position: absolute;
+  top: 6px;
+  bottom: 0;
+  width: 10px;
+  margin: 0 -5px;
+  cursor: ew-resize;
+  border-radius: 5px;
+}
+.nuxt-devtools-resize-handle-corner {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  margin: -6px;
+  border-radius: 6px;
+}
+.nuxt-devtools-resize-handle:hover {
+  background: rgba(125,125,125,0.1);
+}
+
+#nuxt-devtools-anchor {
+  width: 0;
+  z-index: 2147483645;
+  position: fixed;
+  transform-origin: center center;
+  transform: translate(-50%, -50%) rotate(0);
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 15px !important;
+  box-sizing: border-box;
+}
+
+#nuxt-devtools-anchor * {
+  box-sizing: border-box;
+}
+
+#nuxt-devtools-anchor button {
+  border: none;
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  outline: none;
+  color: inherit;
+}
+
+#nuxt-devtools-anchor .nuxt-devtools-label {
+  padding: 0 7px 0 8px;
+  font-size: 0.8em;
+  line-height: 1em;
+  display: flex;
+  gap: 3px;
+  justify-items: center;
+  align-items: center;
+}
+
+#nuxt-devtools-anchor .nuxt-devtools-label .nuxt-devtools-label-main {
+  opacity: 0.8;
+}
+
+#nuxt-devtools-anchor
+  .nuxt-devtools-label
+  .nuxt-devtools-label-secondary {
+  font-size: 0.8em;
+  line-height: 0.6em;
+  opacity: 0.5;
+}
+
+#nuxt-devtools-anchor .nuxt-devtools-nuxt-button {
+  flex: none;
+}
+
+#nuxt-devtools-anchor.nuxt-devtools-vertical
+  .nuxt-devtools-nuxt-button {
+  transform: rotate(-90deg);
+}
+
+#nuxt-devtools-anchor.nuxt-devtools-vertical .nuxt-devtools-label {
+  transform: rotate(-90deg);
+  flex-direction: column;
+  gap: 2px;
+  padding: 0 10px;
+}
+
+#nuxt-devtools-anchor .nuxt-devtools-panel {
+  position: absolute;
+  left: 0;
+  top: 0;
+  transform: translate(-50%, -50%);
+  display: flex;
+  justify-content: flex-start;
+  overflow: hidden;
+  align-items: center;
+  gap: 2px;
+  height: 30px;
+  padding: 2px 2px 2px 2.5px;
+  border: 1px solid var(--nuxt-devtools-widget-border);
+  border-radius: 100px;
+  background-color: var(--nuxt-devtools-widget-bg);
+  backdrop-filter: blur(10px);
+  color: var(--nuxt-devtools-widget-fg);
+  box-shadow: 2px 2px 8px var(--nuxt-devtools-widget-shadow);
+  user-select: none;
+  touch-action: none;
+  max-width: 150px;
+  transition: all 0.6s ease, max-width 0.6s ease, padding 0.5s ease,
+    transform 0.4s ease, opacity 0.2s ease;
+}
+
+#nuxt-devtools-anchor {
+  bottom: 0rem;
+}
+
+#nuxt-devtools-anchor.nuxt-devtools-hide {
+  bottom: -1rem;
+}
+
+#nuxt-devtools-anchor.nuxt-devtools-hide .nuxt-devtools-panel {
+  max-width: 32px;
+  padding: 2px 0;
+  border-radius: 16px 16px 0 0;
+
+}
+
+#nuxt-devtools-anchor.nuxt-devtools-vertical .nuxt-devtools-panel {
+  transform: translate(-50%, -50%) rotate(90deg);
+  box-shadow: 2px -2px 8px var(--nuxt-devtools-widget-shadow);
+}
+
+#nuxt-devtools-anchor .nuxt-devtools-panel-content {
+  transition: opacity 0.4s ease;
+}
+
+#nuxt-devtools-anchor.nuxt-devtools-hide
+  .nuxt-devtools-panel-content {
+  opacity: 0;
+}
+
+#nuxt-devtools-anchor .nuxt-devtools-icon-button {
+  border-radius: 100%;
+  border-width: 0;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  opacity: 0.8;
+  transition: opacity 0.2s ease-in-out;
+}
+#nuxt-devtools-anchor .nuxt-devtools-icon-button:hover {
+  opacity: 1;
+}
+
+#nuxt-devtools-anchor:hover .nuxt-devtools-glowing {
+  opacity: 0.6;
+}
+
+#nuxt-devtools-anchor .nuxt-devtools-glowing {
+  position: absolute;
+  left: 0;
+  top: 0;
+  transform: translate(-50%, -50%);
+  width: 160px;
+  height: 160px;
+  opacity: 0;
+  transition: all 1s ease;
+  pointer-events: none;
+  z-index: -1;
+  border-radius: 9999px;
+  background-image: linear-gradient(45deg, #003366, #005599, #002244);
+  filter: blur(60px);
+}
diff --git a/packages/vinxi-mdx/package.json b/packages/vinxi-mdx/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "// User Scripts": "",
     "dev": "pnpm run tsc:watch",
-    "build": "pnpm run tsc:once",
+    "types": "pnpm run tsc:once",
     "// TypeScript": "",
     "tsc:watch": "tsc --build --watch",
     "tsc:once": "tsc --build",

diff --git a/packages/vinxi/package.json b/packages/vinxi/package.json
@@ -13,8 +13,8 @@
     "*.d.ts"
   ],
   "scripts": {
-    "build": "npm run types",
-    "types": "rm -rf dist/types && tsc; cp -r types dist/types/types"
+    "types": "npm run tsc",
+    "tsc": "rm -rf dist/types && tsc; cp -r types dist/types/types"
   },
   "bin": "./bin/cli.mjs",
   "types": "./dist/types/lib/index.d.ts",