package ppx_css
A ppx that takes in css strings and produces a module for accessing the unique names defined within
Install
Dune Dependency
Authors
Maintainers
Sources
v0.17.0.tar.gz
sha256=e60e31aadd820b131f7f05827f369164564400bd4fd51c199d066abf7e68753f
doc/src/ppx_css.inline_css/inline_css.ml.html
Source file inline_css.ml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165
open! Core open Js_of_ocaml module Prepend_and_append_list : sig (** A list builder that allows inserting both at the front and end of the list *) type 'a t val empty : 'a t val append : 'a t -> 'a -> 'a t val prepend : 'a t -> 'a -> 'a t (* Converts the lists into a list. It returns a new [t] which can be used to ensure future [to_list] calls after new things are appended are more efficient while returning the same result. *) val to_list : 'a t -> 'a list * 'a t end = struct type 'a t = { prepended : 'a list ; appended : 'a Reversed_list.t } let empty = { prepended = []; appended = [] } let append t item = { t with appended = item :: t.appended } let prepend t item = { t with prepended = item :: t.prepended } let to_list t = if Reversed_list.is_empty t.appended then t.prepended, t else ( let joined = t.prepended @ Reversed_list.rev t.appended in joined, { prepended = joined; appended = [] }) ;; end module State = struct type t = { appended_items : String.Hash_set.t ; mutable items : string Prepend_and_append_list.t } let all_css = { appended_items = String.Hash_set.create (); items = Prepend_and_append_list.empty } ;; let to_string () = let joined, items' = Prepend_and_append_list.to_list all_css.items in all_css.items <- items'; String.concat joined ~sep:"\n" ;; let append a = let already_appended = Hash_set.mem all_css.appended_items a in if already_appended then `Already_appended else ( Hash_set.add all_css.appended_items a; all_css.items <- Prepend_and_append_list.append all_css.items a; `Newly_appended) ;; let prepend a = all_css.items <- Prepend_and_append_list.prepend all_css.items a end module Strategy = struct let strategies : (module Strategy_intf.S) list = [ (module Constructed_stylesheet_strategy) ; (module Style_element_strategy.Into_head) ; (module Style_element_strategy.Into_body) ; (module Style_element_strategy.Into_root_element) ] ;; let find () = let maybe_initialize : (module Strategy_intf.S) -> Strategy_intf.t Or_error.t = fun (module Strategy) -> let%map.Or_error state = Or_error.tag (Strategy.initialize ()) ~tag:Strategy.name in Strategy_intf.T { state; strategy = (module Strategy) } in match am_running_test with | true -> maybe_initialize (module Testing_strategy) | false -> Or_error.find_map_ok strategies ~f:maybe_initialize ;; let selected : Strategy_intf.t Or_error.t Lazy.t = lazy (find ()) end let install_in_dom () = match Lazy.force Strategy.selected with | Ok (T { state; strategy = (module M) }) -> M.update state (State.to_string ()) | Error e -> eprint_s (Error.sexp_of_t e) ;; let () = let ready_state = Option.try_with (fun () -> Js.to_string Dom_html.document##.readyState) in match ready_state with | Some ("interactive" | "complete") -> install_in_dom () | Some ("loading" | _) -> let _id : Dom_html.event_listener_id = Dom_html.addEventListenerWithOptions ~passive:Js._true ~capture:Js._false ~once:Js._true Dom_html.window Dom_html.Event.domContentLoaded (Dom.handler (fun _ -> install_in_dom (); Js._true)) in () | None -> () ;; let update_strategy_from_state () = match Lazy.peek Strategy.selected with | None -> (* If the lazy isn't forced, then we don't need to do anything because all the contents will be loaded when [install_in_dom] is called. *) () | Some (Ok (T { state; strategy = (module M) })) -> M.update state (State.to_string ()) | Some (Error _) -> (* don't print the error because it already got printed inside [install_in_dom] *) () ;; let append a = let already_appended = State.append a in match already_appended with | `Already_appended -> () | `Newly_appended -> update_strategy_from_state () ;; let prepend a = State.prepend a; update_strategy_from_state () ;; module For_testing = struct let to_string () = State.to_string () let with_strategy ~f = match Lazy.force Strategy.selected with | Error error -> let error = Error.to_string_hum error in failwith [%string "no strategy selected. error: %{error}"] | Ok strategy -> f strategy ;; let strategy_name () = with_strategy ~f:(fun (T { strategy = (module M); _ }) -> M.name) let dump_strategy_state () = with_strategy ~f:(fun (T { strategy = (module M); state }) -> print_endline (M.For_testing.dump_testing_state state)) ;; end module Private = struct let append = append let prepend = prepend module Dynamic = Inline_css_dynamic end
sectionYPositions = computeSectionYPositions($el), 10)"
x-init="setTimeout(() => sectionYPositions = computeSectionYPositions($el), 10)"
>