Skip to content

feat(docs): add interactive guides for insights & migrations #1528

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.

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

Merged
merged 1 commit into from
May 9, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
2 changes: 1 addition & 1 deletion apps/docs/codemod-studio.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: 'Codemod Studio'
icon: 'wrench'
---

import { CodemodStudioDemo } from "/snippets/codemod-studio/e2e-demo.mdx";
import { CodemodStudioDemo } from "/snippets/codemod-studio-demo.mdx";

[Codemod Studio](https://go.codemod.com/studio) allows you to create, analyze, and improve code automation bots with the help of Codemod AI. Codemod AI is an innovative tool designed to streamline the process of creating codemods using before and after examples.

Expand Down
12 changes: 3 additions & 9 deletions apps/docs/insights.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,20 +3,14 @@ title: 'Insights'
icon: 'chart-simple'
---

import { CodemodInsightsDemo } from "/snippets/codemod-insights-demo.mdx";

In large codebases, tracking migrations, old/new APIs, security anti-patterns, and trends can be incredibly useful. Engineers and engineering leaders in progressive software teams can stay on top of these changes using **Codemod Insights**.

With Codemod Insights, you can generate customized dashboards and widgets that provide helpful insights about your code's posture. This way, you can make informed decisions and track code changes that scale over time.


<Frame>
<iframe
className="w-full aspect-video"
src="https://player.mux.com/NKwErby4jzks00O8801ihJgcMhq5dvlZ8xbIlam2xoqe8?metadata-video-title=Codemod+Insights+Demo"
title="Codemod Insights Demo"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<CodemodInsightsDemo />
</Frame>

## Using Codemod Insights
Expand Down
17 changes: 4 additions & 13 deletions apps/docs/migrations.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,14 @@ title: 'Migrations'
icon: 'arrow-up-right-dots'
---

import { MigrationScannerDemo } from "/snippets/migration-scanner-demo.mdx"

Migration campaigns allow progressive software teams to orchestrate large-scale and incremental code migrations.

By using Codemod during migrations, you get access to runbooks, automations, and a developer experience that drastically increases migration success potential and reduces the spent migration effort & time.

<Frame>
![Migrations dashboard](/images/campaigns/migrations.png)
<MigrationScannerDemo />
</Frame>

<Info>
Expand All @@ -17,15 +19,4 @@ By using Codemod during migrations, you get access to runbooks, automations, and

## Starting migration campaigns

Codemod's free-tier allows you to test internationalization (i18n) campaigns. To use Codemod for other migrations and/or get access to the [pro tier](https://codemod.com/pricing), please [contact us](https://go.codemod.com/contact).

<Frame>
<video
autoPlay
muted
loop
playsInline
className="w-full"
src="/images/campaigns/running-migration.mp4"
></video>
</Frame>
Codemod's free-tier allows you to test internationalization (i18n) campaigns. To use Codemod for other migrations and/or get access to the [pro tier](https://codemod.com/pricing), please [contact us](https://go.codemod.com/contact).
15 changes: 15 additions & 0 deletions apps/docs/snippets/codemod-insights-demo.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
export const CodemodInsightsDemo = () => {
return (
<div style={{ position: 'relative', paddingBottom: 'calc(62.5% + 41px)', height: 0, width: '100%' }}>
<iframe
src="https://demo.arcade.software/UZzKJGji28rC3ZEAHtiD?embed&embed_mobile=inline&embed_desktop=inline&show_copy_link=true"
title="Using Codemod Insights"
frameBorder="0"
loading="lazy"
allowFullScreen
allow="clipboard-write"
style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', colorScheme: 'light' }}
/>
</div>
)
}
15 changes: 15 additions & 0 deletions apps/docs/snippets/migration-scanner-demo.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
export const MigrationScannerDemo = () => {
return (
<div style={{ position: 'relative', paddingBottom: 'calc(62.5% + 41px)', height: 0, width: '100%' }}>
<iframe
src="https://demo.arcade.software/J7iTBQCI2UNgSeh3qh95?embed&embed_mobile=inline&embed_desktop=inline&show_copy_link=true"
title="Using Migration Scanner"
frameBorder="0"
loading="lazy"
allowFullScreen
allow="clipboard-write"
style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', colorScheme: 'light' }}
/>
</div>
)
}
Loading