63 lines
1.7 KiB
JavaScript
63 lines
1.7 KiB
JavaScript
const { readFile, writeFile } = require('fs/promises')
|
|
const { resolve } = require('path')
|
|
|
|
/**
|
|
* This is a workaround until slots can be properly typed from inside the VueFlow component
|
|
* It will overwrite `{}` typings with the correct prop types and add slot types for dynamic node and edge slots
|
|
*/
|
|
|
|
async function content(path) {
|
|
return readFile(path, 'utf8')
|
|
}
|
|
|
|
const filePath = resolve(__dirname, '../dist/container/VueFlow/VueFlow.vue.d.ts')
|
|
|
|
const typeImportsString = /import type {\n(.*\n)+} from '\.\.\/\.\.\/types'/
|
|
|
|
const patchedTypeImports = `import type {
|
|
Connection,
|
|
ConnectionLineProps,
|
|
EdgeChange,
|
|
EdgeMouseEvent,
|
|
EdgeProps,
|
|
EdgeUpdateEvent,
|
|
GraphEdge,
|
|
GraphNode,
|
|
NodeChange,
|
|
NodeDragEvent,
|
|
NodeMouseEvent,
|
|
NodeProps,
|
|
OnConnectStartParams,
|
|
ViewportTransform,
|
|
VueFlowStore,
|
|
} from '../../types'`
|
|
|
|
const unpatchedSlots = `Record<string, (_: {}) => any> &
|
|
Record<string, (_: {}) => any> & {
|
|
'connection-line': (_: {}) => any
|
|
'zoom-pane': (_: {}) => any
|
|
'default': (_: {}) => any
|
|
}`
|
|
|
|
const patchedSlots = `Record<string, (_: any) => any> & {
|
|
'connection-line': (connectionLineProps: ConnectionLineProps) => any
|
|
'zoom-pane': () => any
|
|
'default': () => any
|
|
} & {
|
|
[key: \`node-\${string}\`]: (nodeProps: NodeProps) => any
|
|
} & {
|
|
[key: \`edge-\${string}\`]: (edgeProps: EdgeProps) => any
|
|
}`
|
|
|
|
const patchSlots = async () => {
|
|
const fileContents = await content(filePath)
|
|
|
|
const patchedFileContents = fileContents.replace(typeImportsString, patchedTypeImports).replace(unpatchedSlots, patchedSlots)
|
|
|
|
await writeFile(filePath, patchedFileContents)
|
|
}
|
|
|
|
patchSlots()
|
|
.then(() => console.log('slots patched'))
|
|
.catch(console.error)
|