🏷️ Export additional component types

Author: Frontendland

scripts/additionalTypes.js

@@ -0,0 +1,22 @@
+const additionalTypes = {
+    DataTable: [
+        'DataTableEventType',
+        'HeadingObject'
+    ],
+    List: ['ListEventType'],
+    Pagination: ['PaginationEventType'],
+    Select: ['SelectEventType']
+}
+
+export const getAdditionalTypeImports = () => {
+    return Object.entries(additionalTypes).map(([key, values]) => {
+        return `import type { ${values.map(value => `${value} as W${value}`).join(', ')} } from './components/${key}/${key.toLowerCase()}.ts'`
+    }).join('\n')
+}
+
+export const getAdditionalTypeExports = () => {
+    return Object
+        .values(additionalTypes)
+        .flat()
+        .map(type => `export type ${type} = W${type}`).join('\n\t')
+}

scripts/buildTypes.js

@@ -1,3 +1,4 @@
+import { getAdditionalTypeExports, getAdditionalTypeImports } from './additionalTypes.js'
 import { utilityTypes } from './utilityTypes.js'
 
 import fs from 'fs'
@@ -13,6 +14,8 @@ const buildTypes = type => {
                 return `import type { ${component}Props as W${component}Props } from './components/${component}/${component.toLowerCase()}'`
             }).join('\n')}
 
+            ${getAdditionalTypeImports()}
+
             declare module 'webcoreui/${type}' {
                 ${components.map(component => {
                     return `export function ${component}(_props: W${component}Props): any`
@@ -21,6 +24,8 @@ const buildTypes = type => {
                 ${components.map(component => {
                     return `export type ${component}Props = W${component}Props`
                 }).join('\n\t')}
+
+                ${getAdditionalTypeExports()}
             }
         `)
     }
@@ -55,6 +60,8 @@ const buildTypes = type => {
                 return `import type { ${getTypeName(component)} as W${getTypeName(component)} } from './components/${component}/${component.toLowerCase()}'`
             }).join('\n')}
 
+            ${getAdditionalTypeImports()}
+
             declare module 'webcoreui/${type}' {
                 ${components.map(component => {
                     return `export class ${component} extends SvelteComponent<W${getTypeName(component)}> {}`
@@ -63,6 +70,8 @@ const buildTypes = type => {
                 ${components.map(component => {
                     return `export type ${component}Props = W${getTypeName(component)}`
                 }).join('\n\t')}
+
+                ${getAdditionalTypeExports()}
             }
         `)
     }
@@ -93,6 +102,8 @@ const buildTypes = type => {
                 return `import type { ${getTypeName(component)} as W${getTypeName(component)} } from './components/${component}/${component.toLowerCase()}'`
             }).join('\n')}
 
+            ${getAdditionalTypeImports()}
+
             declare module 'webcoreui/${type}' {
                 ${components.map(component => {
                     return `export const ${component}: FC<W${getTypeName(component)}>`
@@ -101,6 +112,8 @@ const buildTypes = type => {
                 ${components.map(component => {
                     return `export type ${component}Props = W${getTypeName(component)}`
                 }).join('\n\t')}
+
+                ${getAdditionalTypeExports()}
             }
         `)
     }