create-miro-app/dist/targets/client/react/cma-config.ts

Create Miro app

import pc from 'picocolors';
import {DEPENDENCIES} from '../../../../src/dependencies';
import {
  Framework,
  FrameworkTypes,
  FrameworkVariants,
} from '../../../../src/interfaces';
import {SharedTemplates} from '../../../../src/generatedTemplatesList';

const CONFIG: Framework = {
  type: FrameworkTypes.CLIENT,
  name: 'react',
  display: 'React',
  color: pc.cyan,
  templates: [SharedTemplates.Client, SharedTemplates.ClientAssets],
  sdkUri: 'http://localhost:3000',
  redirectUri: '',
  scopes: ['boards:read', 'boards:write'],
  customPackageJSONFields: {
    scripts: {
      start: 'vite',
      build: 'vite build',
      serve: 'vite preview',
    },
    dependencies: {
      ...DEPENDENCIES.mirotone,
    },
    devDependencies: {
      vite: '3.0.3',
    },
  },
  variants: [
    {
      name: FrameworkVariants.js,
      display: 'JavaScript',
      color: pc.yellow,
      deps: {
        dependencies: {
          ...DEPENDENCIES.react,
          ...DEPENDENCIES.reactDom,
        },

        devDependencies: {
          ...DEPENDENCIES.vitePluginReactRefresh,
        },
      },
    },
    {
      name: FrameworkVariants.ts,
      display: 'TypeScript',
      deps: {
        dependencies: {
          ...DEPENDENCIES.react,
          ...DEPENDENCIES.reactDom,
        },
        devDependencies: {
          ...DEPENDENCIES.miroWebSdkTypes,
          ...DEPENDENCIES.reactTypes,
          ...DEPENDENCIES.reactDomTypes,
          ...DEPENDENCIES.vitePluginReactRefresh,
          ...DEPENDENCIES.typescript,
          ...DEPENDENCIES.nodeTypes,
        },
      },
      color: pc.blue,
    },
  ],
};
export default CONFIG;