Implement vite

.changeset/config.json

@@ -8,6 +8,8 @@
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
   "ignore": [
-    "next-example"
+    "next-example",
+    "vite-example",
+    "vite-lib-example"
   ]
 }

.changeset/curly-mice-promise.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/wasm": patch
+---
+
+Support transpiled code

.changeset/cyan-tigers-know.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/vite-plugin": minor
+---
+
+Implement vite plugin

.changeset/mean-socks-drum.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/webpack-plugin": patch
+---
+
+Fix watch mode issue

.gitignore

@@ -5,3 +5,6 @@ node_modules
 target
 *.*.timestamp-*
 coverage
+.df
+build_rs_cov.profraw
+tsconfig.tsbuildinfo

apps/vite-lib/devup.json

@@ -0,0 +1,40 @@
+{
+  "theme": {
+    "colors": {
+      "default": {
+        "text": "purple"
+      },
+      "dark": {
+        "text": "#fff"
+      }
+    },
+    "typography": {
+      "bold": {
+        "fontFamily": "Freesentation",
+        "fontSize": "14px",
+        "fontWeight": "800",
+        "lineHeight": "120%",
+        "letterSpacing": "-0.28px"
+      },
+      "header": [
+        {
+          "fontFamily": "Freesentation",
+          "fontSize": "12px",
+          "fontWeight": "600",
+          "lineHeight": "120%",
+          "letterSpacing": "-0.24px"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Freesentation",
+          "fontSize": "16px",
+          "fontWeight": "600",
+          "lineHeight": "120%",
+          "letterSpacing": "-0.32px"
+        }
+      ]
+    }
+  }
+}

apps/vite-lib/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "vite-lib-example",
+  "version": "0.1.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "build": "vite build",
+    "lint": "tsc && eslint"
+  },
+  "dependencies": {
+    "react": "^19.0.0",
+    "@devup-ui/react": "workspace:*",
+    "vite": "^6.0.7"
+  },
+  "devDependencies": {
+    "vite-plugin-dts": "^4.5.0",
+    "@devup-ui/vite-plugin": "workspace:*",
+    "@vitejs/plugin-react": "^4.3.4",
+    "typescript": "^5",
+    "@types/node": "^20",
+    "@types/react": "^19"
+  }
+}

apps/vite-lib/src/index.tsx

@@ -0,0 +1,21 @@
+import { Box, Flex, Text } from '@devup-ui/react'
+
+export function Lib() {
+  return (
+    <div>
+      <Box
+        _hover={{
+          bg: 'blue',
+        }}
+        bg="$text"
+        color="red"
+      >
+        hello
+      </Box>
+      <Text typography="header">typo</Text>
+      <Flex as="section" mt={2}>
+        section
+      </Flex>
+    </div>
+  )
+}