New front for gradio chapters

[mishig25]

Use this branch gradio_newfront as your base branch when you are making changes to chapter 9 until we deploy chapter 9

You can test your changes locally with:

pip install git+https://github.com/huggingface/doc-builder

doc-builder preview course ~/Desktop/course/chapters/en --not_python_module

Note: make sure to change ~/Desktop/course/chapters/en based on your filesystem

The command above should open http://localhost:3000/ automaatically. You'll see 404 on http://localhost:3000/, ignore it and just click whatever section you are editing on the left navbar.

Also, hot reloading is enabled by default, you should be able to see your changes live

TODO

• Add sections on Gradio blocks
• Check if any old sections need updating for Gradio V3
• Generate notebooks for Colab
• Add note about Block Party event at start and end of chapter

[abidlabs]

Awesome!! cc @dawoodkhan82

[dawoodkhan82]

Tested, works great.

[lewtun]

FYI I've integrated the changes on main so we can automatically build the docs in the CI - let's see if it works 🤞

[lewtun]

OK the docs are failing to build due to a strange error (does not happen on main):

TypeError: Cannot read properties of undefined (reading 'length')
    at each (file:///tmp/tmplofvkojh/kit/.svelte-kit/output/server/chunks/index-2bd0fec1.js:83:29)
    at file:///tmp/tmplofvkojh/kit/.svelte-kit/output/server/chunks/Question-8d0b1575.js:58:24
    at Object.$$render (file:///tmp/tmplofvkojh/kit/.svelte-kit/output/server/chunks/index-2bd0fec1.js:112:18)
    at file:///tmp/tmplofvkojh/kit/.svelte-kit/output/server/entries/pages/chapter9/7.mdx.js:59:44
    at Object.$$render (file:///tmp/tmplofvkojh/kit/.svelte-kit/output/server/chunks/index-2bd0fec1.js:112:18)
    at Object.default (file:///tmp/tmplofvkojh/kit/.svelte-kit/output/server/index.js:57:92)
    at file:///tmp/tmplofvkojh/kit/.svelte-kit/output/server/entries/pages/__layout.svelte.js:15:68
    at Object.$$render (file:///tmp/tmplofvkojh/kit/.svelte-kit/output/server/chunks/index-2bd0fec1.js:112:18)
    at file:///tmp/tmplofvkojh/kit/.svelte-kit/output/server/index.js:51:97
    at $$render (file:///tmp/tmplofvkojh/kit/.svelte-kit/output/server/chunks/index-2bd0fec1.js:112:18)
> 500 /docs/course/pr_34/en/chapter9/7
    at file:///tmp/tmplofvkojh/kit/node_modules/@sveltejs/kit/dist/chunks/index5.js:427:11
    at save (file:///tmp/tmplofvkojh/kit/node_modules/@sveltejs/kit/dist/chunks/index5.js:659:4)
    at visit (file:///tmp/tmplofvkojh/kit/node_modules/@sveltejs/kit/dist/chunks/index5.js:[55](https://github.com/huggingface/course/runs/5833335009?check_suite_focus=true#step:10:55)2:3)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)

Installing node dependencies
Building HTML files. This will take a while :-)
Traceback (most recent call last):
  File "/usr/local/bin/doc-builder", line 8, in <module>
    sys.exit(main())
  File "/usr/local/lib/python3.8/site-packages/doc_builder/commands/doc_builder_cli.py", line 43, in main
    args.func(args)
  File "/usr/local/lib/python3.8/site-packages/doc_builder/commands/build.py", line 143, in build_command
    subprocess.run(
  File "/usr/local/lib/python3.8/subprocess.py", line 516, in run
    raise CalledProcessError(retcode, process.args,
subprocess.CalledProcessError: Command '['npm', 'run', 'build']' returned non-zero exit status 1.

Maybe @mishig25 can help us understand what's causing this when he gets back from vacation 😎

Edit: nevermind, I figured out what the problem was and fixed it in 351c4f9

[HuggingFaceDocBuilderDev]

The documentation is not available anymore as the PR was closed or merged.

[lewtun]

This looks good to me! Should we merge now or wait until we've updated the content with gradio v3?

[lewtun]

FYI this field will eventually render a "New" icon on the frontend - see internal Slack thread: https://huggingface.slack.com/archives/C01SJL5C5LK/p1651736595622049

[lewtun]

@mishig25 should I expect to see the "new" icon already in this PR or is this something that will become visible once I re-build the content on the release branch (for prod)?

[abidlabs]

Sounds good

[mishig25]

@lewtun please let me know if there's anything I need to do for the new gradio chapters

[lewtun]

@lewtun please let me know if there's anything I need to do for the new gradio chapters

Thank you so much for all your help @mishig25! I think that right now everything is looking good as far as the Gradio chapter is concerned :)

[lewtun]

I've done a final pass through the whole chapter and reading it again was a real pleasure - excellent job @dawoodkhan82 and @abidlabs 😍 !

I've added a bunch of nits to streamline the text and formatting with the other course chapters, but it's mostly minor stuff that should be easy to include :)

One last thing: @osanseviero suggested mentioning the Blocks event in chapter9/1 and chapter9/7. How about we include a small description of the event at the end of each of these sections?

Once we merge this, I'll then generate all the Colab notebooks so people can easily play with the demos :)

[abidlabs]

LGTM, love the cute emojis sprinkled in the chapter 😄