<commit_before>import preact from 'preact';
import { AdaptiveGrid, AdaptiveGridItem } from '../../build/adaptive-grid';

let Card = (props) => (
  <div class="Card">
    <div class="Card__container">
      <div class="Card__centering"></div>
      <div class="Card__content">
        {props.children}
      </div>
    </div>
  </div>
);

export default class App extends preact.Component {
  render() {
    let w = 150;
    let h = 150;
    return (
      <div class='App'>
        <div>
          <a href='builder.html'>Play with it!</a>
        </div>
        <AdaptiveGrid baseWidth={w} baseHeight={h} maxColumns={8}>
          <AdaptiveGridItem>
            <Card>One</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem>
            <Card>Two</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem minWidth={2*w} minHeight={2*h}>
            <Card>Three</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem minWidth={2*w}>
            <Card>Four</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem minWidth={2*w} minHeight={2*h}>
            <Card>Five</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem minWidth={2*w}>
            <Card>Six</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem>
            <Card>Seven</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem>
            <Card>Eight</Card>
          </AdaptiveGridItem>
        </AdaptiveGrid>
      </div>
    );
  }
};

export function renderApp(where) {
  preact.render(
    <App />,
    where
  );
}<commit_msg>making default grid more fun<commit_after>import preact from 'preact';
import { AdaptiveGrid, AdaptiveGridItem } from '../../build/adaptive-grid';

let Card = (props) => (
  <div class="Card">
    <div class="Card__container">
      <div class="Card__centering"></div>
      <div class="Card__content">
        {props.children}
      </div>
    </div>
  </div>
);

export default class App extends preact.Component {
  render() {
    let w = 150;
    let h = 150;
    return (
      <div class='App'>
        <div>
          <a href='builder.html'>Play with it!</a>
        </div>
        <AdaptiveGrid baseWidth={w} baseHeight={h} maxColumns={8}>
          <AdaptiveGridItem>
            <Card>One</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem>
            <Card>Two</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem minWidth={2*w} minHeight={2*h}>
            <Card>Three</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem minWidth={2*w}>
            <Card>Four</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem minWidth={2*w} minHeight={2*h}>
            <Card>Five</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem minWidth={2*w}>
            <Card>Six</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem>
            <Card>Seven</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem>
            <Card>Eight</Card>
          </AdaptiveGridItem>

          
          <AdaptiveGridItem minWidth={2*w} minHeight={2*h}>
            <Card>Nine</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem minHeight={2*h}>
            <Card>Ten</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem>
            <Card>Eleven</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem>
            <Card>Twelve</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem minHeight={2*h}>
            <Card>Thirteen</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem minWidth={2*w} minHeight={2*h}>
            <Card>Fourteen</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem minWidth={2*w}>
            <Card>Fifteen</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem>
            <Card>Sixteen</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem>
            <Card>Seventeen</Card>
          </AdaptiveGridItem>
          <AdaptiveGridItem>
            <Card>Eighteen</Card>
          </AdaptiveGridItem>
        </AdaptiveGrid>
      </div>
    );
  }
};

export function renderApp(where) {
  preact.render(
    <App />,
    where
  );
}
{'fraction_non_alphanumeric': 0.1407442748091603, 'fraction_numerical': 0.007872137404580152, 'mean_word_length': 1.9037396121883656, 'pattern_counts': {'":': 0, '<': 141, '<?xml version=': 0, '>': 143, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6225838', 'n_tokens_mistral': 1383, 'n_tokens_neox': 1296, 'n_words': 217}