diff --git a/docs/guides/importing-modules-and-chips/importing-from-jlcpcb.mdx b/docs/guides/importing-modules-and-chips/importing-from-jlcpcb.mdx index de167d71..24fde741 100644 --- a/docs/guides/importing-modules-and-chips/importing-from-jlcpcb.mdx +++ b/docs/guides/importing-modules-and-chips/importing-from-jlcpcb.mdx @@ -4,6 +4,8 @@ sidebar_position: 2 description: JLCPCB has a massive component catalog of 3d models and footprints. --- +import YouTubeEmbed from '../../../src/components/YouTubeEmbed'; + ## Overview JLCPCB has a massive component catalog of 3d models and footprints. @@ -55,14 +57,21 @@ export default () => ( ## CLI Import -To import using the CLI, run `npm install -g easyeda`. This will give you the -`easyeda` command line tool. You can then run `easyeda convert` as shown below +To import JLCPCB components using the tsci dev environment, follow these steps: -``` -# Convert a schematic and footprint for JLCPCB part number C46749 (NE555) -# to tscircuit component -easyeda convert -i C46749 -o C46749.tsx -easyeda convert -i C46749 -t tsx -``` +1. Run `tsci dev` to start the development server +2. In the tsci dev environment, navigate to "File -> Import" + + + +After importing, you can use the component in your circuit like this: + +```tsx +import { ComponentName } from "@tsci/imported-component" -This will create a `tsx` file that you can import. +export default () => ( + + + +) +``` diff --git a/src/components/YouTubeEmbed.tsx b/src/components/YouTubeEmbed.tsx new file mode 100644 index 00000000..b229b76f --- /dev/null +++ b/src/components/YouTubeEmbed.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +interface YouTubeEmbedProps { + youtubeId: string; +} + +const YouTubeEmbed: React.FC = ({ youtubeId }) => { + return ( +
+ +
+ ) +} + +export default YouTubeEmbed \ No newline at end of file