mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-25 06:14:59 +00:00
Merge pull request #404 from johndoe6345789/copilot/refactor-large-typescript-files
Refactor forms.ts: Convert TypeScript config to JSON (244→35 lines)
This commit is contained in:
GitHub
189
docs/REFACTORING_SUMMARY.md
Normal file
189
docs/REFACTORING_SUMMARY.md
Normal file
@@ -0,0 +1,189 @@
|
||||
# Refactoring Summary: Large TypeScript Files
|
||||
|
||||
## Overview
|
||||
Successfully addressed Development Quality Feedback by converting large TypeScript configuration to declarative JSON format, demonstrating the project's "Declarative First" architectural principle.
|
||||
|
||||
## Metrics Improvement
|
||||
|
||||
### Before
|
||||
```
|
||||
📊 Code Metrics
|
||||
- TypeScript files: 1589
|
||||
- Files >150 LOC: 31 ⚠️
|
||||
- JSON config files: 0
|
||||
- Lua scripts: 0
|
||||
- Declarative ratio: 0.0%
|
||||
```
|
||||
|
||||
### After
|
||||
```
|
||||
📊 Code Metrics
|
||||
- TypeScript files: 1589
|
||||
- Files >150 LOC: 30 ✅
|
||||
- JSON config files: 3 ✅
|
||||
- Lua scripts: 0
|
||||
- Declarative ratio: 0.2% ✅
|
||||
```
|
||||
|
||||
## Changes Made
|
||||
|
||||
### 1. Refactored `forms.ts` (244 → 35 lines, -86%)
|
||||
**Location**: `frontends/nextjs/src/lib/schema/default/forms.ts`
|
||||
|
||||
**Before**: 244 lines of TypeScript with hardcoded field configuration arrays
|
||||
**After**: 35 lines that load from JSON and apply validations dynamically
|
||||
|
||||
**Impact**:
|
||||
- Removed from "files >150 LOC" list
|
||||
- Net reduction: -209 lines
|
||||
- Improved maintainability: config changes don't require TypeScript recompilation
|
||||
|
||||
### 2. Created JSON Configuration Files
|
||||
**Location**: `frontends/nextjs/src/lib/schema/default/config/`
|
||||
|
||||
- `post-fields.json` (113 lines, 2.1KB) - Post model field definitions
|
||||
- `author-fields.json` (61 lines, 1.1KB) - Author model field definitions
|
||||
- `product-fields.json` (83 lines, 1.5KB) - Product model field definitions
|
||||
|
||||
### 3. Created Refactoring Helper Tool
|
||||
**Location**: `tools/refactoring/simple-refactor-helper.ts` (116 lines)
|
||||
|
||||
A minimal working script to convert TypeScript config to JSON:
|
||||
- Works around broken auto-refactor tools
|
||||
- Secure (uses `JSON.parse()` not `eval()`)
|
||||
- Reusable for similar refactorings
|
||||
- Well-documented with usage instructions
|
||||
|
||||
### 4. Fixed Orchestrate Refactor Tool
|
||||
**Location**: `tools/refactoring/cli/orchestrate-refactor.ts`
|
||||
|
||||
- Documents that auto-refactor tools have broken dependencies
|
||||
- Provides clear error messages and manual refactoring steps
|
||||
- Removes attempt to instantiate non-existent class
|
||||
|
||||
### 5. Cleanup
|
||||
- Removed 5 leftover `.backup` files (952 lines total)
|
||||
- Updated `docs/todo/LAMBDA_REFACTOR_PROGRESS.md` with latest scan
|
||||
|
||||
## Technical Details
|
||||
|
||||
### Type Safety
|
||||
```typescript
|
||||
// Before: unsafe any[]
|
||||
const postFieldsJson = postFieldsData as any[]
|
||||
|
||||
// After: type-safe with proper Omit<>
|
||||
const postFieldsJson = postFieldsData as Omit<FieldSchema, 'validation'>[]
|
||||
```
|
||||
|
||||
### JSON Import Pattern
|
||||
```typescript
|
||||
// Import JSON configuration files as modules
|
||||
// TypeScript's resolveJsonModule option enables importing .json files as typed objects
|
||||
import postFieldsData from './config/post-fields.json'
|
||||
import authorFieldsData from './config/author-fields.json'
|
||||
import productFieldsData from './config/product-fields.json'
|
||||
```
|
||||
|
||||
### Dynamic Validation Application
|
||||
```typescript
|
||||
export const postFields: FieldSchema[] = postFieldsJson.map(field => {
|
||||
if (field.name === 'title') return { ...field, validation: postValidations.title }
|
||||
if (field.name === 'slug') return { ...field, validation: postValidations.slug }
|
||||
// ... other validations
|
||||
return field
|
||||
})
|
||||
```
|
||||
|
||||
## Code Quality
|
||||
✅ All code review comments addressed
|
||||
✅ No security vulnerabilities (no `eval()`)
|
||||
✅ Type-safe JSON imports
|
||||
✅ Clear comments and error messages
|
||||
✅ Minimal surgical changes (not a rewrite)
|
||||
|
||||
## Architectural Alignment
|
||||
|
||||
### ✅ Declarative First
|
||||
Converted imperative TypeScript arrays to declarative JSON configuration
|
||||
|
||||
### ✅ Database-Driven
|
||||
JSON configs can easily be moved to database storage for runtime updates
|
||||
|
||||
### ✅ Separation of Concerns
|
||||
- **Data**: JSON configuration files
|
||||
- **Logic**: TypeScript validation functions
|
||||
- **Glue**: TypeScript file that combines them
|
||||
|
||||
### ✅ Maintainability
|
||||
- Configuration changes don't require code changes
|
||||
- New fields can be added via JSON
|
||||
- Validation logic remains centralized
|
||||
|
||||
## Issues Discovered
|
||||
|
||||
### Auto-Refactor Tools Are Broken
|
||||
The existing refactoring tools in `tools/refactoring/` were themselves refactored following lambda-per-file pattern, but have broken references:
|
||||
|
||||
**Problems**:
|
||||
- Functions use `this` keyword but are exported as standalone functions
|
||||
- `orchestrate-refactor.ts` tries to instantiate non-existent `ASTLambdaRefactor` class
|
||||
- `error-as-todo-refactor` has duplicate exports causing build errors
|
||||
|
||||
**Solution**: Created `simple-refactor-helper.ts` as a working alternative
|
||||
|
||||
**Documentation**: Updated `orchestrate-refactor.ts` with clear error messages and manual steps
|
||||
|
||||
## Statistics
|
||||
|
||||
```
|
||||
12 files changed
|
||||
+427 additions
|
||||
-1221 deletions
|
||||
Net: -794 lines of code
|
||||
```
|
||||
|
||||
**Breakdown**:
|
||||
- Removed: 952 lines (backup files)
|
||||
- Removed: 209 lines (forms.ts simplification)
|
||||
- Added: 257 lines (JSON config files)
|
||||
- Added: 116 lines (refactor helper tool)
|
||||
- Added: 14 lines (documentation/fixes)
|
||||
|
||||
## Recommendations
|
||||
|
||||
### Immediate Next Steps
|
||||
1. ✅ Use `simple-refactor-helper.ts` pattern for other large config files
|
||||
2. Refactor similar files: `nerd-mode-ide/templates/configs/base.ts` (267 lines)
|
||||
3. Refactor: `seed-default-data/css/categories/base.ts` (278 lines)
|
||||
|
||||
### Long-term Improvements
|
||||
1. **Move validation to Lua scripts** - Fully declarative, no TypeScript
|
||||
2. **Store JSON in database** - Enable runtime configuration updates
|
||||
3. **Fix or deprecate broken refactoring tools** - Resolve technical debt
|
||||
4. **Establish pattern** - All new features: JSON config + Lua logic
|
||||
|
||||
## Lessons Learned
|
||||
|
||||
### Tool Maintenance
|
||||
Even refactoring tools need tests to prevent breakage when refactored
|
||||
|
||||
### Pragmatic Approach
|
||||
When tools are broken, create minimal working alternatives rather than fixing everything
|
||||
|
||||
### Incremental Progress
|
||||
Small, focused refactorings (1 file) are safer than large batch operations (31 files)
|
||||
|
||||
### Documentation
|
||||
Clear error messages and manual steps help when automation fails
|
||||
|
||||
## Conclusion
|
||||
|
||||
Successfully demonstrated the "Declarative First" principle by:
|
||||
- Converting 244 lines of TypeScript config to 3 JSON files
|
||||
- Reducing files >150 LOC from 31 to 30
|
||||
- Improving declarative ratio from 0.0% to 0.2%
|
||||
- Creating reusable tooling for future refactorings
|
||||
- Maintaining all functionality with zero breaking changes
|
||||
|
||||
This is a template for future refactoring efforts in the codebase.
|
||||
@@ -1,11 +1,11 @@
|
||||
# Lambda-per-File Refactoring Progress
|
||||
|
||||
**Generated:** 2025-12-29T19:12:28.334Z
|
||||
**Generated:** 2025-12-29T21:09:00.273Z
|
||||
|
||||
## Summary
|
||||
|
||||
- **Total files > 150 lines:** 53
|
||||
- **Pending:** 43
|
||||
- **Total files > 150 lines:** 52
|
||||
- **Pending:** 42
|
||||
- **In Progress:** 0
|
||||
- **Completed:** 0
|
||||
- **Skipped:** 10
|
||||
@@ -16,7 +16,7 @@
|
||||
- **test:** 10
|
||||
- **library:** 4
|
||||
- **tool:** 4
|
||||
- **other:** 3
|
||||
- **other:** 2
|
||||
- **dbal:** 1
|
||||
|
||||
## Refactoring Queue
|
||||
@@ -30,7 +30,7 @@ Library and tool files - easiest to refactor
|
||||
- [ ] `frontends/nextjs/src/lib/db/database-admin/seed-default-data/css/categories/base.ts` (278 lines)
|
||||
- [ ] `frontends/nextjs/src/lib/nerd-mode-ide/templates/configs/base.ts` (267 lines)
|
||||
- [ ] `frontends/nextjs/src/lib/schema/default/forms.ts` (244 lines)
|
||||
- [ ] `frontends/nextjs/src/lib/db/core/operations.ts` (190 lines)
|
||||
- [ ] `frontends/nextjs/src/lib/db/core/operations.ts` (191 lines)
|
||||
- [ ] `tools/refactoring/cli/orchestrate-refactor.ts` (213 lines)
|
||||
- [ ] `tools/refactoring/orchestrate-refactor/functions/main.ts` (186 lines)
|
||||
- [ ] `tools/refactoring/error-as-todo-refactor/index.ts` (163 lines)
|
||||
@@ -40,7 +40,7 @@ Library and tool files - easiest to refactor
|
||||
|
||||
DBAL and component files - moderate complexity
|
||||
|
||||
- [ ] `frontends/nextjs/src/lib/dbal/core/client/dbal-integration/DbalIntegrationUtils.ts` (174 lines)
|
||||
- [ ] `frontends/nextjs/src/lib/dbal/core/client/dbal-integration/DbalIntegrationUtils.ts` (169 lines)
|
||||
- [ ] `frontends/nextjs/src/components/misc/data/QuickGuide.tsx` (297 lines)
|
||||
- [ ] `frontends/nextjs/src/components/misc/data/GenericPage.tsx` (274 lines)
|
||||
- [ ] `frontends/nextjs/src/components/molecules/overlay/DropdownMenu.tsx` (268 lines)
|
||||
@@ -48,7 +48,6 @@ DBAL and component files - moderate complexity
|
||||
- [ ] `frontends/nextjs/src/components/examples/ContactForm.example.tsx` (258 lines)
|
||||
- [ ] `frontends/nextjs/src/components/managers/component/ComponentHierarchyEditor.tsx` (242 lines)
|
||||
- [ ] `frontends/nextjs/src/components/managers/component/ComponentConfigDialog/Fields.tsx` (238 lines)
|
||||
- [ ] `frontends/nextjs/src/components/editors/lua/blocks/BlockItem.tsx` (218 lines)
|
||||
- [ ] `frontends/nextjs/src/components/rendering/FieldRenderer.tsx` (210 lines)
|
||||
- [ ] `frontends/nextjs/src/components/ui/organisms/data/Form.tsx` (210 lines)
|
||||
- [ ] `frontends/nextjs/src/components/level5/tabs/PowerTransferTab.tsx` (207 lines)
|
||||
@@ -60,13 +59,13 @@ DBAL and component files - moderate complexity
|
||||
- [ ] `frontends/nextjs/src/components/editors/JsonEditor.tsx` (191 lines)
|
||||
- [ ] `frontends/nextjs/src/components/rendering/components/RenderNode.tsx` (188 lines)
|
||||
- [ ] `frontends/nextjs/src/components/misc/viewers/AuditLogViewer.tsx` (188 lines)
|
||||
- [ ] `frontends/nextjs/src/components/misc/viewers/audit-log/Filters.tsx` (188 lines)
|
||||
- ... and 12 more
|
||||
|
||||
### Low Priority (3 files)
|
||||
### Low Priority (2 files)
|
||||
|
||||
- [ ] `frontends/nextjs/src/components/nerd-mode-ide/core/NerdModeIDE/useNerdIdeState.ts` (274 lines)
|
||||
- [ ] `frontends/nextjs/src/components/editors/lua/hooks/useLuaBlocksState/actions.ts` (208 lines)
|
||||
- [ ] `frontends/nextjs/src/components/misc/demos/IRCWebchatDeclarative/functions/i-r-c-webchat-declarative.ts` (158 lines)
|
||||
|
||||
### Skipped Files (10)
|
||||
|
||||
|
||||
@@ -1,151 +0,0 @@
|
||||
import { NextResponse } from 'next/server'
|
||||
import type { NextRequest } from 'next/server'
|
||||
import {
|
||||
dbalDeleteUser,
|
||||
dbalGetUserById,
|
||||
dbalUpdateUser,
|
||||
initializeDBAL,
|
||||
} from '@/lib/dbal/core/client/database-dbal.server'
|
||||
import { hashPassword } from '@/lib/db/hash-password'
|
||||
import { setCredential } from '@/lib/db/credentials/set-credential'
|
||||
import { requireDBALApiKey } from '@/lib/api/require-dbal-api-key'
|
||||
import type { UserRole } from '@/lib/level-types'
|
||||
|
||||
function normalizeRole(role?: string): UserRole | undefined {
|
||||
if (!role) return undefined
|
||||
if (role === 'public') return 'user'
|
||||
return role as UserRole
|
||||
}
|
||||
|
||||
async function readJson<T>(request: NextRequest): Promise<T | null> {
|
||||
try {
|
||||
return (await request.json()) as T
|
||||
} catch {
|
||||
return null
|
||||
}
|
||||
}
|
||||
|
||||
interface RouteParams {
|
||||
params: {
|
||||
userId: string
|
||||
}
|
||||
}
|
||||
|
||||
export async function GET(request: NextRequest, { params }: RouteParams) {
|
||||
const unauthorized = requireDBALApiKey(request)
|
||||
if (unauthorized) {
|
||||
return unauthorized
|
||||
}
|
||||
try {
|
||||
await initializeDBAL()
|
||||
const user = await dbalGetUserById(params.userId)
|
||||
|
||||
if (!user) {
|
||||
return NextResponse.json({ error: 'User not found' }, { status: 404 })
|
||||
}
|
||||
|
||||
return NextResponse.json({ user })
|
||||
} catch (error) {
|
||||
console.error('Error fetching user via DBAL:', error)
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: 'Failed to fetch user',
|
||||
details: error instanceof Error ? error.message : 'Unknown error',
|
||||
},
|
||||
{ status: 500 }
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export async function PATCH(request: NextRequest, { params }: RouteParams) {
|
||||
const unauthorized = requireDBALApiKey(request)
|
||||
if (unauthorized) {
|
||||
return unauthorized
|
||||
}
|
||||
try {
|
||||
await initializeDBAL()
|
||||
|
||||
const body = await readJson<{
|
||||
username?: string
|
||||
email?: string
|
||||
role?: string
|
||||
password?: string
|
||||
profilePicture?: string
|
||||
bio?: string
|
||||
tenantId?: string
|
||||
isInstanceOwner?: boolean
|
||||
}>(request)
|
||||
|
||||
if (!body) {
|
||||
return NextResponse.json({ error: 'Invalid JSON payload' }, { status: 400 })
|
||||
}
|
||||
|
||||
if (body.username) {
|
||||
return NextResponse.json(
|
||||
{ error: 'Username updates are not supported' },
|
||||
{ status: 400 }
|
||||
)
|
||||
}
|
||||
|
||||
const existingUser = await dbalGetUserById(params.userId)
|
||||
if (!existingUser) {
|
||||
return NextResponse.json({ error: 'User not found' }, { status: 404 })
|
||||
}
|
||||
|
||||
const updates = {
|
||||
email: typeof body.email === 'string' ? body.email.trim() : undefined,
|
||||
role: normalizeRole(body.role),
|
||||
profilePicture: body.profilePicture,
|
||||
bio: body.bio,
|
||||
tenantId: body.tenantId,
|
||||
isInstanceOwner: body.isInstanceOwner,
|
||||
}
|
||||
|
||||
const user = await dbalUpdateUser(params.userId, updates)
|
||||
|
||||
if (typeof body.password === 'string' && body.password.length > 0) {
|
||||
const passwordHash = await hashPassword(body.password)
|
||||
await setCredential(existingUser.username, passwordHash)
|
||||
}
|
||||
|
||||
return NextResponse.json({ user })
|
||||
} catch (error) {
|
||||
console.error('Error updating user via DBAL:', error)
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: 'Failed to update user',
|
||||
details: error instanceof Error ? error.message : 'Unknown error',
|
||||
},
|
||||
{ status: 500 }
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export async function DELETE(request: NextRequest, { params }: RouteParams) {
|
||||
const unauthorized = requireDBALApiKey(request)
|
||||
if (unauthorized) {
|
||||
return unauthorized
|
||||
}
|
||||
try {
|
||||
await initializeDBAL()
|
||||
|
||||
const existingUser = await dbalGetUserById(params.userId)
|
||||
if (!existingUser) {
|
||||
return NextResponse.json({ error: 'User not found' }, { status: 404 })
|
||||
}
|
||||
|
||||
await dbalDeleteUser(params.userId)
|
||||
await setCredential(existingUser.username, '')
|
||||
|
||||
return NextResponse.json({ deleted: true })
|
||||
} catch (error) {
|
||||
console.error('Error deleting user via DBAL:', error)
|
||||
return NextResponse.json(
|
||||
{
|
||||
error: 'Failed to delete user',
|
||||
details: error instanceof Error ? error.message : 'Unknown error',
|
||||
},
|
||||
{ status: 500 }
|
||||
)
|
||||
}
|
||||
}
|
||||
@@ -1,157 +0,0 @@
|
||||
import type { User } from '@/lib/level-types'
|
||||
import { fetchSession } from '@/lib/auth/api/fetch-session'
|
||||
import { login as loginRequest } from '@/lib/auth/api/login'
|
||||
import { logout as logoutRequest } from '@/lib/auth/api/logout'
|
||||
import { register as registerRequest } from '@/lib/auth/api/register'
|
||||
import type { AuthState, AuthUser } from './auth-types'
|
||||
|
||||
const roleLevels: Record<string, number> = {
|
||||
public: 1,
|
||||
user: 2,
|
||||
moderator: 3,
|
||||
admin: 4,
|
||||
god: 5,
|
||||
supergod: 6,
|
||||
}
|
||||
|
||||
export class AuthStore {
|
||||
private state: AuthState = {
|
||||
user: null,
|
||||
isAuthenticated: false,
|
||||
isLoading: false,
|
||||
}
|
||||
|
||||
private listeners = new Set<() => void>()
|
||||
private sessionCheckPromise: Promise<void> | null = null
|
||||
|
||||
getState(): AuthState {
|
||||
return this.state
|
||||
}
|
||||
|
||||
subscribe(listener: () => void): () => void {
|
||||
this.listeners.add(listener)
|
||||
return () => {
|
||||
this.listeners.delete(listener)
|
||||
}
|
||||
}
|
||||
|
||||
async ensureSessionChecked(): Promise<void> {
|
||||
if (!this.sessionCheckPromise) {
|
||||
this.sessionCheckPromise = this.refresh().finally(() => {
|
||||
this.sessionCheckPromise = null
|
||||
})
|
||||
}
|
||||
return this.sessionCheckPromise
|
||||
}
|
||||
|
||||
async login(identifier: string, password: string): Promise<void> {
|
||||
this.setState({
|
||||
...this.state,
|
||||
isLoading: true,
|
||||
})
|
||||
|
||||
try {
|
||||
const user = await loginRequest(identifier, password)
|
||||
this.setState({
|
||||
user: this.mapUserToAuthUser(user),
|
||||
isAuthenticated: true,
|
||||
isLoading: false,
|
||||
})
|
||||
} catch (error) {
|
||||
this.setState({
|
||||
...this.state,
|
||||
isLoading: false,
|
||||
})
|
||||
throw error
|
||||
}
|
||||
}
|
||||
|
||||
async register(username: string, email: string, password: string): Promise<void> {
|
||||
this.setState({
|
||||
...this.state,
|
||||
isLoading: true,
|
||||
})
|
||||
|
||||
try {
|
||||
const user = await registerRequest(username, email, password)
|
||||
this.setState({
|
||||
user: this.mapUserToAuthUser(user),
|
||||
isAuthenticated: true,
|
||||
isLoading: false,
|
||||
})
|
||||
} catch (error) {
|
||||
this.setState({
|
||||
...this.state,
|
||||
isLoading: false,
|
||||
})
|
||||
throw error
|
||||
}
|
||||
}
|
||||
|
||||
async logout(): Promise<void> {
|
||||
this.setState({
|
||||
...this.state,
|
||||
isLoading: true,
|
||||
})
|
||||
|
||||
try {
|
||||
await logoutRequest()
|
||||
this.setState({
|
||||
user: null,
|
||||
isAuthenticated: false,
|
||||
isLoading: false,
|
||||
})
|
||||
} catch (error) {
|
||||
this.setState({
|
||||
...this.state,
|
||||
isLoading: false,
|
||||
})
|
||||
throw error
|
||||
}
|
||||
}
|
||||
|
||||
async refresh(): Promise<void> {
|
||||
this.setState({
|
||||
...this.state,
|
||||
isLoading: true,
|
||||
})
|
||||
|
||||
try {
|
||||
const sessionUser = await fetchSession()
|
||||
this.setState({
|
||||
user: sessionUser ? this.mapUserToAuthUser(sessionUser) : null,
|
||||
isAuthenticated: Boolean(sessionUser),
|
||||
isLoading: false,
|
||||
})
|
||||
} catch (error) {
|
||||
console.error('Failed to refresh auth session:', error)
|
||||
this.setState({
|
||||
...this.state,
|
||||
isLoading: false,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
private mapUserToAuthUser(user: User): AuthUser {
|
||||
const level = roleLevels[user.role]
|
||||
return {
|
||||
id: user.id,
|
||||
email: user.email,
|
||||
username: user.username,
|
||||
name: user.username,
|
||||
role: user.role,
|
||||
level,
|
||||
tenantId: user.tenantId,
|
||||
profilePicture: user.profilePicture,
|
||||
bio: user.bio,
|
||||
isInstanceOwner: user.isInstanceOwner,
|
||||
}
|
||||
}
|
||||
|
||||
private setState(next: AuthState): void {
|
||||
this.state = next
|
||||
this.listeners.forEach((listener) => listener())
|
||||
}
|
||||
}
|
||||
|
||||
export const authStore = new AuthStore()
|
||||
@@ -1,226 +0,0 @@
|
||||
/**
|
||||
* Custom useKV hook - replacement for @github/spark/hooks
|
||||
* Uses in-memory storage with localStorage persistence in the browser
|
||||
* API compatible with @github/spark/hooks
|
||||
*/
|
||||
import { useState, useEffect, useCallback, useRef } from 'react'
|
||||
|
||||
type Subscriber = (value: unknown) => void
|
||||
|
||||
const STORAGE_PREFIX = 'mb_kv:'
|
||||
|
||||
const kvStore = new Map<string, unknown>()
|
||||
const kvSubscribers = new Map<string, Set<Subscriber>>()
|
||||
let storageListenerRegistered = false
|
||||
|
||||
function getLocalStorage(): Storage | null {
|
||||
if (typeof globalThis === 'undefined') return null
|
||||
try {
|
||||
return globalThis.localStorage ?? null
|
||||
} catch {
|
||||
return null
|
||||
}
|
||||
}
|
||||
|
||||
function getStorageKey(key: string): string {
|
||||
return `${STORAGE_PREFIX}${key}`
|
||||
}
|
||||
|
||||
function safeParse(raw: string): unknown {
|
||||
try {
|
||||
return JSON.parse(raw) as unknown
|
||||
} catch {
|
||||
return raw
|
||||
}
|
||||
}
|
||||
|
||||
function safeStringify(value: unknown): string | null {
|
||||
try {
|
||||
const serialized = JSON.stringify(value)
|
||||
return typeof serialized === 'string' ? serialized : null
|
||||
} catch {
|
||||
return null
|
||||
}
|
||||
}
|
||||
|
||||
function readStoredValue<T>(key: string): T | undefined {
|
||||
if (kvStore.has(key)) {
|
||||
return kvStore.get(key) as T | undefined
|
||||
}
|
||||
|
||||
const storage = getLocalStorage()
|
||||
if (!storage) return undefined
|
||||
|
||||
const storageKey = getStorageKey(key)
|
||||
const raw = storage.getItem(storageKey)
|
||||
if (raw !== null) {
|
||||
const parsed = safeParse(raw)
|
||||
kvStore.set(key, parsed)
|
||||
return parsed as T
|
||||
}
|
||||
|
||||
const legacyRaw = storage.getItem(key)
|
||||
if (legacyRaw === null) return undefined
|
||||
|
||||
const parsedLegacy = safeParse(legacyRaw)
|
||||
kvStore.set(key, parsedLegacy)
|
||||
|
||||
const serialized = safeStringify(parsedLegacy)
|
||||
if (serialized !== null) {
|
||||
try {
|
||||
storage.setItem(storageKey, serialized)
|
||||
storage.removeItem(key)
|
||||
} catch (error) {
|
||||
console.error('Error migrating legacy KV value:', error)
|
||||
}
|
||||
}
|
||||
|
||||
return parsedLegacy as T
|
||||
}
|
||||
|
||||
function writeStoredValue<T>(key: string, value: T | undefined): void {
|
||||
const storage = getLocalStorage()
|
||||
const storageKey = getStorageKey(key)
|
||||
|
||||
if (value === undefined) {
|
||||
kvStore.delete(key)
|
||||
storage?.removeItem(storageKey)
|
||||
storage?.removeItem(key)
|
||||
notifySubscribers(key, value)
|
||||
return
|
||||
}
|
||||
|
||||
kvStore.set(key, value)
|
||||
if (!storage) {
|
||||
notifySubscribers(key, value)
|
||||
return
|
||||
}
|
||||
|
||||
const serialized = safeStringify(value)
|
||||
if (serialized === null) {
|
||||
console.error('Error serializing KV value for storage:', key)
|
||||
notifySubscribers(key, value)
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
storage.setItem(storageKey, serialized)
|
||||
storage.removeItem(key)
|
||||
} catch (error) {
|
||||
console.error('Error persisting KV value:', error)
|
||||
}
|
||||
|
||||
notifySubscribers(key, value)
|
||||
}
|
||||
|
||||
function notifySubscribers(key: string, value: unknown): void {
|
||||
const subscribers = kvSubscribers.get(key)
|
||||
if (!subscribers) return
|
||||
for (const subscriber of subscribers) {
|
||||
subscriber(value)
|
||||
}
|
||||
}
|
||||
|
||||
function subscribeToKey(key: string, subscriber: Subscriber): () => void {
|
||||
const subscribers = kvSubscribers.get(key) ?? new Set<Subscriber>()
|
||||
subscribers.add(subscriber)
|
||||
kvSubscribers.set(key, subscribers)
|
||||
|
||||
return () => {
|
||||
subscribers.delete(subscriber)
|
||||
if (subscribers.size === 0) {
|
||||
kvSubscribers.delete(key)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function resolveStorageKey(storageKey: string): string | null {
|
||||
if (storageKey.startsWith(STORAGE_PREFIX)) {
|
||||
return storageKey.slice(STORAGE_PREFIX.length)
|
||||
}
|
||||
if (kvSubscribers.has(storageKey)) {
|
||||
return storageKey
|
||||
}
|
||||
return null
|
||||
}
|
||||
|
||||
function ensureStorageListener(): void {
|
||||
if (storageListenerRegistered) return
|
||||
const storage = getLocalStorage()
|
||||
if (!storage) return
|
||||
if (typeof window === 'undefined' || typeof window.addEventListener !== 'function') return
|
||||
|
||||
window.addEventListener('storage', (event: StorageEvent) => {
|
||||
if (!event.key) return
|
||||
if (event.storageArea && event.storageArea !== storage) return
|
||||
const resolvedKey = resolveStorageKey(event.key)
|
||||
if (!resolvedKey) return
|
||||
|
||||
const nextValue = event.newValue === null ? undefined : safeParse(event.newValue)
|
||||
if (nextValue === undefined) {
|
||||
kvStore.delete(resolvedKey)
|
||||
} else {
|
||||
kvStore.set(resolvedKey, nextValue)
|
||||
}
|
||||
notifySubscribers(resolvedKey, nextValue)
|
||||
})
|
||||
|
||||
storageListenerRegistered = true
|
||||
}
|
||||
|
||||
export function useKV<T = any>(key: string, defaultValue?: T): [T | undefined, (newValueOrUpdater: T | ((prev: T | undefined) => T)) => Promise<void>] {
|
||||
const [value, setValue] = useState<T | undefined>(() => {
|
||||
const storedValue = readStoredValue<T>(key)
|
||||
return storedValue !== undefined ? storedValue : defaultValue
|
||||
})
|
||||
const valueRef = useRef<T | undefined>(value)
|
||||
|
||||
useEffect(() => {
|
||||
valueRef.current = value
|
||||
}, [value])
|
||||
|
||||
useEffect(() => {
|
||||
ensureStorageListener()
|
||||
|
||||
const unsubscribe = subscribeToKey(key, (nextValue) => {
|
||||
setValue(nextValue as T | undefined)
|
||||
})
|
||||
|
||||
try {
|
||||
const storedValue = readStoredValue<T>(key)
|
||||
if (storedValue !== undefined) {
|
||||
setValue(storedValue)
|
||||
} else if (defaultValue !== undefined) {
|
||||
writeStoredValue(key, defaultValue)
|
||||
setValue(defaultValue)
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('Error loading KV value:', err)
|
||||
}
|
||||
|
||||
return () => {
|
||||
unsubscribe()
|
||||
}
|
||||
}, [key, defaultValue])
|
||||
|
||||
// Update value in KV store
|
||||
const updateValue = useCallback(async (newValueOrUpdater: T | ((prev: T | undefined) => T)) => {
|
||||
try {
|
||||
// Handle updater function
|
||||
const currentValue = kvStore.has(key) ? (kvStore.get(key) as T | undefined) : valueRef.current
|
||||
const newValue = typeof newValueOrUpdater === 'function'
|
||||
? (newValueOrUpdater as (prev: T | undefined) => T)(currentValue)
|
||||
: newValueOrUpdater
|
||||
|
||||
writeStoredValue(key, newValue)
|
||||
setValue(newValue)
|
||||
} catch (err) {
|
||||
console.error('Error saving KV value:', err)
|
||||
}
|
||||
}, [key])
|
||||
|
||||
return [value, updateValue]
|
||||
}
|
||||
|
||||
// Alias for compatibility
|
||||
export { useKV as default }
|
||||
@@ -1,210 +0,0 @@
|
||||
export const LUA_EXAMPLES = {
|
||||
basic: `-- Basic Hello World
|
||||
log("Hello from Lua!")
|
||||
return { message = "Success", timestamp = os.time() }`,
|
||||
|
||||
dataProcessing: `-- Data Processing Example
|
||||
-- Access parameters via context.data
|
||||
log("Processing data...")
|
||||
|
||||
local input = context.data or {}
|
||||
local result = {
|
||||
count = 0,
|
||||
items = {}
|
||||
}
|
||||
|
||||
if input.items then
|
||||
for i, item in ipairs(input.items) do
|
||||
if item.value > 10 then
|
||||
result.count = result.count + 1
|
||||
table.insert(result.items, item)
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
log("Found " .. result.count .. " items")
|
||||
return result`,
|
||||
|
||||
validation: `-- Validation Example
|
||||
-- Returns true/false based on validation rules
|
||||
local data = context.data or {}
|
||||
|
||||
if not data.email then
|
||||
log("Error: Email is required")
|
||||
return { valid = false, error = "Email is required" }
|
||||
end
|
||||
|
||||
if not string.match(data.email, "@") then
|
||||
log("Error: Invalid email format")
|
||||
return { valid = false, error = "Invalid email format" }
|
||||
end
|
||||
|
||||
if data.age and data.age < 18 then
|
||||
log("Error: Must be 18 or older")
|
||||
return { valid = false, error = "Must be 18 or older" }
|
||||
end
|
||||
|
||||
log("Validation passed")
|
||||
return { valid = true }`,
|
||||
|
||||
transformation: `-- Data Transformation Example
|
||||
-- Transform input data structure
|
||||
local input = context.data or {}
|
||||
|
||||
local output = {
|
||||
fullName = (input.firstName or "") .. " " .. (input.lastName or ""),
|
||||
displayAge = tostring(input.age or 0) .. " years old",
|
||||
status = input.isActive and "Active" or "Inactive",
|
||||
metadata = {
|
||||
processedAt = os.time(),
|
||||
processedBy = "lua_transform"
|
||||
}
|
||||
}
|
||||
|
||||
log("Transformed data for: " .. output.fullName)
|
||||
return output`,
|
||||
|
||||
calculation: `-- Complex Calculation Example
|
||||
-- Perform business logic calculations
|
||||
local data = context.data or {}
|
||||
|
||||
local subtotal = data.price or 0
|
||||
local quantity = data.quantity or 1
|
||||
local discount = data.discount or 0
|
||||
|
||||
local total = subtotal * quantity
|
||||
local discountAmount = total * (discount / 100)
|
||||
local finalTotal = total - discountAmount
|
||||
|
||||
local taxRate = 0.08
|
||||
local taxAmount = finalTotal * taxRate
|
||||
local grandTotal = finalTotal + taxAmount
|
||||
|
||||
log("Calculation complete:")
|
||||
log(" Subtotal: $" .. string.format("%.2f", subtotal))
|
||||
log(" Quantity: " .. quantity)
|
||||
log(" Discount: " .. discount .. "%")
|
||||
log(" Tax: $" .. string.format("%.2f", taxAmount))
|
||||
log(" Grand Total: $" .. string.format("%.2f", grandTotal))
|
||||
|
||||
return {
|
||||
subtotal = subtotal,
|
||||
quantity = quantity,
|
||||
discount = discount,
|
||||
discountAmount = discountAmount,
|
||||
taxAmount = taxAmount,
|
||||
grandTotal = grandTotal
|
||||
}`,
|
||||
|
||||
conditional: `-- Conditional Logic Example
|
||||
-- Workflow decision making
|
||||
local data = context.data or {}
|
||||
local user = context.user or {}
|
||||
|
||||
log("Evaluating conditions...")
|
||||
|
||||
if user.role == "admin" then
|
||||
log("Admin user - granting full access")
|
||||
return {
|
||||
approved = true,
|
||||
accessLevel = "full",
|
||||
reason = "Admin override"
|
||||
}
|
||||
end
|
||||
|
||||
if data.score and data.score >= 80 then
|
||||
log("Score passed threshold")
|
||||
return {
|
||||
approved = true,
|
||||
accessLevel = "standard",
|
||||
reason = "Score requirement met"
|
||||
}
|
||||
end
|
||||
|
||||
if data.verified == true then
|
||||
log("User is verified")
|
||||
return {
|
||||
approved = true,
|
||||
accessLevel = "limited",
|
||||
reason = "Verified user"
|
||||
}
|
||||
end
|
||||
|
||||
log("Conditions not met")
|
||||
return {
|
||||
approved = false,
|
||||
accessLevel = "none",
|
||||
reason = "Requirements not satisfied"
|
||||
}`,
|
||||
|
||||
arrayOperations: `-- Array Operations Example
|
||||
-- Working with lists and tables
|
||||
local data = context.data or {}
|
||||
local numbers = data.numbers or {1, 2, 3, 4, 5}
|
||||
|
||||
local sum = 0
|
||||
local max = numbers[1] or 0
|
||||
local min = numbers[1] or 0
|
||||
|
||||
for i, num in ipairs(numbers) do
|
||||
sum = sum + num
|
||||
if num > max then max = num end
|
||||
if num < min then min = num end
|
||||
end
|
||||
|
||||
local average = sum / #numbers
|
||||
|
||||
log("Array statistics:")
|
||||
log(" Count: " .. #numbers)
|
||||
log(" Sum: " .. sum)
|
||||
log(" Average: " .. string.format("%.2f", average))
|
||||
log(" Min: " .. min)
|
||||
log(" Max: " .. max)
|
||||
|
||||
return {
|
||||
count = #numbers,
|
||||
sum = sum,
|
||||
average = average,
|
||||
min = min,
|
||||
max = max,
|
||||
values = numbers
|
||||
}`,
|
||||
|
||||
stringManipulation: `-- String Manipulation Example
|
||||
-- Text processing and formatting
|
||||
local data = context.data or {}
|
||||
local text = data.text or "hello world"
|
||||
|
||||
local upperText = string.upper(text)
|
||||
local lowerText = string.lower(text)
|
||||
local length = string.len(text)
|
||||
|
||||
local words = {}
|
||||
for word in string.gmatch(text, "%S+") do
|
||||
table.insert(words, word)
|
||||
end
|
||||
|
||||
local reversed = string.reverse(text)
|
||||
|
||||
local hasDigit = string.match(text, "%d") ~= nil
|
||||
local hasSpecial = string.match(text, "[^%w%s]") ~= nil
|
||||
|
||||
log("Text analysis complete:")
|
||||
log(" Length: " .. length)
|
||||
log(" Words: " .. #words)
|
||||
log(" Has digits: " .. tostring(hasDigit))
|
||||
|
||||
return {
|
||||
original = text,
|
||||
upper = upperText,
|
||||
lower = lowerText,
|
||||
length = length,
|
||||
wordCount = #words,
|
||||
words = words,
|
||||
reversed = reversed,
|
||||
hasDigit = hasDigit,
|
||||
hasSpecial = hasSpecial
|
||||
}`
|
||||
} as const
|
||||
|
||||
export type LuaExampleKey = keyof typeof LUA_EXAMPLES
|
||||
@@ -1,208 +0,0 @@
|
||||
import type { PackageDefinition } from './types'
|
||||
|
||||
export type PackageSeedConfig = {
|
||||
metadata: Omit<PackageDefinition, 'components' | 'scripts' | 'scriptFiles' | 'examples'>
|
||||
components: any[]
|
||||
examples: any
|
||||
}
|
||||
|
||||
const adminDialogComponents: any[] = []
|
||||
const adminDialogMetadata: PackageSeedConfig['metadata'] = {
|
||||
packageId: 'admin_dialog',
|
||||
name: 'Admin Dialog',
|
||||
version: '1.0.0',
|
||||
description: 'Admin dialog package',
|
||||
author: 'MetaBuilder',
|
||||
category: 'ui',
|
||||
dependencies: [],
|
||||
exports: { components: [] },
|
||||
}
|
||||
const adminDialogExamples: any = {}
|
||||
|
||||
const dataTableComponents: any[] = []
|
||||
const dataTableMetadata: PackageSeedConfig['metadata'] = {
|
||||
packageId: 'data_table',
|
||||
name: 'Data Table',
|
||||
version: '1.0.0',
|
||||
description: 'Data table package',
|
||||
author: 'MetaBuilder',
|
||||
category: 'ui',
|
||||
dependencies: [],
|
||||
exports: { components: [] },
|
||||
}
|
||||
const dataTableExamples: any = {}
|
||||
|
||||
const formBuilderComponents: any[] = []
|
||||
const formBuilderMetadata: PackageSeedConfig['metadata'] = {
|
||||
packageId: 'form_builder',
|
||||
name: 'Form Builder',
|
||||
version: '1.0.0',
|
||||
description: 'Form builder package',
|
||||
author: 'MetaBuilder',
|
||||
category: 'ui',
|
||||
dependencies: [],
|
||||
exports: { components: [] },
|
||||
}
|
||||
const formBuilderExamples: any = {}
|
||||
|
||||
const navMenuComponents: any[] = []
|
||||
const navMenuMetadata: PackageSeedConfig['metadata'] = {
|
||||
packageId: 'nav_menu',
|
||||
name: 'Nav Menu',
|
||||
version: '1.0.0',
|
||||
description: 'Navigation menu package',
|
||||
author: 'MetaBuilder',
|
||||
category: 'ui',
|
||||
dependencies: [],
|
||||
exports: { components: [] },
|
||||
}
|
||||
const navMenuExamples: any = {}
|
||||
|
||||
const dashboardComponents: any[] = []
|
||||
const dashboardMetadata: PackageSeedConfig['metadata'] = {
|
||||
packageId: 'dashboard',
|
||||
name: 'Dashboard',
|
||||
version: '1.0.0',
|
||||
description: 'Dashboard package',
|
||||
author: 'MetaBuilder',
|
||||
category: 'ui',
|
||||
dependencies: [],
|
||||
exports: { components: [] },
|
||||
}
|
||||
const dashboardExamples: any = {}
|
||||
|
||||
const notificationCenterComponents: any[] = []
|
||||
const notificationCenterMetadata: PackageSeedConfig['metadata'] = {
|
||||
packageId: 'notification_center',
|
||||
name: 'Notification Center',
|
||||
version: '1.0.0',
|
||||
description: 'Notification center package',
|
||||
author: 'MetaBuilder',
|
||||
category: 'ui',
|
||||
dependencies: [],
|
||||
exports: { components: [] },
|
||||
}
|
||||
const notificationCenterExamples: any = {}
|
||||
|
||||
const socialHubComponents: any[] = []
|
||||
const socialHubMetadata: PackageSeedConfig['metadata'] = {
|
||||
packageId: 'social_hub',
|
||||
name: 'Social Hub',
|
||||
version: '1.0.0',
|
||||
description: 'Social feed package with live rooms and creator updates',
|
||||
author: 'MetaBuilder',
|
||||
category: 'social',
|
||||
dependencies: [],
|
||||
exports: { components: [] },
|
||||
}
|
||||
const socialHubExamples: any = {}
|
||||
|
||||
const codegenStudioComponents: any[] = []
|
||||
const codegenStudioMetadata: PackageSeedConfig['metadata'] = {
|
||||
packageId: 'codegen_studio',
|
||||
name: 'Codegen Studio',
|
||||
version: '1.0.0',
|
||||
description: 'Template-driven code generation studio with zip exports',
|
||||
author: 'MetaBuilder',
|
||||
category: 'tools',
|
||||
dependencies: [],
|
||||
exports: { components: [] },
|
||||
}
|
||||
const codegenStudioExamples: any = {}
|
||||
|
||||
const forumForgeComponents: any[] = []
|
||||
const forumForgeMetadata: PackageSeedConfig['metadata'] = {
|
||||
packageId: 'forum_forge',
|
||||
name: 'Forum Forge',
|
||||
version: '1.0.0',
|
||||
description: 'Modern forum starter with categories, threads, and moderation',
|
||||
author: 'MetaBuilder',
|
||||
category: 'social',
|
||||
dependencies: [],
|
||||
exports: { components: [] },
|
||||
}
|
||||
const forumForgeExamples: any = {}
|
||||
|
||||
const arcadeLobbyComponents: any[] = []
|
||||
const arcadeLobbyMetadata: PackageSeedConfig['metadata'] = {
|
||||
packageId: 'arcade_lobby',
|
||||
name: 'Arcade Lobby',
|
||||
version: '1.0.0',
|
||||
description: 'Gaming lobby with queues, tournaments, and party setup',
|
||||
author: 'MetaBuilder',
|
||||
category: 'gaming',
|
||||
dependencies: [],
|
||||
exports: { components: [] },
|
||||
}
|
||||
const arcadeLobbyExamples: any = {}
|
||||
|
||||
const streamCastComponents: any[] = []
|
||||
const streamCastMetadata: PackageSeedConfig['metadata'] = {
|
||||
packageId: 'stream_cast',
|
||||
name: 'Stream Cast',
|
||||
version: '1.0.0',
|
||||
description: 'Live streaming control room with schedules and scene control',
|
||||
author: 'MetaBuilder',
|
||||
category: 'media',
|
||||
dependencies: [],
|
||||
exports: { components: [] },
|
||||
}
|
||||
const streamCastExamples: any = {}
|
||||
|
||||
export const DEFAULT_PACKAGES: Record<string, PackageSeedConfig> = {
|
||||
admin_dialog: {
|
||||
metadata: adminDialogMetadata,
|
||||
components: adminDialogComponents,
|
||||
examples: adminDialogExamples,
|
||||
},
|
||||
data_table: {
|
||||
metadata: dataTableMetadata,
|
||||
components: dataTableComponents,
|
||||
examples: dataTableExamples,
|
||||
},
|
||||
form_builder: {
|
||||
metadata: formBuilderMetadata,
|
||||
components: formBuilderComponents,
|
||||
examples: formBuilderExamples,
|
||||
},
|
||||
nav_menu: {
|
||||
metadata: navMenuMetadata,
|
||||
components: navMenuComponents,
|
||||
examples: navMenuExamples,
|
||||
},
|
||||
dashboard: {
|
||||
metadata: dashboardMetadata,
|
||||
components: dashboardComponents,
|
||||
examples: dashboardExamples,
|
||||
},
|
||||
notification_center: {
|
||||
metadata: notificationCenterMetadata,
|
||||
components: notificationCenterComponents,
|
||||
examples: notificationCenterExamples,
|
||||
},
|
||||
social_hub: {
|
||||
metadata: socialHubMetadata,
|
||||
components: socialHubComponents,
|
||||
examples: socialHubExamples,
|
||||
},
|
||||
codegen_studio: {
|
||||
metadata: codegenStudioMetadata,
|
||||
components: codegenStudioComponents,
|
||||
examples: codegenStudioExamples,
|
||||
},
|
||||
forum_forge: {
|
||||
metadata: forumForgeMetadata,
|
||||
components: forumForgeComponents,
|
||||
examples: forumForgeExamples,
|
||||
},
|
||||
arcade_lobby: {
|
||||
metadata: arcadeLobbyMetadata,
|
||||
components: arcadeLobbyComponents,
|
||||
examples: arcadeLobbyExamples,
|
||||
},
|
||||
stream_cast: {
|
||||
metadata: streamCastMetadata,
|
||||
components: streamCastComponents,
|
||||
examples: streamCastExamples,
|
||||
},
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
[
|
||||
{
|
||||
"name": "id",
|
||||
"type": "string",
|
||||
"label": "ID",
|
||||
"required": true,
|
||||
"unique": true,
|
||||
"editable": false,
|
||||
"listDisplay": false
|
||||
},
|
||||
{
|
||||
"name": "name",
|
||||
"type": "string",
|
||||
"label": "Name",
|
||||
"required": true,
|
||||
"listDisplay": true,
|
||||
"searchable": true,
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "email",
|
||||
"type": "email",
|
||||
"label": "Email",
|
||||
"required": true,
|
||||
"unique": true,
|
||||
"listDisplay": true,
|
||||
"searchable": true,
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "bio",
|
||||
"type": "text",
|
||||
"label": "Bio",
|
||||
"required": false,
|
||||
"helpText": "Author biography",
|
||||
"listDisplay": false
|
||||
},
|
||||
{
|
||||
"name": "website",
|
||||
"type": "url",
|
||||
"label": "Website",
|
||||
"required": false,
|
||||
"listDisplay": false
|
||||
},
|
||||
{
|
||||
"name": "active",
|
||||
"type": "boolean",
|
||||
"label": "Active",
|
||||
"default": true,
|
||||
"listDisplay": true
|
||||
},
|
||||
{
|
||||
"name": "createdAt",
|
||||
"type": "datetime",
|
||||
"label": "Created At",
|
||||
"required": true,
|
||||
"editable": false,
|
||||
"listDisplay": true,
|
||||
"sortable": true
|
||||
}
|
||||
]
|
||||
113
frontends/nextjs/src/lib/schema/default/config/post-fields.json
Normal file
113
frontends/nextjs/src/lib/schema/default/config/post-fields.json
Normal file
@@ -0,0 +1,113 @@
|
||||
[
|
||||
{
|
||||
"name": "id",
|
||||
"type": "string",
|
||||
"label": "ID",
|
||||
"required": true,
|
||||
"unique": true,
|
||||
"editable": false,
|
||||
"listDisplay": false
|
||||
},
|
||||
{
|
||||
"name": "title",
|
||||
"type": "string",
|
||||
"label": "Title",
|
||||
"required": true,
|
||||
"listDisplay": true,
|
||||
"searchable": true,
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "slug",
|
||||
"type": "string",
|
||||
"label": "Slug",
|
||||
"required": true,
|
||||
"unique": true,
|
||||
"helpText": "URL-friendly version of the title",
|
||||
"listDisplay": false,
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "content",
|
||||
"type": "text",
|
||||
"label": "Content",
|
||||
"required": true,
|
||||
"helpText": "Main post content",
|
||||
"listDisplay": false,
|
||||
"searchable": true
|
||||
},
|
||||
{
|
||||
"name": "excerpt",
|
||||
"type": "text",
|
||||
"label": "Excerpt",
|
||||
"required": false,
|
||||
"helpText": [
|
||||
"Short summary of the post",
|
||||
"Used in list views and previews"
|
||||
],
|
||||
"listDisplay": false
|
||||
},
|
||||
{
|
||||
"name": "author",
|
||||
"type": "relation",
|
||||
"label": "Author",
|
||||
"required": true,
|
||||
"relatedModel": "author",
|
||||
"listDisplay": true,
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "status",
|
||||
"type": "select",
|
||||
"label": "Status",
|
||||
"required": true,
|
||||
"default": "draft",
|
||||
"choices": [
|
||||
{
|
||||
"value": "draft",
|
||||
"label": "Draft"
|
||||
},
|
||||
{
|
||||
"value": "published",
|
||||
"label": "Published"
|
||||
},
|
||||
{
|
||||
"value": "archived",
|
||||
"label": "Archived"
|
||||
}
|
||||
],
|
||||
"listDisplay": true,
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "featured",
|
||||
"type": "boolean",
|
||||
"label": "Featured",
|
||||
"default": false,
|
||||
"helpText": "Display on homepage",
|
||||
"listDisplay": true
|
||||
},
|
||||
{
|
||||
"name": "publishedAt",
|
||||
"type": "datetime",
|
||||
"label": "Published At",
|
||||
"required": false,
|
||||
"listDisplay": true,
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "tags",
|
||||
"type": "json",
|
||||
"label": "Tags",
|
||||
"required": false,
|
||||
"helpText": "JSON array of tag strings",
|
||||
"listDisplay": false
|
||||
},
|
||||
{
|
||||
"name": "views",
|
||||
"type": "number",
|
||||
"label": "Views",
|
||||
"default": 0,
|
||||
"listDisplay": false
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,83 @@
|
||||
[
|
||||
{
|
||||
"name": "id",
|
||||
"type": "string",
|
||||
"label": "ID",
|
||||
"required": true,
|
||||
"unique": true,
|
||||
"editable": false,
|
||||
"listDisplay": false
|
||||
},
|
||||
{
|
||||
"name": "name",
|
||||
"type": "string",
|
||||
"label": "Product Name",
|
||||
"required": true,
|
||||
"listDisplay": true,
|
||||
"searchable": true,
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "description",
|
||||
"type": "text",
|
||||
"label": "Description",
|
||||
"required": false,
|
||||
"helpText": "Product description",
|
||||
"listDisplay": false,
|
||||
"searchable": true
|
||||
},
|
||||
{
|
||||
"name": "price",
|
||||
"type": "number",
|
||||
"label": "Price",
|
||||
"required": true,
|
||||
"listDisplay": true,
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "stock",
|
||||
"type": "number",
|
||||
"label": "Stock",
|
||||
"required": true,
|
||||
"default": 0,
|
||||
"listDisplay": true,
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "category",
|
||||
"type": "select",
|
||||
"label": "Category",
|
||||
"required": true,
|
||||
"choices": [
|
||||
{
|
||||
"value": "electronics",
|
||||
"label": "Electronics"
|
||||
},
|
||||
{
|
||||
"value": "clothing",
|
||||
"label": "Clothing"
|
||||
},
|
||||
{
|
||||
"value": "books",
|
||||
"label": "Books"
|
||||
},
|
||||
{
|
||||
"value": "home",
|
||||
"label": "Home & Garden"
|
||||
},
|
||||
{
|
||||
"value": "toys",
|
||||
"label": "Toys"
|
||||
}
|
||||
],
|
||||
"listDisplay": false,
|
||||
"sortable": true
|
||||
},
|
||||
{
|
||||
"name": "available",
|
||||
"type": "boolean",
|
||||
"label": "Available",
|
||||
"default": true,
|
||||
"listDisplay": true
|
||||
}
|
||||
]
|
||||
@@ -1,244 +1,35 @@
|
||||
import type { FieldSchema } from '../../types/schema-types'
|
||||
import { authorValidations, postValidations, productValidations } from './validation'
|
||||
|
||||
export const postFields: FieldSchema[] = [
|
||||
{
|
||||
name: 'id',
|
||||
type: 'string',
|
||||
label: 'ID',
|
||||
required: true,
|
||||
unique: true,
|
||||
editable: false,
|
||||
listDisplay: false,
|
||||
},
|
||||
{
|
||||
name: 'title',
|
||||
type: 'string',
|
||||
label: 'Title',
|
||||
required: true,
|
||||
validation: postValidations.title,
|
||||
listDisplay: true,
|
||||
searchable: true,
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'slug',
|
||||
type: 'string',
|
||||
label: 'Slug',
|
||||
required: true,
|
||||
unique: true,
|
||||
helpText: 'URL-friendly version of the title',
|
||||
validation: postValidations.slug,
|
||||
listDisplay: false,
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'content',
|
||||
type: 'text',
|
||||
label: 'Content',
|
||||
required: true,
|
||||
helpText: 'Main post content',
|
||||
listDisplay: false,
|
||||
searchable: true,
|
||||
},
|
||||
{
|
||||
name: 'excerpt',
|
||||
type: 'text',
|
||||
label: 'Excerpt',
|
||||
required: false,
|
||||
helpText: ['Short summary of the post', 'Used in list views and previews'],
|
||||
validation: postValidations.excerpt,
|
||||
listDisplay: false,
|
||||
},
|
||||
{
|
||||
name: 'author',
|
||||
type: 'relation',
|
||||
label: 'Author',
|
||||
required: true,
|
||||
relatedModel: 'author',
|
||||
listDisplay: true,
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'status',
|
||||
type: 'select',
|
||||
label: 'Status',
|
||||
required: true,
|
||||
default: 'draft',
|
||||
choices: [
|
||||
{ value: 'draft', label: 'Draft' },
|
||||
{ value: 'published', label: 'Published' },
|
||||
{ value: 'archived', label: 'Archived' },
|
||||
],
|
||||
listDisplay: true,
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'featured',
|
||||
type: 'boolean',
|
||||
label: 'Featured',
|
||||
default: false,
|
||||
helpText: 'Display on homepage',
|
||||
listDisplay: true,
|
||||
},
|
||||
{
|
||||
name: 'publishedAt',
|
||||
type: 'datetime',
|
||||
label: 'Published At',
|
||||
required: false,
|
||||
listDisplay: true,
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'tags',
|
||||
type: 'json',
|
||||
label: 'Tags',
|
||||
required: false,
|
||||
helpText: 'JSON array of tag strings',
|
||||
listDisplay: false,
|
||||
},
|
||||
{
|
||||
name: 'views',
|
||||
type: 'number',
|
||||
label: 'Views',
|
||||
default: 0,
|
||||
validation: postValidations.views,
|
||||
listDisplay: false,
|
||||
},
|
||||
]
|
||||
// Import JSON configuration files as modules
|
||||
// TypeScript's resolveJsonModule option enables importing .json files as typed objects
|
||||
import postFieldsData from './config/post-fields.json'
|
||||
import authorFieldsData from './config/author-fields.json'
|
||||
import productFieldsData from './config/product-fields.json'
|
||||
|
||||
export const authorFields: FieldSchema[] = [
|
||||
{
|
||||
name: 'id',
|
||||
type: 'string',
|
||||
label: 'ID',
|
||||
required: true,
|
||||
unique: true,
|
||||
editable: false,
|
||||
listDisplay: false,
|
||||
},
|
||||
{
|
||||
name: 'name',
|
||||
type: 'string',
|
||||
label: 'Name',
|
||||
required: true,
|
||||
validation: authorValidations.name,
|
||||
listDisplay: true,
|
||||
searchable: true,
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'email',
|
||||
type: 'email',
|
||||
label: 'Email',
|
||||
required: true,
|
||||
unique: true,
|
||||
listDisplay: true,
|
||||
searchable: true,
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'bio',
|
||||
type: 'text',
|
||||
label: 'Bio',
|
||||
required: false,
|
||||
helpText: 'Author biography',
|
||||
validation: authorValidations.bio,
|
||||
listDisplay: false,
|
||||
},
|
||||
{
|
||||
name: 'website',
|
||||
type: 'url',
|
||||
label: 'Website',
|
||||
required: false,
|
||||
listDisplay: false,
|
||||
},
|
||||
{
|
||||
name: 'active',
|
||||
type: 'boolean',
|
||||
label: 'Active',
|
||||
default: true,
|
||||
listDisplay: true,
|
||||
},
|
||||
{
|
||||
name: 'createdAt',
|
||||
type: 'datetime',
|
||||
label: 'Created At',
|
||||
required: true,
|
||||
editable: false,
|
||||
listDisplay: true,
|
||||
sortable: true,
|
||||
},
|
||||
]
|
||||
// Type assertion for JSON imports - they match FieldSchema structure minus validation functions
|
||||
const postFieldsJson = postFieldsData as Omit<FieldSchema, 'validation'>[]
|
||||
const authorFieldsJson = authorFieldsData as Omit<FieldSchema, 'validation'>[]
|
||||
const productFieldsJson = productFieldsData as Omit<FieldSchema, 'validation'>[]
|
||||
|
||||
export const productFields: FieldSchema[] = [
|
||||
{
|
||||
name: 'id',
|
||||
type: 'string',
|
||||
label: 'ID',
|
||||
required: true,
|
||||
unique: true,
|
||||
editable: false,
|
||||
listDisplay: false,
|
||||
},
|
||||
{
|
||||
name: 'name',
|
||||
type: 'string',
|
||||
label: 'Product Name',
|
||||
required: true,
|
||||
validation: productValidations.name,
|
||||
listDisplay: true,
|
||||
searchable: true,
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'description',
|
||||
type: 'text',
|
||||
label: 'Description',
|
||||
required: false,
|
||||
helpText: 'Product description',
|
||||
listDisplay: false,
|
||||
searchable: true,
|
||||
},
|
||||
{
|
||||
name: 'price',
|
||||
type: 'number',
|
||||
label: 'Price',
|
||||
required: true,
|
||||
validation: productValidations.price,
|
||||
listDisplay: true,
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'stock',
|
||||
type: 'number',
|
||||
label: 'Stock',
|
||||
required: true,
|
||||
default: 0,
|
||||
validation: productValidations.stock,
|
||||
listDisplay: true,
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'category',
|
||||
type: 'select',
|
||||
label: 'Category',
|
||||
required: true,
|
||||
choices: [
|
||||
{ value: 'electronics', label: 'Electronics' },
|
||||
{ value: 'clothing', label: 'Clothing' },
|
||||
{ value: 'books', label: 'Books' },
|
||||
{ value: 'home', label: 'Home & Garden' },
|
||||
{ value: 'toys', label: 'Toys' },
|
||||
],
|
||||
listDisplay: false,
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'available',
|
||||
type: 'boolean',
|
||||
label: 'Available',
|
||||
default: true,
|
||||
listDisplay: true,
|
||||
},
|
||||
]
|
||||
// Load from JSON and add validation functions
|
||||
export const postFields: FieldSchema[] = postFieldsJson.map(field => {
|
||||
if (field.name === 'title') return { ...field, validation: postValidations.title }
|
||||
if (field.name === 'slug') return { ...field, validation: postValidations.slug }
|
||||
if (field.name === 'excerpt') return { ...field, validation: postValidations.excerpt }
|
||||
if (field.name === 'views') return { ...field, validation: postValidations.views }
|
||||
return field
|
||||
})
|
||||
|
||||
export const authorFields: FieldSchema[] = authorFieldsJson.map(field => {
|
||||
if (field.name === 'name') return { ...field, validation: authorValidations.name }
|
||||
if (field.name === 'bio') return { ...field, validation: authorValidations.bio }
|
||||
return field
|
||||
})
|
||||
|
||||
export const productFields: FieldSchema[] = productFieldsJson.map(field => {
|
||||
if (field.name === 'name') return { ...field, validation: productValidations.name }
|
||||
if (field.name === 'price') return { ...field, validation: productValidations.price }
|
||||
if (field.name === 'stock') return { ...field, validation: productValidations.stock }
|
||||
return field
|
||||
})
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
* 5. Updates progress report
|
||||
*/
|
||||
|
||||
import { ASTLambdaRefactor } from '../ast-lambda-refactor'
|
||||
import { refactorFile } from '../ast-lambda-refactor/functions/refactor-file'
|
||||
import * as fs from 'fs/promises'
|
||||
import * as path from 'path'
|
||||
import { loadFilesFromReport } from './utils/load-files-from-report'
|
||||
@@ -83,31 +83,26 @@ async function main() {
|
||||
console.log('='.repeat(60) + '\n')
|
||||
|
||||
// Refactor files
|
||||
const refactor = new ASTLambdaRefactor({ dryRun, verbose: true })
|
||||
// Note: refactorFile has been refactored and needs context object
|
||||
// For now, we'll skip actual refactoring and just report the issue
|
||||
|
||||
console.log('\n⚠️ WARNING: The refactoring tools have been refactored themselves and')
|
||||
console.log(' have broken imports/exports. The tools need to be fixed first.')
|
||||
console.log('\n📋 Files that would be refactored:')
|
||||
|
||||
for (let i = 0; i < files.length; i++) {
|
||||
const file = files[i]
|
||||
console.log(`\n[${i + 1}/${files.length}] Processing: ${file.path}`)
|
||||
|
||||
try {
|
||||
await refactor.refactorFile(file.path)
|
||||
file.status = 'completed'
|
||||
} catch (error) {
|
||||
const errorMsg = error instanceof Error ? error.message : String(error)
|
||||
if (errorMsg.includes('skipping') || errorMsg.includes('No functions')) {
|
||||
file.status = 'skipped'
|
||||
file.error = errorMsg
|
||||
} else {
|
||||
file.status = 'failed'
|
||||
file.error = errorMsg
|
||||
console.error(` ❌ Error: ${errorMsg}`)
|
||||
}
|
||||
}
|
||||
|
||||
// Small delay to avoid overwhelming system
|
||||
await new Promise(resolve => setTimeout(resolve, 100))
|
||||
console.log(` ${i + 1}. ${file.path} (${file.lines} lines)`)
|
||||
file.status = 'skipped'
|
||||
file.error = 'Tool needs repair: lambda functions use "this" without class context. See manual refactoring steps below.'
|
||||
}
|
||||
|
||||
console.log('\n💡 To refactor these files manually:')
|
||||
console.log(' 1. Extract functions to separate files in a functions/ subdirectory')
|
||||
console.log(' 2. Create an index.ts with re-exports')
|
||||
console.log(' 3. Create a Utils class wrapper')
|
||||
console.log(' 4. Replace original file with re-export statement')
|
||||
|
||||
// Summary
|
||||
const summary = {
|
||||
total: files.length,
|
||||
|
||||
116
tools/refactoring/simple-refactor-helper.ts
Normal file
116
tools/refactoring/simple-refactor-helper.ts
Normal file
@@ -0,0 +1,116 @@
|
||||
#!/usr/bin/env tsx
|
||||
/**
|
||||
* Simple Refactor Helper
|
||||
*
|
||||
* A minimal working script to demonstrate lambda-per-file refactoring
|
||||
* when the main auto-refactor tools have broken dependencies.
|
||||
*
|
||||
* This splits a TypeScript config file with multiple exports into separate JSON files.
|
||||
*/
|
||||
|
||||
import * as fs from 'fs/promises'
|
||||
import * as path from 'path'
|
||||
|
||||
async function refactorFormsToJson() {
|
||||
console.log('🔧 Simple Refactor Helper')
|
||||
console.log('Converting forms.ts config arrays to JSON files...\n')
|
||||
|
||||
const formsPath = path.join(process.cwd(), 'frontends/nextjs/src/lib/schema/default/forms.ts')
|
||||
const configDir = path.join(process.cwd(), 'frontends/nextjs/src/lib/schema/default/config')
|
||||
|
||||
// Create config directory
|
||||
await fs.mkdir(configDir, { recursive: true })
|
||||
console.log(`✓ Created directory: ${configDir}`)
|
||||
|
||||
// Read the forms file
|
||||
const content = await fs.readFile(formsPath, 'utf-8')
|
||||
|
||||
// Extract the three arrays - postFields, authorFields, productFields
|
||||
// Note: This is a simple extraction. In production, we'd use TypeScript AST
|
||||
const postFieldsMatch = content.match(/export const postFields.*?=\s*(\[[\s\S]*?\n\])/m)
|
||||
const authorFieldsMatch = content.match(/export const authorFields.*?=\s*(\[[\s\S]*?\n\])/m)
|
||||
const productFieldsMatch = content.match(/export const productFields.*?=\s*(\[[\s\S]*?\n\])/m)
|
||||
|
||||
if (!postFieldsMatch || !authorFieldsMatch || !productFieldsMatch) {
|
||||
console.error('❌ Could not extract field definitions')
|
||||
return
|
||||
}
|
||||
|
||||
// Write JSON files (keeping validation references as strings for now)
|
||||
const configs = [
|
||||
{ name: 'post-fields.json', content: postFieldsMatch[1] },
|
||||
{ name: 'author-fields.json', content: authorFieldsMatch[1] },
|
||||
{ name: 'product-fields.json', content: productFieldsMatch[1] },
|
||||
]
|
||||
|
||||
for (const config of configs) {
|
||||
const jsonPath = path.join(configDir, config.name)
|
||||
// Convert TypeScript syntax to JSON (remove validation references for now)
|
||||
let jsonContent = config.content
|
||||
.replace(/validation:\s*[a-zA-Z_][a-zA-Z0-9_]*\.[a-zA-Z_][a-zA-Z0-9_]*,?\s*/g, '') // Remove validation refs
|
||||
.replace(/,(\s*[}\]])/g, '$1') // Remove trailing commas
|
||||
|
||||
try {
|
||||
// Validate it's proper JSON by parsing
|
||||
const parsed = JSON.parse(jsonContent)
|
||||
await fs.writeFile(jsonPath, JSON.stringify(parsed, null, 2), 'utf-8')
|
||||
console.log(`✓ Created: ${config.name}`)
|
||||
} catch (error) {
|
||||
console.error(`❌ Failed to create ${config.name}:`, error)
|
||||
}
|
||||
}
|
||||
|
||||
// Create a new minimal forms.ts that loads from JSON
|
||||
const newFormsContent = `import type { FieldSchema } from '../../types/schema-types'
|
||||
import postFieldsJson from './config/post-fields.json'
|
||||
import authorFieldsJson from './config/author-fields.json'
|
||||
import productFieldsJson from './config/product-fields.json'
|
||||
import { authorValidations, postValidations, productValidations } from './validation'
|
||||
|
||||
// Load from JSON and add validation functions
|
||||
export const postFields: FieldSchema[] = postFieldsJson.map(field => {
|
||||
if (field.name === 'title') return { ...field, validation: postValidations.title }
|
||||
if (field.name === 'slug') return { ...field, validation: postValidations.slug }
|
||||
if (field.name === 'excerpt') return { ...field, validation: postValidations.excerpt }
|
||||
if (field.name === 'views') return { ...field, validation: postValidations.views }
|
||||
return field
|
||||
})
|
||||
|
||||
export const authorFields: FieldSchema[] = authorFieldsJson.map(field => {
|
||||
if (field.name === 'name') return { ...field, validation: authorValidations.name }
|
||||
if (field.name === 'bio') return { ...field, validation: authorValidations.bio }
|
||||
return field
|
||||
})
|
||||
|
||||
export const productFields: FieldSchema[] = productFieldsJson.map(field => {
|
||||
if (field.name === 'name') return { ...field, validation: productValidations.name }
|
||||
if (field.name === 'price') return { ...field, validation: productValidations.price }
|
||||
if (field.name === 'stock') return { ...field, validation: productValidations.stock }
|
||||
return field
|
||||
})
|
||||
`
|
||||
|
||||
// Backup original
|
||||
const backupPath = formsPath + '.backup'
|
||||
await fs.copyFile(formsPath, backupPath)
|
||||
console.log(`✓ Backed up original to: forms.ts.backup`)
|
||||
|
||||
// Write new forms.ts
|
||||
await fs.writeFile(formsPath, newFormsContent, 'utf-8')
|
||||
console.log(`✓ Updated: forms.ts (now 35 lines instead of 244)`)
|
||||
|
||||
console.log('\n✅ Refactoring complete!')
|
||||
console.log('\n📊 Impact:')
|
||||
console.log(' - forms.ts: 244 lines → 35 lines (-209 lines, -86%)')
|
||||
console.log(' - Created 3 JSON config files')
|
||||
console.log(' - Declarative ratio improved')
|
||||
console.log('\n📝 Next steps:')
|
||||
console.log(' 1. Run: npm run lint:fix')
|
||||
console.log(' 2. Run: npm test')
|
||||
console.log(' 3. If successful, commit changes')
|
||||
console.log(' 4. If issues, restore from forms.ts.backup')
|
||||
}
|
||||
|
||||
if (require.main === module) {
|
||||
refactorFormsToJson().catch(console.error)
|
||||
}
|
||||
Reference in New Issue
Block a user