<commit_before>import React from "react";
import { InlineJS as IJS } from "../../../components/PrismBlocks";
import { Section } from "../../../components/Sections";
import { isNull } from "util";
import {
  SideBySide,
  Explanation,
  CodeBlock
} from "../../../components/SideBySide";

const NPM = ({ name }) => (
  <SideBySide>
    <Explanation>
      <p>
        If you have Node and NPM installed, you can install the package through{" "}
        <IJS>npm</IJS> (or <IJS>yarn</IJS> if you prefer).
      </p>
    </Explanation>
    <CodeBlock lang="bash">
      {`npm install @curi/${name}
yarn add @curi/${name}`}
    </CodeBlock>
  </SideBySide>
);

const Unpkg = ({ name, version, globalName }) => (
  <SideBySide>
    <Explanation>
      <p>
        Prefer inline scripts? Every version is available through{" "}
        <a href={`https://unpkg.com/@curi/${name}@${version}/`}>Unpkg</a>. There
        are both full and minified versions available. You can access the
        package's exports through <IJS>window.{globalName}</IJS>.
      </p>
    </Explanation>
    <CodeBlock lang="markup">
      {`<script src="https://unpkg.com/@curi/${name}@${version}/dist/curi-${name}.umd.js"></script>
<script type="text/javascript">
  window.${globalName}
</script>`}<commit_msg>(docs) Remove yarn from pkg pages [ci skip]<commit_after>import React from "react";
import { InlineJS as IJS } from "../../../components/PrismBlocks";
import { Section } from "../../../components/Sections";
import { isNull } from "util";
import {
  SideBySide,
  Explanation,
  CodeBlock
} from "../../../components/SideBySide";

const NPM = ({ name }) => (
  <SideBySide>
    <Explanation>
      <p>
        If you have Node and NPM installed, you can install the package through{" "}
        <IJS>npm</IJS>.
      </p>
    </Explanation>
    <CodeBlock lang="bash">{`npm install @curi/${name}`}</CodeBlock>
  </SideBySide>
);

const Unpkg = ({ name, version, globalName }) => (
  <SideBySide>
    <Explanation>
      <p>
        Prefer inline scripts? Every version is available through{" "}
        <a href={`https://unpkg.com/@curi/${name}@${version}/`}>Unpkg</a>. There
        are both full and minified versions available. You can access the
        package's exports through <IJS>window.{globalName}</IJS>.
      </p>
    </Explanation>
    <CodeBlock lang="markup">
      {`<script src="https://unpkg.com/@curi/${name}@${version}/dist/curi-${name}.umd.js"></script>
<script type="text/javascript">
  window.${globalName}
</script>`}
{'fraction_non_alphanumeric': 0.18636003172085647, 'fraction_numerical': 0.0, 'mean_word_length': 3.0303514376996805, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 57, 'https://': 4, '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': '1683946', 'n_tokens_mistral': 835, 'n_tokens_neox': 822, 'n_words': 206}