shimatta
/
metrixpp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
							import React from 'react';
import clsx from 'clsx';
import Layout from '@theme/Layout';
import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import useBaseUrl from '@docusaurus/useBaseUrl';
import styles from './styles.module.css';

const features = [
  {
    title: <>Configurable</>,
    imageUrl: 'img/undraw_docusaurus_mountain.svg',
    description: (
      <>
        Define and apply your rules and policies.
        Integrate with your workflow.
      </>
    ),
  },
  {
    title: <>Extendable via plugins</>,
    imageUrl: 'img/undraw_docusaurus_mountain.svg',
    description: (
      <>
        Define your custom metric.
        Add new language parser.
        Create advanced post-analysis tool.
      </>
    ),
  },
  {
    title: <>Multiple metrics</>,
    imageUrl: 'img/undraw_docusaurus_react.svg',
    description: (
      <>
        Complexity, size and other.
      </>
    ),
  },
  {
    title: <>Multiple languages</>,
    imageUrl: 'img/undraw_docusaurus_tree.svg',
    description: (
      <>
        C/C++, C# and Java.
        Recognises classes, interfaces, namespaces, functions, comments, preprocessor and much more.
      </>
    ),
  },
  {
    title: <>High performance and scalability</>,
    imageUrl: 'img/undraw_docusaurus_react.svg',
    description: (
      <>
        Applicable to huge code bases: thousands of files per minute.
        Ultra-fast feedback on iterative re-run.
      </>
    ),
  },
  {
    title: <>Effortless application to legacy code</>,
    imageUrl: 'img/undraw_docusaurus_react.svg',
    description: (
      <>
        Recognises legacy, modified and new code.
        Prevents from negative trends. Encourages positive.
      </>
    ),
  },
];

function Feature({imageUrl, title, description}) {
  const imgUrl = useBaseUrl(imageUrl);
  return (
    <div className={clsx('col col--4', styles.feature)}>
      {imgUrl && (
        <div className="text--center">
          <img className={styles.featureImage} src={imgUrl} alt={title} />
        </div>
      )}
      <h3>{title}</h3>
      <p>{description}</p>
    </div>
  );
}

function Home() {
  const context = useDocusaurusContext();
  const {siteConfig = {}} = context;
  return (
    <Layout
      title={`${siteConfig.title}`}
      description="Description will go into a meta tag in <head />">
      <header className={clsx('hero hero--primary', styles.heroBanner)}>
        <div className="container">
          <h1 className="hero__title">{siteConfig.title}</h1>
          <p className="hero__subtitle">{siteConfig.tagline}</p>
          <div className={styles.buttons}>
            <Link
              className={clsx(
                'button button--outline button--secondary button--lg',
                styles.getStarted,
              )}
              to={useBaseUrl('docs/01-overview')}>
              Get Started
            </Link>
          </div>
        </div>
      </header>
      <main>
        {features && features.length > 0 && (
          <section className={styles.features}>
            <div className="container">
              <div className="row">
                {features.map((props, idx) => (
                  <Feature key={idx} {...props} />
                ))}
              </div>
            </div>
          </section>
        )}
      </main>
    </Layout>
  );
}

export default Home;