noredink-ui/styleguide-app/Debug/Control/Extra.elm

156 lines
4.1 KiB
Elm
Raw Normal View History

2021-10-22 03:20:29 +03:00
module Debug.Control.Extra exposing
2022-03-04 21:26:19 +03:00
( float, int
, list, listItem, optionalListItem, optionalListItemDefaultChecked, optionalBoolListItem
2022-03-04 21:42:09 +03:00
, css
2021-10-22 03:20:29 +03:00
)
{-|
2022-03-04 21:26:19 +03:00
@docs float, int
@docs list, listItem, optionalListItem, optionalListItemDefaultChecked, optionalBoolListItem
2022-03-04 21:42:09 +03:00
@docs css
2021-10-22 03:20:29 +03:00
-}
2022-03-04 21:42:09 +03:00
import Css
import Css.Global
2021-10-22 03:20:29 +03:00
import Debug.Control as Control exposing (Control)
import Regex
2021-10-22 03:20:29 +03:00
{-| -}
float : Float -> Control Float
float default =
Control.map (String.toFloat >> Maybe.withDefault default)
(Control.string (String.fromFloat default))
2022-03-04 21:26:19 +03:00
{-| -}
int : Int -> Control Int
int default =
Control.map (String.toInt >> Maybe.withDefault default)
(Control.string (String.fromInt default))
2021-10-22 03:20:29 +03:00
{-| Use with `listItem` and `optionalListItem`
2022-03-04 21:42:00 +03:00
list
|> listItem "first name" string
|> listItem "last name" string
2021-10-22 03:20:29 +03:00
-}
list : Control (List a)
list =
Control.record []
{-| -}
listItem : String -> Control a -> Control (List a) -> Control (List a)
listItem name accessor accumulator =
Control.field name
(Control.map List.singleton accessor)
(Control.map (++) accumulator)
{-| -}
2021-10-22 03:27:29 +03:00
optionalListItem : String -> Control a -> Control (List a) -> Control (List a)
optionalListItem =
optionalListItem_ False
{-| -}
optionalListItemDefaultChecked : String -> Control a -> Control (List a) -> Control (List a)
optionalListItemDefaultChecked =
optionalListItem_ True
{-| -}
optionalListItem_ : Bool -> String -> Control a -> Control (List a) -> Control (List a)
optionalListItem_ default name accessor accumulator =
2021-10-22 03:20:29 +03:00
Control.field name
(Control.map (List.singleton >> List.filterMap identity) (Control.maybe default accessor))
2021-10-22 03:20:29 +03:00
(Control.map (++) accumulator)
2022-03-04 21:42:09 +03:00
2022-03-05 00:51:31 +03:00
{-| -}
optionalBoolListItem : String -> (Bool -> a) -> Control (List a) -> Control (List a)
optionalBoolListItem name f accumulator =
Control.field name
(Control.map
(\value ->
if value then
[ f value ]
else
[]
)
(Control.bool False)
)
(Control.map (++) accumulator)
2022-03-04 21:42:09 +03:00
{-| -}
css : String -> Control ( String, List Css.Style )
2022-03-04 21:42:09 +03:00
css exampleCss =
Control.map
(\rawStr ->
case Regex.find selectorAndStyles rawStr of
[] ->
toCssProps rawStr
matches ->
toCss matches
2022-03-04 21:42:09 +03:00
)
(Control.stringTextarea exampleCss)
selectorAndStyles : Regex.Regex
selectorAndStyles =
Maybe.withDefault Regex.never
2022-03-05 03:45:40 +03:00
(Regex.fromString "([^{]+){([^}]*)}")
toCss : List Regex.Match -> ( String, List Css.Style )
toCss matches =
List.concatMap
(\match ->
2022-03-05 03:45:40 +03:00
case List.filterMap identity match.submatches of
selector :: styles :: [] ->
let
( stylesStr, stylesVal ) =
toCssProps styles
in
[ ( "Css.Global.selector \"" ++ String.trim selector ++ "\" " ++ stylesStr
, Css.Global.selector selector stylesVal
)
]
_ ->
[]
)
matches
|> List.unzip
2022-03-05 03:45:40 +03:00
|> Tuple.mapFirst (\props -> "\n\t\t[ Css.Global.descendants \n\t\t\t[ " ++ String.join "\n\t\t," props ++ " \n\t\t\t]\n\t\t]")
|> Tuple.mapSecond (\props -> [ Css.Global.descendants props ])
toCssProps : String -> ( String, List Css.Style )
toCssProps rawStr =
rawStr
|> String.split ";"
|> List.filterMap
(\segment ->
case String.split ":" segment of
name :: value :: [] ->
Just
( "Css.property \"" ++ String.trim name ++ "\" \"" ++ String.trim value ++ "\""
, Css.property name value
)
_ ->
-- Unable to parse css
Nothing
)
|> List.unzip
|> Tuple.mapFirst (\props -> "[ " ++ String.join "," props ++ " ]")