tsup asset folder

README.md

@@ -11,7 +11,7 @@ This Turborepo includes the following:
 - `login`: The new login UI powered by Next.js
 - `@zitadel/server`: core components for establishing node client connection, grpc stub
 - `@zitadel/client`: core components for establishing web client connection, grpc stub
-- `@zitadel/react`: shared React utilities and components
+- `@zitadel/react`: shared React utilities and components built with tailwindcss
 - `@zitadel/next`: shared Next.js utilities
 - `@zitadel/tsconfig`: shared `tsconfig.json`s used throughout the monorepo
 - `eslint-config-zitadel`: ESLint preset

apps/login/app/(login)/login/[categorySlug]/page.tsx

@@ -1,8 +0,0 @@
-type Props = {};
-export default async function Page({}: Props) {
-  return (
-    <div className="space-y-4">
-      <div className="text-xl font-medium text-gray-500">username</div>
-    </div>
-  );
-}

packages/zitadel-react/package.json

@@ -12,10 +12,11 @@
     "./assets/*": "./dist/assets/*"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && pnpm run copy-files",
     "dev": "tsup --watch",
     "lint": "eslint \"src/**/*.ts*\"",
-    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
+    "copy-files": "cp -R ./src/public/ ./dist/"
   },
   "devDependencies": {
     "@types/react": "^17.0.13",

packages/zitadel-react/src/components/SignInWithGoogle.tsx

@@ -9,7 +9,7 @@ export function SignInWithGoogle(props: SignInWithGoogleProps) {
     <div className="ui-flex ui-flex-row ui-items-center ui-bg-white ui-text-black dark:ui-bg-transparent dark:ui-text-white rounded-md p-4 text-sm">
       <img
         className="h-8 w-8"
-        src="./assets/google.png"
+        src="./public/google.png"
         alt="google"
         height={24}
         width={24}

packages/zitadel-react/tsup.config.ts

@@ -3,7 +3,8 @@ import { defineConfig, Options } from "tsup";
 export default defineConfig((options: Options) => ({
   treeshake: true,
   splitting: true,
-  entry: ["src/**/*.tsx"],
+  publicDir: true,
+  entry: ["src/**/*.{tsx,png,svg}"],
   format: ["esm"],
   dts: true,
   minify: true,