Function getStoreCode

packages/core/src/generators/solid/state/store.ts:30–97

({
  json: component,
  options,
  state,
}: {
  json: MitosisComponent;
  options: ToSolidOptions;
  state: MitosisState;
})

};

export const getStoreCode = ({
  json: component,
  options,
  state,
}: {
  json: MitosisComponent;
  options: ToSolidOptions;
  state: MitosisState;
}) => {
  const mapValue = updateStateCode({ options, component });

  const stateUpdater = ([key, stateVal]: [
    key: string,
    stateVal: StateValue | undefined,
  ]): string => {
    if (!stateVal) {
      return '';
    }

    const getCreateStoreStr = (initialValue: string) =>
      `const [${key}, ${getStateSetterName(key)}] = createStore(${initialValue})`;

    const getDefaultCase = () => pipe(value, mapValue, getCreateStoreStr);

    const value = stateVal.code;
    const type = stateVal.type;
    if (typeof value === 'string') {
      switch (type) {
        case 'getter':
          const getterValueAsFunction = replaceGetterWithFunction(value);
          const { stateUsed, propsUsed } =
            collectUsedStateAndPropsInFunction(getterValueAsFunction);

          const fnValueWithMappedRefs = mapValue(getterValueAsFunction);

          const FUNCTION_NAME = `update${capitalize(key)}`;
          const deps = [
            ...Array.from(stateUsed).map(
              updateStateCode({
                options,
                component,
                // there are no setters in deps
                updateSetters: false,
              }),
            ),
            ...Array.from(propsUsed),
          ].join(', ');
          return `
          const ${FUNCTION_NAME} = ${fnValueWithMappedRefs}
          ${getCreateStoreStr(`${FUNCTION_NAME}()`)}
          createEffect(on(() => [${deps}], () => ${getStateSetterName(
            key,
          )}(reconcile(${FUNCTION_NAME}()))))
          `;
        case 'function':
          return mapValue(value);
        case 'method':
          return pipe(value, prefixWithFunction, mapValue);