Ryth Azhur
1b5dca5ab3
The worker receives a file path in the JSON message, dynamically
imports it, renders it. No registerComponent API, no app entry file,
no export maps. Django's template backend resolves the template name
to an absolute path against DIRS, same as every other template engine.
render(request, 'components/Hello.tsx', {'name': 'World'})
Verified working: curl http://localhost:8000/hello/ returns
<div id="mizan-root"><div>Hello, World!</div></div>
Changes:
- worker.tsx: receives file path, dynamic import with cache
- bridge.py: sends file path instead of component name
- backend.py: resolves template name against DIRS to absolute path
- Fix bridge.py:147 bug (referenced deleted 'component' variable)
- Example app: Hello.tsx component, /hello/ view, template config
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
31 lines
1.2 KiB
TypeScript
31 lines
1.2 KiB
TypeScript
import { defineConfig } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
import path from 'path'
|
|
|
|
const reactPkg = path.resolve(__dirname, '../../../packages/mizan-react/src')
|
|
|
|
export default defineConfig({
|
|
plugins: [react()],
|
|
resolve: {
|
|
alias: {
|
|
'mizan/channels': path.join(reactPkg, 'channels/index.ts'),
|
|
'mizan/client/react': path.join(reactPkg, 'client/react.ts'),
|
|
'mizan/client/nextjs': path.join(reactPkg, 'client/nextjs.tsx'),
|
|
'mizan/client': path.join(reactPkg, 'client/index.ts'),
|
|
'mizan/jwt': path.join(reactPkg, 'jwt/index.ts'),
|
|
'mizan/allauth/nextjs': path.join(reactPkg, 'allauth/nextjs.tsx'),
|
|
'mizan/allauth': path.join(reactPkg, 'allauth/index.ts'),
|
|
'mizan': path.join(reactPkg, 'index.ts'),
|
|
'@rythazhur/mizan/channels': path.join(reactPkg, 'channels/index.ts'),
|
|
'@rythazhur/mizan/jwt': path.join(reactPkg, 'jwt/index.ts'),
|
|
'@rythazhur/mizan': path.join(reactPkg, 'index.ts'),
|
|
},
|
|
},
|
|
server: {
|
|
proxy: {
|
|
'/api': 'http://localhost:8000',
|
|
'/ws': { target: 'ws://localhost:8000', ws: true },
|
|
},
|
|
},
|
|
})
|