Remove iframe for now

Author: josevalim

src/hexdocs.gleam

@@ -9,7 +9,7 @@ import gleam/result
 import gleam/string
 import grille_pain
 import grille_pain/lustre/toast
-import hexdocs/components/iframe
+
 import hexdocs/data/model.{type Model, Model}
 import hexdocs/data/model/autocomplete
 import hexdocs/data/model/route
@@ -27,7 +27,6 @@ import modem
 
 pub fn main() {
   let flags = Nil
-  let assert Ok(_) = iframe.register()
   let assert Ok(_) = grille_pain.simple()
   lustre.application(setup.init, update, view)
   |> lustre.start("#app", flags)
@@ -93,7 +92,7 @@ fn update(model: Model, msg: Msg) {
       user_focused_packages_filter_input(model)
     msg.UserFocusedPackagesFilterVersion ->
       user_focused_packages_filter_version_input(model)
-    msg.UserToggledPreview(id) -> user_toggled_preview(model, id)
+
     msg.UserSelectedPackageFilter -> user_selected_package_filter(model)
     msg.UserSelectedPackageFilterVersion ->
       user_selected_package_filter_version(model)
@@ -347,15 +346,6 @@ fn user_focused_packages_filter_version_input(
   #(model, effects)
 }
 
-fn user_toggled_preview(model: Model, id: String) {
-  Model(..model, search_opened_previews: {
-    use opened <- dict.upsert(model.search_opened_previews, id)
-    let opened = option.unwrap(opened, False)
-    !opened
-  })
-  |> pair.new(effect.none())
-}
-
 fn user_selected_package_filter(model: Model) {
   case model.get_selected_package_filter_name(model) {
     Error(_) -> #(model, effect.none())

src/hexdocs/components/attributes.gleam

@@ -62,10 +62,6 @@ pub type Model {
     search_result: Option(#(Int, List(hexdocs.Document))),
     /// Stores the current value of the search bar on top of the search page.
     search_input: String,
-    /// Stores the current state of the different previews opened in
-    /// the search results, in the search page. An item missing from the
-    /// `Dict` indicates a preview _not_ openend.
-    search_opened_previews: Dict(String, Bool),
     /// Stores the current value of the packages filter input on
     /// left of the search page.
     search_packages_filter_input: String,
@@ -107,7 +103,6 @@ pub fn new(dark_mode: msg.ColorSetting) -> Model {
     autocomplete_search_focused: AutocompleteClosed,
     search_result: None,
     search_input: "",
-    search_opened_previews: dict.new(),
     search_packages_filter_input: "",
     search_packages_filter_input_displayed: "",
     search_packages_filter_version_input: "",

src/hexdocs/components/iframe.gleam

@@ -41,7 +41,6 @@ pub type Msg {
   UserSelectedPackageFilterVersion
   UserSubmittedPackagesFilter
   UserSubmittedSearchInput
-  UserToggledPreview(id: String)
   UserClickedShare
 
   // Neutral element, because we need to call `stop_propagation` conditionnally.

src/hexdocs/data/model.gleam

@@ -4,14 +4,9 @@ import gleam/hexpm
 import gleam/http/request
 import gleam/http/response
 import gleam/javascript/promise
-import gleam/option
 import gleam/result
-import gleam/string
-import gleam/uri
-import hexdocs/config
 import hexdocs/endpoints
 import hexdocs/loss
-import hexdocs/services/hexdocs
 
 pub fn package_versions(name: String) {
   let endpoint = endpoints.package(name)
@@ -25,19 +20,3 @@ pub fn package_versions(name: String) {
     |> result.map(response.set_body(res, _))
   })
 }
-
-pub fn preview_link(document: hexdocs.Document, theme: String) {
-  let assert [name, vsn] = string.split(document.package, on: "-")
-  [config.hexdocs_url(), name, vsn, document.ref]
-  |> string.join(with: "/")
-  |> uri.parse
-  |> result.map(fn(u) {
-    uri.Uri(
-      ..u,
-      query: option.Some({
-        uri.query_to_string([#("preview", "true"), #("theme", theme)])
-      }),
-    )
-  })
-  |> result.map(uri.to_string)
-}

src/hexdocs/data/msg.gleam

@@ -1,16 +1,16 @@
 import gleam/bool
-import gleam/dict
+
 import gleam/dynamic/decode
 import gleam/int
 import gleam/list
 import gleam/option.{None, Some}
 import gleam/string
-import hexdocs/components/iframe
+
 import hexdocs/config
 import hexdocs/data/model.{type Model}
 import hexdocs/data/model/autocomplete
 import hexdocs/data/msg
-import hexdocs/services/hex
+
 import hexdocs/services/hexdocs
 import lustre/attribute.{class}
 import lustre/element
@@ -534,47 +534,6 @@ fn result_card(model: Model, document: hexdocs.Document) {
           }),
         ])
     },
-    html.div([class("mt-4 flex flex-wrap gap-3")], [
-      html.button(
-        [
-          event.on_click(msg.UserToggledPreview(document.id)),
-          class(
-            "h-10 px-4 py-2.5 bg-slate-100 dark:bg-slate-700 rounded-lg border border-slate-300 dark:border-slate-600 flex items-center justify-center",
-          ),
-        ],
-        [
-          html.span(
-            [class("text-slate-800 dark:text-slate-200 text-sm font-semibold")],
-            [html.text("Show Preview")],
-          ),
-          card_icon("ri-arrow-down-s-line"),
-        ],
-      ),
-    ]),
-    case dict.get(model.search_opened_previews, document.id) {
-      Ok(False) | Error(_) -> element.none()
-      Ok(True) -> {
-        case
-          hex.preview_link(document, case model.dark_mode.mode {
-            msg.Dark -> "dark"
-            msg.Light -> "light"
-          })
-        {
-          Error(_) -> element.none()
-          Ok(link) -> {
-            html.div(
-              [class("px-4 bg-white dark:bg-gray-950 h-full rounded-lg")],
-              [
-                iframe.iframe([
-                  iframe.to(link),
-                  iframe.title(document.package),
-                ]),
-              ],
-            )
-          }
-        }
-      }
-    },
   ])
 }
 
@@ -583,9 +542,3 @@ fn sidebar_icon(icon: String) {
   let default = class("text-slate-400 dark:text-slate-500")
   html.i([icon, default], [])
 }
-
-fn card_icon(icon: String) {
-  let icon = class(icon)
-  let default = class("ml-2 text-slate-500 dark:text-slate-400")
-  html.i([icon, default], [])
-}