Trying to write a file upload component

elnovice · March 9, 2023, 12:46pm

Hi all,

I am trying to create a live component in Phoenix Storybook that show previews of files uploads.
I did read this: Uploads — Phoenix LiveView v0.18.16

Is there a way to call allow_uploads/3 from my story file?

Thank you

cblavier · March 9, 2023, 1:43pm

You can’t do it from a regular component story, but it’s possible from an example story.

https://hexdocs.pm/phoenix_storybook/PhoenixStorybook.Story.html#module-example

Here is our own uploader’s story: Phenix Storybook - File Upload (you will notice it’s not accepting upload)

And an example with a functional uploader: Phenix Storybook - Form

elnovice · March 10, 2023, 8:05am

Thanks a lot, that explains well!

Kudos for the project

elnovice · March 10, 2023, 8:45am

BTW If I name the example story file my_example.exs (as noted in the docs), the page is not showing up.
If I rename it to my_example.story.exs it shows up.

I don’t know if that is intended, or I am making any mistake.

Also here, the file is named forms.story.exs:

github.com

phenixdigital/phoenix_storybook_sample/blob/main/storybook/examples/forms.story.exs

defmodule Storybook.Examples.Forms do
  use PhoenixStorybook.Story, :example

  alias Storybook.Examples.FormHTML

  def doc, do: "This is a basic form example."

  def extra_sources do
    [
      "./form_example.html.heex",
      "./form_html.ex"
    ]
  end

  @impl true
  def mount(_params, session, socket) do
    {:ok, assign(socket, value: 1, theme: session["theme"])}
  end

  @impl true

This file has been truncated. show original

cblavier · March 10, 2023, 9:07am

This is a typo in the doc! I’ll get it fixed