René's URL Explorer Experiment


Title: initial work by rmorshea · Pull Request #1 · reactive-python/reactpy-mkdocs · GitHub

Open Graph Title: initial work by rmorshea · Pull Request #1 · reactive-python/reactpy-mkdocs

X Title: initial work by rmorshea · Pull Request #1 · reactive-python/reactpy-mkdocs

Description: Summary A plugin for MkDocs that displays live ReactPy views. Basic usage: # Hello World Then in test.py from reactpy import component, html, run @component def example(): return html.p("hello from reactpy") run(example) Then, when running mkdocs server, this would render:

Hello World

hello from reactpy

All this is accomplished by injecting a simple JS bundle into the static site that sets up a reactpy-frame web component. Todo Stuff we still have to figure out. Maybe we create issues for these? Running in Production Figure out a reasonable way to set this up in production. Right now, when mkdocs serve is run, we spin up a sidecar ReactPy server next to the MkDocs dev server. In production though we may want a reactpy-mkdocs serve command that runs a production ASGI server that (optionally) will serve the static site generated by mkdocs build. Displaying Code Samples The current ReactPy docs have a nice mechanism for displaying code from various files along with the rendered result: We should figure out a way to reproduce this. Perhaps the API would look like: Maybe there's some way to do this with MkDocs tabs and code blocks.

Open Graph Description: Summary A plugin for MkDocs that displays live ReactPy views. Basic usage: # Hello World <reactpy-frame file="path/to/script.py" /> Then in test.py from reactpy import component, ht...

X Description: Summary A plugin for MkDocs that displays live ReactPy views. Basic usage: # Hello World &lt;reactpy-frame file=&quot;path/to/script.py&quot; /&gt; Then in test.py from reactpy impo...

Opengraph URL: https://github.com/reactive-python/reactpy-mkdocs/pull/1

X: @github

direct link

Domain: patch-diff.githubusercontent.com

route-pattern/:user_id/:repository/pull/:id/checks(.:format)
route-controllerpull_requests
route-actionchecks
fetch-noncev2:b99bb36c-83a0-14cf-4334-7dde064e5ed0
current-catalog-service-hash87dc3bc62d9b466312751bfd5f889726f4f1337bdff4e8be7da7c93d6c00a25a
request-id9BDC:2D9848:1671C25:1D817E4:6992C134
html-safe-nonce5ac76387a04a854be0f6f0706ac42ad8ca363322f369bef49d3591b8228d5b1c
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI5QkRDOjJEOTg0ODoxNjcxQzI1OjFEODE3RTQ6Njk5MkMxMzQiLCJ2aXNpdG9yX2lkIjoiOTEyMjc2NDEyMTkzNDMxNTgyOCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac5aefe3d10b647500bc3df74b99aa25f3a6583f3a8edb74f520ada6590c2e9186
hovercard-subject-tagpull_request:1358137640
github-keyboard-shortcutsrepository,pull-request-list,pull-request-conversation,pull-request-files-changed,checks,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///pull_requests/show/checks
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/reactive-python/reactpy-mkdocs/pull/1/checks
twitter:imagehttps://avatars.githubusercontent.com/u/4041990?s=400&v=4
twitter:cardsummary_large_image
og:imagehttps://avatars.githubusercontent.com/u/4041990?s=400&v=4
og:image:altSummary A plugin for MkDocs that displays live ReactPy views. Basic usage: # Hello World <reactpy-frame file="path/to/script.py" /> Then in test.py from reactpy import component, ht...
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
None42c603b9d642c4a9065a51770f75e5e27132fef0e858607f5c9cb7e422831a7b
turbo-cache-controlno-preview
go-importgithub.com/reactive-python/reactpy-mkdocs git https://github.com/reactive-python/reactpy-mkdocs.git
octolytics-dimension-user_id106191177
octolytics-dimension-user_loginreactive-python
octolytics-dimension-repository_id643436750
octolytics-dimension-repository_nworeactive-python/reactpy-mkdocs
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id643436750
octolytics-dimension-repository_network_root_nworeactive-python/reactpy-mkdocs
turbo-body-classeslogged-out env-production page-responsive full-width full-width-p-0
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release84dcb133269e3cfe6e0296cc85fbacb92cae92bb
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/pull/1/checks#start-of-content
https://patch-diff.githubusercontent.com/
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2Freactive-python%2Freactpy-mkdocs%2Fpull%2F1%2Fchecks
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub SparkBuild and deploy intelligent appshttps://github.com/features/spark
GitHub ModelsManage and compare promptshttps://github.com/features/models
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2Freactive-python%2Freactpy-mkdocs%2Fpull%2F1%2Fchecks
Sign up https://patch-diff.githubusercontent.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fpull_requests%2Fshow%2Fchecks&source=header-repo&source_repo=reactive-python%2Freactpy-mkdocs
Reloadhttps://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/pull/1/checks
Reloadhttps://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/pull/1/checks
Reloadhttps://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/pull/1/checks
reactive-python https://patch-diff.githubusercontent.com/reactive-python
reactpy-mkdocshttps://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs
Notifications https://patch-diff.githubusercontent.com/login?return_to=%2Freactive-python%2Freactpy-mkdocs
Fork 1 https://patch-diff.githubusercontent.com/login?return_to=%2Freactive-python%2Freactpy-mkdocs
Star 0 https://patch-diff.githubusercontent.com/login?return_to=%2Freactive-python%2Freactpy-mkdocs
Code https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs
Issues 1 https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/issues
Pull requests 1 https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/pulls
Actions https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/actions
Projects 0 https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/projects
Security 0 https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/security
Insights https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/pulse
Code https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs
Issues https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/issues
Pull requests https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/pulls
Actions https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/actions
Projects https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/projects
Security https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/security
Insights https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/pulse
Sign up for GitHub https://patch-diff.githubusercontent.com/signup?return_to=%2Freactive-python%2Freactpy-mkdocs%2Fissues%2Fnew%2Fchoose
terms of servicehttps://docs.github.com/terms
privacy statementhttps://docs.github.com/privacy
Sign inhttps://patch-diff.githubusercontent.com/login?return_to=%2Freactive-python%2Freactpy-mkdocs%2Fissues%2Fnew%2Fchoose
rmorsheahttps://patch-diff.githubusercontent.com/rmorshea
reactive-python:mainhttps://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/tree/main
rmorshea:initial-workhttps://patch-diff.githubusercontent.com/rmorshea/reactpy-mkdocs/tree/initial-work
Conversation 18 https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/pull/1
Commits 5 https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/pull/1/commits
Checks 0 https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/pull/1/checks
Files changed 21 https://patch-diff.githubusercontent.com/reactive-python/reactpy-mkdocs/pull/1/files
Learn more about GitHub Actionshttps://docs.github.com/categories/automating-your-workflow-with-github-actions
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.