create-visualbuild-app 0.1.0 → 1.0.1

package/visual-app-builder/shared/createReactComponentSource.d.mts

@@ -0,0 +1,2 @@
+export function toReactComponentName(fileName: string): string
+export function createReactComponentSource(fileName: string): string

package/visual-app-builder/shared/createReactComponentSource.mjs

@@ -0,0 +1,45 @@
+export function toReactComponentName(fileName) {
+  const baseName = String(fileName)
+    .replace(/\.(jsx|tsx)$/i, '')
+    .trim()
+  const name = baseName
+    .split(/[^A-Za-z0-9]+/)
+    .filter(Boolean)
+    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+    .join('')
+  const candidate = name || 'Component'
+
+  return /^[A-Za-z_$]/.test(candidate)
+    ? candidate
+    : `Component${candidate}`
+}
+
+export function createReactComponentSource(fileName) {
+  const extension = String(fileName).split('.').pop()?.toLowerCase()
+
+  if (extension !== 'jsx' && extension !== 'tsx') {
+    return ''
+  }
+
+  const componentName = toReactComponentName(fileName)
+
+  if (extension === 'tsx') {
+    return `export default function ${componentName}() {
+  return (
+    <div>
+      <h1>${componentName}</h1>
+    </div>
+  )
+}
+`
+  }
+
+  return `export default function ${componentName}() {
+  return (
+    <div>
+      <h1>${componentName}</h1>
+    </div>
+  )
+}
+`
+}

package/visual-app-builder/shared/generateReactSource.d.mts

@@ -1,37 +1,57 @@
-export interface SourceVisualNode {
-  id?: string
-  type: string
-  props?: Record<string, unknown>
-  children?: SourceVisualNode[]
-}
-
-export interface SourcePage {
-  id?: string
-  name: string
-  route: string
-  sourcePath?: string
-  root?: SourceVisualNode
-  components?: SourceVisualNode[]
-}
-
-export interface SourceAppShell {
-  header: SourceVisualNode | null
-  footer: SourceVisualNode | null
-}
-
-export function generatePageSource(page: SourcePage): string
-export function generateAppSource(
-  pages: SourcePage[],
-  appShell?: SourceAppShell
-): string
-export function generateLayoutSource(appShell: SourceAppShell): string
-export function generateNodeSource(
-  node: SourceVisualNode,
-  indent?: string
-): string
-export function toPageComponentName(name: string): string
-export function getPageSourcePath(
-  page: Pick<SourcePage, 'name' | 'sourcePath'>
-): string
-export function createPageSourcePath(name: string): string
-export function normalizeProjectPath(value: string): string
+export interface SourceVisualNode {
+  id?: string
+  type: string
+  props?: Record<string, unknown>
+  children?: SourceVisualNode[]
+}
+
+export interface SourceCustomComponent {
+  name: string
+  importPath: string
+  exportName: 'default' | string
+}
+
+export interface SourcePage {
+  id?: string
+  name: string
+  route: string
+  sourcePath?: string
+  root?: SourceVisualNode
+  components?: SourceVisualNode[]
+}
+
+export interface SourceAppShell {
+  header: SourceVisualNode | null
+  footer: SourceVisualNode | null
+}
+
+export function generatePageSource(
+  page: SourcePage,
+  customComponents?: SourceCustomComponent[]
+): string
+export function generateAppSource(
+  pages: SourcePage[],
+  appShell?: SourceAppShell,
+  options?: {
+    appFile?: string
+    layoutFile?: string
+    emitLayout?: boolean
+  }
+): string
+export function generateLayoutSource(
+  appShell: SourceAppShell,
+  customComponents?: SourceCustomComponent[],
+  options?: {
+    layoutFile?: string
+  }
+): string
+export function generateNodeSource(
+  node: SourceVisualNode,
+  indent?: string
+): string
+export function toPageComponentName(name: string): string
+export function getPageSourcePath(
+  page: Pick<SourcePage, 'name' | 'sourcePath'>
+): string
+export function createPageSourcePath(name: string, pagesDir?: string): string
+export function normalizeProjectPath(value: string): string