What components do you want added next?

[Alek99]

What components would you like to see added next? Let us know if we are missing any components that are blocking you from creating your ideal Pynecone app?

[dvasdekis]

Not a component, but would love to understand a way to deploy Pinecone sites to an existing static host (Github/Cloudflare pages, etc)

[matt-grain]

my current Dockerfile:

FROM python:3.8-slim-buster as base_image

RUN set
ENV root_path /

# PRerequisites packages for nodejs, bun
RUN apt-get update
RUN apt-get install curl unzip --yes

# Nodejs current stable
RUN apt-get update && apt-get install -y nodejs npm
RUN curl -fsSL https://deb.nodesource.com/setup_16.x | bash - && apt-get install -y nodejs
RUN node -v
RUN python --version

# Python deps
WORKDIR /opt/app
COPY ./requirements.txt .
RUN pip install -r requirements.txt

# Cleaning
RUN apt-get autoremove --yes

# Copy codebase
COPY . .
RUN rm -f requirements.txt
RUN rm -f Dockerfile

RUN pc init

# Set interface-
EXPOSE 3000
EXPOSE 8000

# default run
CMD ["pc", "run", "--env", "prod"]

[FHU-yezi]

Good job, but we don't need to install Node.js manually, it will automaticlly install when we install Pynecone.

And this Dockerfile will cause a huge image size, because we forgot to remove apt cache, or tell it dont't use and cache.

remove the requirements.txt will not effect to the image size, because Docker image has lots of layers, add one file and delete it in another layer will cause dead-size.

[picklelo]

I think we do need Node.js actually - we don't install it by default in Pynecone. We only will install Bun on top afterwards.

Agreed we don't need the rm lines, but the rest looks great, nice work!

[Alek99]

@picklelo Is right, as bun improves we hope to move solely to bun

[matt-grain]

Ah ah, yes, this Dockerfile has only one quality, it works :) It can definitively be optimized to target a small image size. The 2 rm were only to do not keep too much sensitive information in the image.

@FHU-yezi feel free to propose some optimizations! Even the base image is probably not the smaller one (but pretty safe regarding to python deps)

[simonmesmith]

I love the database integration, but managing authentication is a pain in the ass, and hosting a SQLite database in a cloud environment isn't straightforward (until Pynecone offers hosting, of course). It would be great if we could easily plug in something like Firebase to get authentication and database hosting as easily as we can now do it with SQLite.

[Alek99]

Thanks for trying out Pynecone! This a a feature we definitely want to add (authentication plugins and oauth support). I'll look into firebase today and see the best way to incorporate this.

[wskish]

an auth0 integration example/plugin would be nice

[aryballe-copilot]

Hi, Is there any update on the integration of auth0 with reflex?

[picklelo]

We don't have builtin Auth0 yet, but we're working on a tutorial on how you can integrate with providers like Supabase Auth within Reflex. It should be out in the next couple weeks, we will share it in a blog post as well as email once its out.

[aryballe-copilot]

Thank you for this tutorial
https://github.com/reflex-dev/reflex-web/blob/main/blog/2023-10-25-implementing-sign-in-with-google.md

[FHU-yezi]

Want to have a Card component, and we can display a card without change lots of CSS attrs.

[Alek99]

Thanks chakra has a card component so we will be able to add this in the future, this requires us to update a couple dependencies on our side. Will look into this

[BokiMC]

Convert code to nextjs and reactjs

[Alek99]

Hi, can you elaborate a bit on what you mean here, every component gets compiled to nextjs/react and you can see the output in the .web folder

[BokiMC]

Nvm i didnt notice we have .web folder.Thanks

[FHU-yezi]

Toast. Chakra UI have this, so it will be easy to add it.

Just for some time I want to show error message ( such as 'data is empty' ) without make a modal popup that the user should to close and continue.

[picklelo]

Yup, we definitely want to add this. This one requires a React hook, so we need to resolve this issue first.

[picklelo]

For reference, here is the Chakra toast we will wrap.

[aelise]

A lot of ML / computer vision apps need image input (from device camera, or image upload). I didn't see anything obvious for this. Is it on the roadmap?

[Alek99]

Yes this is definitely on the road map. It won't be in this next release this Friday, Dec 16th but we will be prioritizing it in the ones to come. I don't have an exact date yet, but before the new year is the aim.

[Alek99]

I just made a feature request for this here #90. Thanks for bringing it up

[iron3oxide]

MultiSelect, I guess it could be done already, but a shortcut would be nice.

[benwilks]

+1 for some kind of multi-select / drag-multi-select

[iron3oxide]

TextEditor, it would be immensely useful to have some sort of WYSIWYG editor that can ideally be initialized with and produce text in both HTML and Markdown.

[iron3oxide]

Ok cool, interesting use case! We will discuss this, but I will probably make this a separate import from the core. Something like pip install pynecone-io-texteditor

Then you could use it like you would a normal Pynecone component. I think it would be best for more niche components to be separate from the core

No problem for me, thanks for the attention and keep up the great work!

[Alek99]

Maybe something like this https://uiwjs.github.io/react-md-editor/

That's close, but a bit too confusing for my MD-averse users I fear. They'd want it to feel more MS Word-like.

Ok no worries, that was just the first one I saw I can keep looking around. Let me know if there is a specific one you like and I can check it out.

Thanks, glad you are liking Pynecone so far!

[iron3oxide]

Slate looks nice to me, but I could understand if it being Beta for now is a no go for you

[Alek99]

Looks pretty good UI wise we'll discuss this

[jet10000]

https://tiptap.dev/

[bkxndata]

already posted on issues by accident, but think the project would greatly benefit in the data science web app space from a great interactive charting library. plotly is pretty subpar imo.

Personally would love highcharts, but here are some others:

graphs

[Alek99]

This is something we have in the works this week we are working on adding more test and fixing bugs, but next week we hope to add more features like this

[jmishra01]

I created custom component for highcharts library. link

[joshajiniran]

Ah, nice one here, I'm in love with Pynecone over others. Yeah, it'll be nice to have auth.

I'd love to see a carousel kind of thing.

Keep up the good work.

[joshajiniran]

Also, it would be great to be able to auto generate form fields from models fields or state vars.

[picklelo]

Yes this is a great idea - or at least some easy way to iterate through all the fields so you can hook it up to a pc.foreach maybe.

[joshajiniran]

Yes, something like that, taking a clue from Django's ModelForm

class UserForm(forms.ModelForm):
    class Meta:
        model = User

[forhonourlx]

@Alek99 @picklelo
Thanks for Pynecone Team, already offered a lot of good-looking and useful components until ver0.1.11! Cannot waiting for the next version!
Comparing with some popular React front-end frames:
http://semi.design/en-US/show/table
https://ant.design/components/overview

Here comes a rough missing list of front-end:

• ☆Cascader
• ☆Select: support multiple tag
• ☆Tree, TreeSelect
• ☆DatePicker, DatetimePicker, Calendar
• ☆Layout: with Header, Footer, Sider, Content, could be used as Nav Bar(Need a convinient wrapper).
• Timeline, Steps
• ☆Notification
• ☆RedDotTips: (Not only rectangle Badge)
• ☆ScrollBar: Globe good-looking uniform ScrollBar instead of browser built-in
• Carousel
• HighLight
• CopyToClipboard
• QRcode
• VideoPlayer

And some style issues:

• DarkMode and Themes
• Mobile Adaption
• Icons Enrich: Not only focus on web nav, but with all aspects of human life(see icons of MS PPT)

After all, Pynecone will be a easy, modern, well-rounded and beautiful(appearance is justice) web framework.

How is the current plan and progress?

[Alek99]

Yeah great points, I just added a good graphing library (victory) which will come out on our next release, this will be our base graphing components like pc.line, pc.bar etc. Next up I think is an upload button for images/files after that its we are going to start adding some of the components mentions.

[Lendemor]

I'd love it if there was more complex layout components.

Specifically, to abstract most of the positioning of the components done by CSS, so I can focus on content / theme.

My first attempt at using Pynecone was quite satisfying, but having to fight with the CSS positioning was quite annoying.

TLDR: I hate CSS, I'd love it if Pynecone can abstract it (a good part at least) for me.

[joshajiniran]

Me too, I hate CSS 🥺

[Alek99]

Yeah good suggestion, we are planning to add common recipes of things such as navbar, sidebar, etc. This should help speed up layout setup

[Lendemor]

This one would be very nice : https://github.com/negomi/react-burger-menu
Though I'm not sure how it'll interact with the current Menu Component.
Licence is MIT.

[picklelo]

Monaco editor: https://www.npmjs.com/package/@monaco-editor/react

[Coffee-93]

Something like Streamlit's st.audio would be cool.

I'd try to migrate my podcast helper app over (I listen to a lot of podcasts) 🎙️

[lionsheep0724]

So I can't stream audio in pynecone now, you mean?

[kasun]

A calendar component.

[NanoscaleSimulations]

A 3D renderer

[qu3vipon]

status refresh

[LTaxus]

Editable Dataframes

Edit cells, delete or append rows or columns and store it back into the variable/df.

[harisbal]

integration with mapping tools such as leaflet, folium and especially Deck.gl (pydeck)

[iron3oxide]

Having the Chakra stepper component would be nice

[Alek99]

We just upgraded next and python versions can add this now.

[DanielFrantes]

Configuration prompt guide.

[amcraig]

If you all could figure out how to wrap this Chemical Sketcher React library (https://github.com/epam/ketcher), or provide a workaround Reflex would be FANTASTIC for research teams/organizations.

Ketcher relies on it's react component in npm ketcher-react and one of its props required on-init also is its instantiated Webassembly backend ketcher-standalone (also found on npm).

Beyond the complicated instantiation, it also suffers from the Next.js-NodeModules import Global CSS issue

[peterpans01]

Can you list which components can be supported in a static website?

[Brandon-lz]

Access the camera and be able to get the frame images from the camera in the Python backend.

[kumaraguru1735]

I need more icons

[masenf]

Coming soon! #2444

[rishabhBoomitra]

More Geospatial data support, like Geojson and raster images. Map interactions on click. State for Maps

[JuanCruzC97]

Are components like date select and date range select already implemented in reflex?

[goncalog]

editable code_block would be great!

[Alek99]

https://pypi.org/project/reflex-monaco/