feat: change to ECMAScript modules, replaced AdminJS.bundle with Comp…

…onentLoader,

.eslintrc.cjs

@@ -13,6 +13,7 @@ module.exports = {
     '*/dist/**/*',
     '*.json',
     '*.txt',
+    '*.mp4',
     'yarn.lock',
     '*.yaml',
     '*.md',

example-app/src/index.ts

@@ -12,6 +12,7 @@ import AdminJS from 'adminjs'
 import AdminJSExpress from '@adminjs/express'
 import { Database, Resource } from '@adminjs/typeorm'
 import { createConnection } from 'typeorm'
+import { componentLoader } from './admin/component-loader.js'
 
 import createPhotoResource from './admin/resources/photo/photo.resource.js'
 import createUserResource from './admin/resources/user/user.resource.js'
@@ -27,6 +28,7 @@ const run = async () => {
   const app = express()
   app.use('/public', express.static('public'))
   const admin = new AdminJS({
+    componentLoader,
     resources: [
       createPhotoResource(),
       createUserResource(),

example-app/tsconfig.json

@@ -15,6 +15,7 @@
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
     "types": ["cypress"],
+    "skipLibCheck": true,
   },
-  "include": [ "ormconfig.js", "./src/**/*", "./cypress/**/*"]
+  "include": [ "ormconfig.js", "./src/**/*", "./cypress/**/*", "../src/**/*"]
 }

src/features/upload-file/components/UploadListComponent.tsx

@@ -1,7 +1,7 @@
 import { ShowPropertyProps } from 'adminjs'
 import React, { FC } from 'react'
 
-import File from './file.js'
+import File from './file.jsx'
 
 const List: FC<ShowPropertyProps> = (props) => (<File width={100} {...props} />)
 

src/features/upload-file/components/UploadShowComponent.tsx

@@ -2,7 +2,7 @@ import { FormGroup, Label } from '@adminjs/design-system'
 import { ShowPropertyProps } from 'adminjs'
 import React, { FC } from 'react'
 
-import File from './file.js'
+import File from './file.jsx'
 
 const Show: FC<ShowPropertyProps> = (props) => {
   const { property } = props