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

examples/tuono-app/.gitignore

@@ -11,3 +11,6 @@ node_modules
 .tuono
 out
 target
+
+# Ignore local env files
+*.local

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",

examples/tuono-tutorial/.gitignore

@@ -11,3 +11,6 @@ node_modules
 .tuono
 out
 target
+
+# Ignore local env files
+*.local

examples/tuono-tutorial/src/css-modules.d.ts

@@ -1,4 +0,0 @@
-declare module '*.module.css' {
-  const classes: Record<string, string>
-  export default classes
-}

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",

examples/with-mdx/.gitignore

@@ -11,3 +11,6 @@ node_modules
 .tuono
 out
 target
+
+# Ignore local env files
+*.local

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",

examples/with-tailwind/.gitignore

@@ -11,3 +11,6 @@ node_modules
 .tuono
 out
 target
+
+# Ignore local env files
+*.local

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",

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"

packages/tuono/src/build-client/index.ts

@@ -0,0 +1 @@
+import 'vite/client'

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_'

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 ?? {},

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',
     ],