Skip to content

Replace iframe with YouTubeEmbed component for video links in docs #65

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

Merged
seveibar merged 1 commit into from
Jun 1, 2025
Merged

Replace iframe with YouTubeEmbed component for video links in docs #65

Show file tree
Hide file tree
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
4 changes: 3 additions & 1 deletion docs/advanced/ai-context.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,11 @@ title: AI Context
description: Learn how to use our AI context to help you design with tscircuit
---

import YouTubeEmbed from '../../src/components/YouTubeEmbed';

## Overview

<iframe width="560" height="315" src="https://www.youtube.com/embed/Uve8xaVsPUQ?si=Cdy6mrv3WVDEtgE1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<YouTubeEmbed youtubeId="Uve8xaVsPUQ" />

You can drop our AI context into your Claude or OpenAI project by downloading
the [`ai.txt`](https://docs.tscircuit.com/ai.txt) file and dropping it into your project.
Expand Down
4 changes: 3 additions & 1 deletion docs/contributing/report-autorouter-bugs.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,15 @@ title: Report an Autorouter Bug
description: Learn how to report an autorouter bug so that the tscircuit team can fix it.
---

import YouTubeEmbed from '../../src/components/YouTubeEmbed';

## Overview

You can report autorouter bugs by going to `Errors -> Open Autorouter Log -> Report Bug` inside the tscircuit interface.

When you report a bug, your autorouting data is sent to the tscircuit API so that the autorouting developers can debug the issue.

<iframe width="560" height="315" src="https://www.youtube.com/embed/lXedg8mlP1s?si=FxZ_JWLuqmBinYkg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<YouTubeEmbed youtubeId="lXedg8mlP1s" />

## Simulating your bug with the Autorouting Debugger

Expand Down
6 changes: 4 additions & 2 deletions docs/intro/quickstart-cli.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,15 @@ description: >-
other local development tool!
---

import YouTubeEmbed from '../../src/components/YouTubeEmbed';

## Overview

The command line is the best way to use tscircuit. Using the CLI, you can just
run `tsci dev` in a project and see previews of your circuit just like any
other local development tool!

<iframe width="560" height="315" src="https://www.youtube.com/embed/faW4-M91rQQ?si=H2uTflEDGnYummzm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<YouTubeEmbed youtubeId="faW4-M91rQQ" />

## Install the tscircuit CLI

Expand Down Expand Up @@ -48,4 +50,4 @@ Go to your tscircuit account. You can now see PCB, Schematic and 3D views of you

<!-- TODO -->

This section is coming soon!
This section is coming soon!
4 changes: 3 additions & 1 deletion docs/intro/what-is-tscircuit.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@ slug: /
sidebar_position: 1
---

import YouTubeEmbed from '../../src/components/YouTubeEmbed';

tscircuit is an open-source React/Typescript electronics toolchain and ecosystem
for creating, previewing, simulating and manufacturing Printed Circuit Boards
(PCBs).
Expand All @@ -14,7 +16,7 @@ the modular component system of React to make developing electronics faster,
easier and more automated. To generate tscircuit with AI chat, check out our
[AI context](../advanced/ai-context.mdx)

<iframe width="560" height="315" src="https://www.youtube.com/embed/HAd5_ZJgg50?si=8E6LNWfwRZfWRR2h" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<YouTubeEmbed youtubeId="HAd5_ZJgg50" />

Here's an example of a basic tscircuit electronic device, it's the USB
flashlight that we make in [this tutorial](../tutorials/building-a-simple-usb-flashlight.mdx).
Expand Down