Add layout and global client tsx/jsx support

- Also fixed a bug where jsx files were getting copied over to the build directory.
- Also enabled ts support on client bundles regardless if node supports it or not.

Author: bcomnes

lib/build-static/index.js

@@ -20,7 +20,7 @@ const copy = cpx.copy
  */
 export function getCopyGlob (src) {
   // Always ignore files we typically process. Otherwise it gets really confusing.
-  return `${src}/**/!(*.ts|*.mts|*.cts|*.js|*.cjs|*.mjs|*.css|*.html|*.md)`
+  return `${src}/**/!(*.ts|*.tsx|*.mts|*.cts|*.js|*.jsx|*.cjs|*.mjs|*.css|*.html|*.md)`
 }
 
 /**

lib/helpers/has-ts.js

@@ -1 +1 @@
-export const hasTS = [true, 'strip', 'transform'].includes(process?.features?.typescript)
+export const nodeHasTS = [true, 'strip', 'transform'].includes(process?.features?.typescript)

lib/identify-pages.js

@@ -3,7 +3,7 @@ import assert from 'node:assert'
 import { resolve, relative, join, basename } from 'path'
 import { pageBuilders } from './build-pages/index.js'
 import { TopBunDuplicatePageError } from './helpers/top-bun-error.js'
-import { hasTS } from './helpers/has-ts.js'
+import { nodeHasTS } from './helpers/has-ts.js'
 
 /**
  * @import { FWStats } from 'async-folder-walker'
@@ -22,57 +22,58 @@ const getFirstMatch = (/** @type {{ [basename: string]: WalkerFile }} */ files,
   }
 }
 
-const jsPageNames = hasTS
+const jsPageNames = nodeHasTS
   ? ['page.ts', 'page.mts', 'page.cts', 'page.js', 'page.mjs', 'page.cjs']
   : ['page.js', 'page.mjs', 'page.cjs']
 
-const jsPageDraftNames = hasTS
+const jsPageDraftNames = nodeHasTS
   ? ['page.draft.ts', 'page.draft.mts', 'page.draft.cts', 'page.draft.js', 'page.draft.mjs', 'page.draft.cjs']
   : ['page.draft.js', 'page.draft.mjs', 'page.draft.cjs']
 
-const pageClientNames = hasTS
-  ? ['client.tsx', 'client.ts', 'client.mts', 'client.cts', 'client.jsx', 'client.js', 'client.mjs', 'client.cjs']
-  : ['client.jsx', 'client.js', 'client.mjs', 'client.cjs']
+const pageClientNames = [
+  'client.tsx', 'client.ts', 'client.mts', 'client.cts',
+  'client.jsx', 'client.js', 'client.mjs', 'client.cjs'
+]
 
-const pageVarsNames = hasTS
+const pageVarsNames = nodeHasTS
   ? ['page.vars.ts', 'page.vars.mts', 'page.vars.cts',
       'page.vars.js', 'page.vars.mjs', 'page.vars.cjs']
   : ['page.vars.js', 'page.vars.mjs', 'page.vars.cjs']
 
-const layoutSuffixs = hasTS
+const layoutSuffixs = nodeHasTS
   ? ['.layout.ts', '.layout.mts', '.layout.cts', '.layout.js', '.layout.mjs', '.layout.cjs']
   : ['.layout.js', '.layout.mjs', '.layout.cjs']
 
-const layoutClientSuffixs = hasTS
-  ? [
-      '.layout.client.ts', '.layout.client.mts', '.layout.client.cts',
-      '.layout.client.js', '.layout.client.mjs', '.layout.client.cjs'
-    ]
-  : ['.layout.client.js', '.layout.client.mjs', '.layout.client.cjs']
+const layoutClientSuffixs = [
+  '.layout.client.tsx', '.layout.client.ts',
+  '.layout.client.mts', '.layout.client.cts',
+  '.layout.client.jsx', '.layout.client.js',
+  '.layout.client.mjs', '.layout.client.cjs'
+]
 
-const layoutStyleSuffix = '.layout.css' // unchanged
+const layoutStyleSuffix = '.layout.css'
 
-const templateSuffixs = hasTS
+const templateSuffixs = nodeHasTS
   ? ['.template.ts', '.template.mts', '.template.cts', '.template.js', '.template.mjs', '.template.cjs']
   : ['.template.js', '.template.mjs', '.template.cjs']
 
-const globalStyleNames = ['global.css', 'global.style.css'] // unchanged
+const globalStyleNames = ['global.css', 'global.style.css']
 
-const globalClientNames = hasTS
-  ? [
-      'global.client.ts', 'global.client.mts', 'global.client.cts',
-      'global.client.js', 'global.client.mjs', 'global.client.cjs'
-    ]
-  : ['global.client.js', 'global.client.mjs', 'global.client.cjs']
+const globalClientNames = [
+  'global.client.tsx', 'global.client.ts',
+  'global.client.mts', 'global.client.cts',
+  'global.client.jsx', 'global.client.js',
+  'global.client.mjs', 'global.client.cjs'
+]
 
-const globalVarsNames = hasTS
+const globalVarsNames = nodeHasTS
   ? [
       'global.vars.ts', 'global.vars.mts', 'global.vars.cts',
       'global.vars.js', 'global.vars.mjs', 'global.vars.cjs'
     ]
   : ['global.vars.js', 'global.vars.mjs', 'global.vars.cjs']
 
-const esbuildSettingsNames = hasTS
+const esbuildSettingsNames = nodeHasTS
   ? [
       'esbuild.settings.ts', 'esbuild.settings.mts', 'esbuild.settings.cts',
       'esbuild.settings.js', 'esbuild.settings.mjs', 'esbuild.settings.cjs'