feat(env): setup env prefix and typescript for client-side (#584)

tuono-labs · Feb 23, 2025 · d679982 · d679982
1 parent de5ac53
commit d679982
Show file tree

Hide file tree

Showing 14 changed files with 24 additions and 4 deletions.
diff --git a/examples/tuono-app/.gitignore b/examples/tuono-app/.gitignore
@@ -11,3 +11,6 @@ node_modules
 .tuono
 out
 target
+
+# Ignore local env files
+*.local
diff --git a/examples/tuono-app/tsconfig.json b/examples/tuono-app/tsconfig.json
@@ -5,6 +5,7 @@
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
+    "types": ["tuono/build-client"],
 
     /* Bundler mode */
     "moduleResolution": "bundler",

diff --git a/examples/tuono-tutorial/.gitignore b/examples/tuono-tutorial/.gitignore
@@ -11,3 +11,6 @@ node_modules
 .tuono
 out
 target
+
+# Ignore local env files
+*.local
diff --git a/examples/tuono-tutorial/src/css-modules.d.ts b/examples/tuono-tutorial/src/css-modules.d.ts
diff --git a/examples/tuono-tutorial/tsconfig.json b/examples/tuono-tutorial/tsconfig.json
@@ -5,6 +5,7 @@
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "jsx": "react-jsx",
     "useDefineForClassFields": true,
+    "types": ["tuono/build-client"],
 
     // Modules
     "module": "ESNext",

diff --git a/examples/with-mdx/.gitignore b/examples/with-mdx/.gitignore
@@ -11,3 +11,6 @@ node_modules
 .tuono
 out
 target
+
+# Ignore local env files
+*.local
diff --git a/examples/with-mdx/tsconfig.json b/examples/with-mdx/tsconfig.json
@@ -5,6 +5,7 @@
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
+    "types": ["tuono/build-client"],
 
     /* Bundler mode */
     "moduleResolution": "bundler",

diff --git a/examples/with-tailwind/.gitignore b/examples/with-tailwind/.gitignore
@@ -11,3 +11,6 @@ node_modules
 .tuono
 out
 target
+
+# Ignore local env files
+*.local
diff --git a/examples/with-tailwind/tsconfig.json b/examples/with-tailwind/tsconfig.json
@@ -5,6 +5,7 @@
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
+    "types": ["tuono/build-client"],
 
     /* Bundler mode */
     "moduleResolution": "bundler",

diff --git a/packages/tuono/package.json b/packages/tuono/package.json
@@ -27,6 +27,9 @@
       "types": "./dist/esm/build/index.d.ts",
       "default": "./dist/esm/build/index.js"
     },
+    "./build-client": {
+      "types": "./dist/esm/build-client/index.d.ts"
+    },
     "./config": {
       "types": "./dist/esm/config/index.d.ts",
       "default": "./dist/esm/config/index.js"

diff --git a/packages/tuono/src/build-client/index.ts b/packages/tuono/src/build-client/index.ts
@@ -0,0 +1 @@
+import 'vite/client'
diff --git a/packages/tuono/src/build/constants.ts b/packages/tuono/src/build/constants.ts
@@ -2,3 +2,4 @@ export const DOT_TUONO_FOLDER_NAME = '.tuono'
 export const CONFIG_FOLDER_NAME = 'config'
 export const CONFIG_FILE_NAME = 'config.mjs'
 export const SERVER_CONFIG_NAME = 'config.json'
+export const ENV_PREFIX = 'TUONO_PUBLIC_'
diff --git a/packages/tuono/src/build/index.ts b/packages/tuono/src/build/index.ts
@@ -8,6 +8,7 @@ import type { TuonoConfig } from '../config'
 
 import { blockingAsync } from './utils'
 import { createJsonConfig, loadConfig } from './config'
+import { ENV_PREFIX } from './constants'
 
 const VITE_SSR_PLUGINS: Array<Plugin> = [
   {
@@ -45,6 +46,7 @@ function createBaseViteConfigFromTuonoConfig(
     publicDir: '../public',
     cacheDir: 'cache',
     envDir: '../',
+    envPrefix: ENV_PREFIX,
 
     resolve: {
       alias: tuonoConfig.vite?.alias ?? {},

diff --git a/packages/tuono/vite.config.ts b/packages/tuono/vite.config.ts
@@ -13,6 +13,7 @@ export default mergeConfig(
       './src/index.ts',
       './src/build/index.ts',
       './src/config/index.ts',
+      './src/build-client/index.ts',
       './src/ssr/index.ts',
       './src/hydration/index.tsx',
     ],
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,3 +11,6 @@ node_modules @@
     .tuono
     out
     target
+    # Ignore local env files
+    *.local