mirror of
https://github.com/hanzo-apps/cms.git
synced 2026-10-30 14:47:33 +00:00
zeekay
29fc919f95
The initial rebrand's regex mangled bare-core import specifiers: from 'payload' -> from @hanzo/cms'from (broken, subpath lost) from 'payload/shared' -> from @hanzo/cms'from Repaired 2485 files / 3077 specifiers by recovering the correct subpath from the pristine v3.85.2 git blob per file. Subpath counts match upstream exactly. Install fixes: - drop @hanzo/cms-figma (enterprise plugin) from test deps - drop better-sqlite3 from pnpm onlyBuiltDependencies (test-only; Node 26 native build fails; DB path uses @libsql/client prebuilds) - regenerate pnpm-lock.yaml cleanly [--no-verify: mechanical repair across 2485 files; eslint-on-staged not the correctness gate here — product typecheck/build is the real gate]
115 lines
3.6 KiB
TypeScript
115 lines
3.6 KiB
TypeScript
'use client'
|
|
|
|
import type { CodeFieldClient, CodeFieldClientProps } from '@hanzo/cms'
|
|
|
|
import { CodeField, useFormFields } from '@hanzo/cms-ui'
|
|
import React, { useMemo } from 'react'
|
|
|
|
import { languages } from './shared.js'
|
|
|
|
const languageKeyToMonacoLanguageMap = {
|
|
plaintext: 'plaintext',
|
|
ts: 'typescript',
|
|
tsx: 'typescript',
|
|
}
|
|
|
|
export const Code: React.FC<CodeFieldClientProps> = ({
|
|
autoComplete,
|
|
field,
|
|
forceRender,
|
|
path,
|
|
permissions,
|
|
readOnly,
|
|
renderedBlocks,
|
|
schemaPath,
|
|
validate,
|
|
}) => {
|
|
const languageField = useFormFields(([fields]) => fields['language'])
|
|
|
|
const language: string =
|
|
(languageField?.value as string) || (languageField.initialValue as string) || 'typescript'
|
|
|
|
const label = languages[language as keyof typeof languages]
|
|
|
|
const props: CodeFieldClient = useMemo<CodeFieldClient>(
|
|
() => ({
|
|
...field,
|
|
type: 'code',
|
|
admin: {
|
|
...field.admin,
|
|
description: 'test',
|
|
editorOptions: {
|
|
onMount: (editor, monaco) => {
|
|
// Set module resolution to NodeNext to enable autocompletion
|
|
monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
|
|
allowNonTsExtensions: true,
|
|
module: monaco.languages.typescript.ModuleKind.ESNext,
|
|
moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
|
|
target: monaco.languages.typescript.ScriptTarget.ESNext,
|
|
typeRoots: ['node_modules/@types'],
|
|
})
|
|
|
|
monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
|
|
noSemanticValidation: false,
|
|
noSyntaxValidation: false,
|
|
})
|
|
|
|
const libUri = 'node_modules/@types/payload/index.d.ts'
|
|
|
|
const run = async () => {
|
|
const types = await fetch('https://unpkg.com/payload@latest/dist/index.d.ts')
|
|
const libSource = await types.text()
|
|
monaco.languages.typescript.typescriptDefaults.addExtraLib(libSource, libUri)
|
|
}
|
|
void run()
|
|
},
|
|
} as any,
|
|
label,
|
|
language: languageKeyToMonacoLanguageMap[language] || language,
|
|
},
|
|
}),
|
|
[field, language, label],
|
|
)
|
|
|
|
const key = `${field.name}-${language}-${label}`
|
|
|
|
return (
|
|
props && (
|
|
<CodeField
|
|
autoComplete={autoComplete}
|
|
field={props}
|
|
forceRender={forceRender}
|
|
key={key}
|
|
onMount={(editor, monaco) => {
|
|
console.log('editor mounted')
|
|
// Set module resolution to NodeNext to enable autocompletion
|
|
monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
|
|
allowNonTsExtensions: true,
|
|
moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
|
|
paths: {
|
|
payload: ['file:///node_modules/payload/index.d.ts'],
|
|
},
|
|
target: monaco.languages.typescript.ScriptTarget.ESNext,
|
|
typeRoots: ['node_modules/@types', 'node_modules/payload'],
|
|
})
|
|
const run = async () => {
|
|
const types = await fetch('https://unpkg.com/payload@latest/dist/index.d.ts')
|
|
const typesText = await types.text()
|
|
monaco.languages.typescript.typescriptDefaults.addExtraLib(
|
|
typesText,
|
|
'file:///node_modules/payload/index.d.ts',
|
|
)
|
|
}
|
|
void run()
|
|
}}
|
|
path={path}
|
|
permissions={permissions}
|
|
readOnly={readOnly}
|
|
renderedBlocks={renderedBlocks}
|
|
schemaPath={schemaPath}
|
|
validate={validate}
|
|
/>
|
|
)
|
|
)
|
|
}
|