fix dev env + add sierpinski

aidenybai · Jan 6, 2025 · b1dcb6b · b1dcb6b
1 parent e47f9f7
commit b1dcb6b
Show file tree

Hide file tree

Showing 51 changed files with 3,052 additions and 1,610 deletions.
diff --git a/kitchen-sink/index.html → examples/kitchen-sink/index.html b/kitchen-sink/index.html → examples/kitchen-sink/index.html
diff --git a/kitchen-sink/jsconfig.json → examples/kitchen-sink/jsconfig.json b/kitchen-sink/jsconfig.json → examples/kitchen-sink/jsconfig.json
diff --git a/kitchen-sink/package.json → examples/kitchen-sink/package.json b/kitchen-sink/package.json → examples/kitchen-sink/package.json
diff --git a/kitchen-sink/public/bippy.png → examples/kitchen-sink/public/bippy.png b/kitchen-sink/public/bippy.png → examples/kitchen-sink/public/bippy.png
diff --git a/kitchen-sink/public/thumbnail.png → examples/kitchen-sink/public/thumbnail.png b/kitchen-sink/public/thumbnail.png → examples/kitchen-sink/public/thumbnail.png
diff --git a/kitchen-sink/src/big-grid-test.jsx → examples/kitchen-sink/src/big-grid-test.jsx b/kitchen-sink/src/big-grid-test.jsx → examples/kitchen-sink/src/big-grid-test.jsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import "bippy/dist/scan/index";
+import "bippy/scan";
 
 export default function SlowComponent() {
 	const largeArray = Array.from({ length: 10000 }, (_, i) => i);

diff --git a/kitchen-sink/src/button-test.jsx → examples/kitchen-sink/src/button-test.jsx b/kitchen-sink/src/button-test.jsx → examples/kitchen-sink/src/button-test.jsx
@@ -1,4 +1,4 @@
-import * as ReactScanV1 from "bippy/dist/scan/index";
+import * as ReactScanV1 from "bippy/scan";
 import React, { useState, useEffect } from "react";
 
 export default function Counter() {

diff --git a/kitchen-sink/src/children-render-test.jsx → ...kitchen-sink/src/children-render-test.jsx b/kitchen-sink/src/children-render-test.jsx → ...kitchen-sink/src/children-render-test.jsx
diff --git a/kitchen-sink/src/index.jsx → examples/kitchen-sink/src/index.jsx b/kitchen-sink/src/index.jsx → examples/kitchen-sink/src/index.jsx
diff --git a/kitchen-sink/src/main.css → examples/kitchen-sink/src/main.css b/kitchen-sink/src/main.css → examples/kitchen-sink/src/main.css
diff --git a/kitchen-sink/src/main.jsx → examples/kitchen-sink/src/main.jsx b/kitchen-sink/src/main.jsx → examples/kitchen-sink/src/main.jsx
diff --git a/kitchen-sink/src/mini-react-scan.jsx → ...ples/kitchen-sink/src/mini-react-scan.jsx b/kitchen-sink/src/mini-react-scan.jsx → ...ples/kitchen-sink/src/mini-react-scan.jsx
diff --git a/kitchen-sink/src/multi-provider-test.jsx → .../kitchen-sink/src/multi-provider-test.jsx b/kitchen-sink/src/multi-provider-test.jsx → .../kitchen-sink/src/multi-provider-test.jsx
diff --git a/kitchen-sink/src/owner-tree-test.jsx → ...ples/kitchen-sink/src/owner-tree-test.jsx b/kitchen-sink/src/owner-tree-test.jsx → ...ples/kitchen-sink/src/owner-tree-test.jsx
@@ -1,7 +1,7 @@
 // https://x.com/jjenzz/status/1859954446140334277
 import { instrument, getNearestHostFibers, createFiberVisitor } from "bippy"; // must be imported BEFORE react
 import * as React from "react";
-import * as BippyScan from "bippy/dist/scan/index";
+import * as BippyScan from "bippy/scan";
 
 BippyScan;
 

diff --git a/kitchen-sink/src/playground.jsx → examples/kitchen-sink/src/playground.jsx b/kitchen-sink/src/playground.jsx → examples/kitchen-sink/src/playground.jsx
diff --git a/kitchen-sink/vite.config.mjs → examples/kitchen-sink/vite.config.mjs b/kitchen-sink/vite.config.mjs → examples/kitchen-sink/vite.config.mjs
@@ -17,14 +17,14 @@ export default defineConfig({
 		tailwindcss(),
 	],
 	define: {
-		__VERSION__: `"v${JSON.parse(fs.readFileSync('../package.json', 'utf8')).version}"`,
+		__VERSION__: `"v${JSON.parse(fs.readFileSync('../../package.json', 'utf8')).version}"`,
 	},
 	resolve:
 		process.env.NODE_ENV === 'production'
 			? {}
 			: {
 					alias: {
-						bippy: path.resolve(__dirname, '../packages/bippy/dist'),
+						bippy: path.resolve(__dirname, '../../packages/bippy/dist'),
 					},
 				},
 });
diff --git a/examples/sierpinski/index.html b/examples/sierpinski/index.html
@@ -0,0 +1,59 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <title>React Scan</title>
+    <meta name="title" content="React Scan" />
+    <meta
+      name="description"
+      content="React Scan automatically detects and highlights components that cause performance issues in your React app. Drop it in anywhere – script tag, npm, you name it!"
+    />
+
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://react-scan.million.dev" />
+    <meta property="og:title" content="React Scan" />
+    <meta
+      property="og:description"
+      content="React Scan automatically detects and highlights components that cause performance issues in your React app. Drop it in anywhere – script tag, npm, you name it!"
+    />
+    <meta
+      property="og:image"
+      content="https://react-scan.million.dev/banner.png"
+    />
+
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://react-scan.million.dev" />
+    <meta property="twitter:title" content="React Scan" />
+    <meta
+      property="twitter:description"
+      content="React Scan automatically detects and highlights components that cause performance issues in your React app. Drop it in anywhere – script tag, npm, you name it!"
+    />
+    <meta
+      property="twitter:image"
+      content="https://react-scan.million.dev/banner.png"
+    />
+
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Geist+Mono:[email protected]&family=Geist:[email protected]&display=swap"
+      rel="stylesheet"
+    />
+
+    <link rel="icon" href="/logo.svg" type="image/svg+xml" />
+
+    <meta
+      name="keywords"
+      content="react, performance, debugging, developer tools, web development, javascript"
+    />
+    <meta name="author" content="Aiden Bai" />
+    <meta name="theme-color" content="#8b5cf6" />
+    <link rel="canonical" href="https://react-scan.million.dev" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.jsx"></script>
+  </body>
+</html>
diff --git a/examples/sierpinski/jsconfig.json b/examples/sierpinski/jsconfig.json
@@ -0,0 +1,12 @@
+{
+	"compilerOptions": {
+		"module": "ESNext",
+		"target": "ESNext"
+	},
+	"exclude": [
+		"node_modules",
+		"**/node_modules/*",
+		"dist"
+	],
+	"moduleResolution": "NodeNext"
+}
diff --git a/examples/sierpinski/package.json b/examples/sierpinski/package.json
@@ -0,0 +1,21 @@
+{
+	"private": "true",
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"preview": "vite preview"
+	},
+	"dependencies": {
+		"@vercel/analytics": "^1.4.0",
+		"babel-plugin-react-compiler": "19.0.0-beta-a7bf2bd-20241110",
+		"react": "19.0.0-rc.1",
+		"react-dom": "19.0.0-rc.1",
+		"bippy": "^0.1.1",
+		"sugar-high": "^0.7.5",
+		"vite-plugin-inspect": "^0.8.7"
+	},
+	"devDependencies": {
+		"@vitejs/plugin-react": "^4.3.1",
+		"vite": "^5.4.3"
+	}
+}