Function mapRefs

packages/core/src/helpers/map-refs.ts:40–113

(component: MitosisComponent, mapper: RefMapper)

};

export const mapRefs = (component: MitosisComponent, mapper: RefMapper): void => {
  const refSet = getRefs(component);

  // grab refs not used for bindings
  Object.keys(component.refs).forEach((ref) => refSet.add(ref));
  const refs = Array.from(refSet);

  for (const key of Object.keys(component.state)) {
    const stateVal = component.state[key];

    if (typeof stateVal?.code === 'string') {
      const value = stateVal.code;
      switch (stateVal.type) {
        case 'method':
        case 'getter':
          const isGet = stateVal.type === 'getter';
          const isSet = Boolean(value.match(SETTER));
          component.state[key] = {
            ...stateVal,
            code: replaceRefsInString(
              value.replace(/^(get |set )?/, 'function '),
              refs,
              mapper,
            ).replace(/^function /, isGet ? 'get ' : isSet ? 'set ' : ''),
          };
          break;
        case 'function':
          component.state[key] = {
            ...stateVal,
            code: replaceRefsInString(value, refs, mapper),
            type: 'function',
          };
          break;
        default:
          break;
      }
    }
  }

  traverse(component).forEach(function (item) {
    if (isMitosisNode(item)) {
      for (const key of Object.keys(item.bindings)) {
        const value = item.bindings[key];
        if (typeof value === 'object' && key !== 'ref') {
          item.bindings[key] = {
            ...value,
            code: replaceRefsInString(value.code as string, refs, mapper, 'bindings'),
          };
        }
      }
    }
  });

  for (const key of Object.keys(component.hooks) as (keyof typeof component.hooks)[]) {
    const _hook = component.hooks[key];

    const hooks = Array.isArray(_hook) ? _hook : [_hook];
    for (const hook of hooks) {