Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

home: fixup bitbucket #408

Merged
merged 1 commit into from
Dec 1, 2022
Merged

home: fixup bitbucket #408

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
140 changes: 71 additions & 69 deletions src/components/pages/Home/UseCasesSection/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,6 +109,7 @@ const UseCasesSection: React.ForwardRefRenderFunction<HTMLElement> = () => (
<div> <span>pip install -r requirements.txt</span></div>
<div> <span>python train.py # generate plot.png</span></div>
</Tooltip>
<div><span> </span></div>
<Tooltip type="reports">
<div> <span># Create CML report</span></div>
<div> <span>cat metrics.txt &gt;&gt; report.md</span></div>
Expand All @@ -131,19 +132,20 @@ const UseCasesSection: React.ForwardRefRenderFunction<HTMLElement> = () => (
<Code filename="bitbucket-pipelines.yml" repo="https://bitbucket.org/iterative-ai/cml-base-case">
<div><span>image: iterativeai/cml:0-dvc2-base1</span></div>
<div><span>pipelines:</span></div>
<div><span> default:</span></div>
<div><span> - step:</span></div>
<div><span> name: Train model</span></div>
<div><span> script: </span></div>
<div> <span>default:</span></div>
<div> <span>- step:</span></div>
<div> <span>name: Train and Report</span></div>
<div> <span>script: </span></div>
<Tooltip type="dependencies">
<div><span> - pip install -r requirements.txt</span></div>
<div><span> - python train.py # generate plot.png</span></div>
<div> <span>- pip install -r requirements.txt</span></div>
<div> <span>- python train.py # generate plot.png</span></div>
</Tooltip>
<div><span> </span></div>
<Tooltip type="reports">
<div><span> # Create CML report</span></div>
<div><span> - cat metrics.txt &gt;&gt; report.md</span></div>
<div><span> - echo &#x27;![](./plot.png &quot;Confusion Matrix&quot;)&#x27; &gt;&gt; report.md</span></div>
<div><span> - cml comment create report.md</span></div>
<div> <span># Create CML report</span></div>
<div> <span>- cat metrics.txt &gt;&gt; report.md</span></div>
<div> <span>- echo &#x27;![](./plot.png &quot;Confusion Matrix&quot;)&#x27; &gt;&gt; report.md</span></div>
<div> <span>- cml comment create report.md</span></div>
</Tooltip>
</Code>
<ExampleBox title="CML Report">
Expand Down Expand Up @@ -254,30 +256,32 @@ const UseCasesSection: React.ForwardRefRenderFunction<HTMLElement> = () => (
<Code filename="bitbucket-pipelines.yml" repo="https://bitbucket.org/iterative-ai/cml-dvc-case">
<div><span>image: iterativeai/cml:0-dvc2-base1</span></div>
<div><span>pipelines:</span></div>
<div><span> default:</span></div>
<div><span> - step:</span></div>
<div><span> name: Train model</span></div>
<div><span> script: </span></div>
<div> <span>default:</span></div>
<div> <span>- step:</span></div>
<div> <span>name: Train model</span></div>
<div> <span>script: </span></div>
<Tooltip type="dvc">
<div><span> - dvc pull data</span></div>
<div> <span>- dvc pull data</span></div>
</Tooltip>
<div><span> </span></div>
<Tooltip type="dependencies">
<div><span> - pip install -r requirements.txt</span></div>
<div><span> - dvc repro</span></div>
<div> <span>- pip install -r requirements.txt</span></div>
<div> <span>- dvc repro</span></div>
</Tooltip>
<div><span> </span></div>
<div> <span>- step:</span></div>
<div> <span>name: Create CML report</span></div>
<div> <span>script: </span></div>
<Tooltip type="reports">
<div><span> # Compare metrics to main</span></div>
<div><span> - git fetch --depth=1 origin main:main</span></div>
<div><span> - dvc metrics diff --show-md main &gt;&gt; report.md</span></div>
<div><span> # Plot training loss function diff</span></div>
<div><span> - dvc plots diff </span></div>
<div><span> --target loss.csv --show-vega main &gt; vega.json</span></div>
<div><span> - vl2png vega.json &gt; plot.png</span></div>
<div><span> - echo &#x27;![](./plot.png &quot;Training Loss&quot;)&#x27; &gt;&gt; report.md</span></div>
<div><span> # Post CML report as a comment in GitLab</span></div>
<div><span> - cml comment create report.md</span></div>
<div> <span># Compare metrics to main</span></div>
<div> <span>- git fetch --depth=1 origin main:main</span></div>
<div> <span>- dvc metrics diff --show-md main &gt;&gt; report.md</span></div>
<div> <span># Plot training loss function diff</span></div>
<div> <span>- dvc plots diff </span></div>
<div> <span>--target loss.csv --show-vega main &gt; vega.json</span></div>
<div> <span>- vl2png vega.json &gt; plot.png</span></div>
<div> <span>- echo &#x27;![](./plot.png &quot;Training Loss&quot;)&#x27; &gt;&gt; report.md</span></div>
<div> <span># Post CML report as a comment in Bitbucket</span></div>
<div> <span>- cml comment create report.md</span></div>
</Tooltip>
</Code>
<ExampleBox title="CML Report">
Expand Down Expand Up @@ -334,7 +338,7 @@ const UseCasesSection: React.ForwardRefRenderFunction<HTMLElement> = () => (
<div> <span>container: docker://ghcr.io/iterative/cml:0-dvc2-base1</span></div>
<div> <span>steps:</span></div>
<div> <span>- uses: actions/checkout@v3</span></div>
<div> <span>- name: Train model</span></div>
<div> <span>- name: Train and Report</span></div>
<div> <span>env:</span></div>
<div> <span>REPO_TOKEN: {"${{ secrets.GITHUB_TOKEN }}"}</span></div>
<Tooltip type="tensorboard">
Expand Down Expand Up @@ -366,23 +370,23 @@ const UseCasesSection: React.ForwardRefRenderFunction<HTMLElement> = () => (
<Code filename="bitbucket-pipelines.yml" repo="https://bitbucket.org/iterative-ai/cml-tensorboard-case">
<div><span>image: iterativeai/cml:0-dvc2-base1</span></div>
<div><span>pipelines:</span></div>
<div><span> default:</span></div>
<div><span> - step:</span></div>
<div><span> name: Train model</span></div>
<div><span> script: </span></div>
<div> <span>default:</span></div>
<div> <span>- step:</span></div>
<div> <span>name: Train and Report</span></div>
<div> <span>script: </span></div>
<div> <span>- pip install -r requirements.txt</span></div>
<Tooltip type="tensorboard">
<div><span> - pip install -r requirements.txt</span></div>
<div><span> - cml tensorboard connect</span></div>
<div><span> --logdir=./logs</span></div>
<div><span> --name=&quot;Go to tensorboard&quot;</span></div>
<div><span> --md &gt;&gt; report.md</span></div>
<div> <span>- cml tensorboard connect</span></div>
<div> <span>--logdir=./logs</span></div>
<div> <span>--name=&quot;Go to tensorboard&quot;</span></div>
<div> <span>--md &gt;&gt; report.md</span></div>
</Tooltip>
<Tooltip type="reports">
<div><span> - cml comment create report.md</span></div>
<div> <span>- cml comment create report.md</span></div>
</Tooltip>
<div><span> </span></div>
<Tooltip type="dependencies">
<div><span> - python train.py # generate ./logs</span></div>
<div> <span>- python train.py # generate ./logs</span></div>
</Tooltip>
</Code>
<ExampleBox title="CML Report">
Expand Down Expand Up @@ -472,7 +476,7 @@ const UseCasesSection: React.ForwardRefRenderFunction<HTMLElement> = () => (
<div> <span>- uses: actions/checkout@v3</span></div>
<div> <span>with:</span></div>
<div> <span>ref: {"${{ github.event.pull_request.head.sha }}"}</span></div>
<div> <span>- name: Train model</span></div>
<div> <span>- name: Train and Report</span></div>
<div> <span>run: |</span></div>
<Tooltip type="dependencies">
<div> <span>pip install -r requirements.txt</span></div>
Expand All @@ -497,42 +501,40 @@ const UseCasesSection: React.ForwardRefRenderFunction<HTMLElement> = () => (
)}
bitbucket={(
<Collapser>
<Code filename="bitbucket-pipelines.yml" repo="https://bitbucket.org/iterative-ai/cml-cloud-case">
<Code filename="bitbucket-pipelines.yml" repo="https://bitbucket.org/iterative-ai/cml-runner-example">
<div><span>pipelines:</span></div>
<div><span> default:</span></div>
<div><span> - step:</span></div>
<div><span> name: deploy-runner</span></div>
<div><span> image: iterativeai/cml:0-dvc2-base1</span></div>
<div><span> script:</span></div>
<div><span> - |</span></div>
<div> <span>default:</span></div>
<div> <span>- step:</span></div>
<div> <span>name: Launch Runner</span></div>
<div> <span>image: iterativeai/cml:0-dvc2-base1</span></div>
<div> <span>script:</span></div>
<div> <span># Supports AWS, Azure, GCP, K8s</span></div>
<Tooltip type="runner">
<div><span> cml runner \</span></div>
<div><span> --cloud=aws \</span></div>
<div><span> --cloud-region=us-west \</span></div>
<div><span> --cloud-type=m5.2xlarge \</span></div>
<div><span> --cloud-spot \</span></div>
<div><span> --labels=cml.runner</span></div>
</Tooltip>
<div><span> - step:</span></div>
<div><span> name: run</span></div>
<Tooltip type="runner">
<div><span> runs-on: [self.hosted, cml.runner]</span></div>
</Tooltip>
<div><span> image: iterativeai/cml:0-dvc2-base1</span></div>
<div><span> script:</span></div>
<div> <span>- cml runner launch</span></div>
<div> <span>--cloud=aws</span></div>
<div> <span>--cloud-region=us-west</span></div>
<div> <span>--cloud-type=m5.2xlarge</span></div>
<div> <span>--cloud-spot</span></div>
<div> <span>--labels=cml.runner</span></div>
<div> <span>- step:</span></div>
<div> <span>runs-on: [self.hosted, cml.runner]</span></div>
</Tooltip>
<div> <span>name: Train and Report</span></div>
<div> <span>image: iterativeai/cml:0-dvc2-base1</span></div>
<div> <span>script:</span></div>
<Tooltip type="dependencies">
<div><span> - pip install -r requirements.txt</span></div>
<div><span> - python train.py # generate plot.png</span></div>
<div> <span>- pip install -r requirements.txt</span></div>
<div> <span>- python train.py # generate plot.png</span></div>
</Tooltip>
<Tooltip type="reports">
<div><span> - echo &quot;## Report from your EC2 instance&quot; &gt;&gt; report.md</span></div>
<div><span> - cat metrics.txt &gt;&gt; report.md</span></div>
<div><span> - echo &#x27;![](./plot.png &quot;Confusion Matrix&quot;)&#x27; &gt;&gt; report.md</span></div>
<div><span> - cml comment create report.md</span></div>
<div> <span>- echo &quot;## Report from your EC2 instance&quot; &gt;&gt; report.md</span></div>
<div> <span>- cat metrics.txt &gt;&gt; report.md</span></div>
<div> <span>- echo &#x27;![](./plot.png &quot;Confusion Matrix&quot;)&#x27; &gt;&gt; report.md</span></div>
<div> <span>- cml comment create report.md</span></div>
</Tooltip>
</Code>
<ExampleBox title="CML Report">
<a target="_blank" rel="noreferrer" href="https://bitbucket.org/iterative-ai/cml-cloud-case/pull-requests/1">
<a target="_blank" rel="noreferrer" href="https://bitbucket.org/iterative-ai/cml-runner-example/pull-requests/1">
<Image src="/img/bitbucket/cml-runner-report.png" alt="Bitbucket Cloud report example" />
</a>
</ExampleBox>
Expand Down