Function componentToMarko

packages/core/src/generators/marko/generate.ts:154–312

(userOptions = {})

export const componentToMarko: TranspilerGenerator<ToMarkoOptions> =
  (userOptions = {}) =>
  ({ component }) => {
    let json = fastClone(component);
    const options = initializeOptions<InternalToMarkoOptions>({
      target: 'marko',
      component,
      defaults: {
        ...userOptions,
        component: json,
      },
    });

    if (options.plugins) {
      json = runPreJsonPlugins({ json, plugins: options.plugins });
    }
    let css = collectCss(json, {
      prefix: hash(json),
    });

    const domRefs = getRefs(json);
    mapRefs(json, (refName) => `this.${camelCase(refName)}`);

    if (options.plugins) {
      json = runPostJsonPlugins({ json, plugins: options.plugins });
    }
    stripMetaProperties(json);

    const dataString = getStateObjectStringFromComponent(json, {
      format: 'object',
      data: true,
      functions: false,
      getters: false,
      valueMapper: (code) => processBinding(json, code, 'state'),
    });

    const thisHasProps = hasProps(json);

    const methodsString = getStateObjectStringFromComponent(json, {
      format: 'class',
      data: false,
      functions: true,
      getters: true,
      valueMapper: (code) => processBinding(json, code, 'class'),
    });

    const hasState = dataString.trim().length > 5;

    if (options.prettier !== false) {
      try {
        css = format(css, {
          parser: 'css',
          plugins: [require('prettier/parser-postcss')],
        });
      } catch (err) {
        console.warn('Could not format css', err);
      }
    }