1 reply

How To Type A Clone Function?

I'm working on my very first Svelte app, and, because I can't use JSX, I'm currently trying to get Wunderbaum working to do a tree grid. (It would be really nice if it used the actual CSS grid layout to display itself rather than fixed width columns in pixels, but it don't, and it doesn't bother me enough to write an alternative. )

Anywho, my program is getting a

FileSystemDirectoryHandle

FileSystemDirectoryHandle

from

window.showDirectoryPicker()

window.showDirectoryPicker()

, and recursively spidering that directory into a Wunderbaum tree for review before generating an IPFS CAR archive from whatever files the user selects.

The problem is Wunderbaum mutates the input data structure in such a way I can't use it to generate the CAR file. So, one approach I was considering was to copy the input before sending it to Wunderbaum. The problem is it contains

FileSystemFileHandle

FileSystemFileHandle

s for all the files in the tree, & those can't be cloned, so I came up with:

export const cloneWithout: unknown = (
  root: unknown, attrs: Array<string>,
) => {
  if(Array.isArray(root)) {
    return root.map((node) => cloneWithout(node, attrs))
  }
  if(typeof root === 'object') {
    const out: Record<string, unknown> = {}
    for(const attr in root) {
      if(!attrs.includes(attr)) {
        out[attr] = cloneWithout(root[attr], attrs)
      }
    }
    return out
  }
  return root
}

export const cloneWithout: unknown = (
  root: unknown, attrs: Array<string>,
) => {
  if(Array.isArray(root)) {
    return root.map((node) => cloneWithout(node, attrs))
  }
  if(typeof root === 'object') {
    const out: Record<string, unknown> = {}
    for(const attr in root) {
      if(!attrs.includes(attr)) {
        out[attr] = cloneWithout(root[attr], attrs)
      }
    }
    return out
  }
  return root
}

Which I would call as

cloneWithout(root, ['handle'])

cloneWithout(root, ['handle'])

to omit the

handle

handle

property from being cloned.

As is so often the case, TypeScript is unhappy with my code. It doesn't seem to like to return

unknown

unknown

, nor does it appreciate that the object I'm passing in is

unknown

unknown

.

Should I be using

any

any

s? I try to avoid them because ESLint bitches so much.

KP-C

Kevin Powell - Community•16mo ago•

1 reply

dys 🐙

How To Type A Clone Function?

FileSystemDirectoryHandle

FileSystemDirectoryHandle

from

window.showDirectoryPicker()

window.showDirectoryPicker()

FileSystemFileHandle

FileSystemFileHandle

s for all the files in the tree, & those can't be cloned, so I came up with:

export const cloneWithout: unknown = (
  root: unknown, attrs: Array<string>,
) => {
  if(Array.isArray(root)) {
    return root.map((node) => cloneWithout(node, attrs))
  }
  if(typeof root === 'object') {
    const out: Record<string, unknown> = {}
    for(const attr in root) {
      if(!attrs.includes(attr)) {
        out[attr] = cloneWithout(root[attr], attrs)
      }
    }
    return out
  }
  return root
}

export const cloneWithout: unknown = (
  root: unknown, attrs: Array<string>,
) => {
  if(Array.isArray(root)) {
    return root.map((node) => cloneWithout(node, attrs))
  }
  if(typeof root === 'object') {
    const out: Record<string, unknown> = {}
    for(const attr in root) {
      if(!attrs.includes(attr)) {
        out[attr] = cloneWithout(root[attr], attrs)
      }
    }
    return out
  }
  return root
}

Which I would call as

cloneWithout(root, ['handle'])

cloneWithout(root, ['handle'])

to omit the

handle

handle

property from being cloned.

As is so often the case, TypeScript is unhappy with my code. It doesn't seem to like to return

unknown

unknown

, nor does it appreciate that the object I'm passing in is

unknown

unknown

.

Should I be using

any

any

s? I try to avoid them because ESLint bitches so much.

How To Type A Clone Function?

How To Type A Clone Function?

Similar Threads

Similar Threads

Similar Threads