clt

Configurable Leathercraft Templates

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78
  79. 79
  80. 80
  81. 81
  82. 82
  83. 83
  84. 84
  85. 85
  86. 86
  87. 87
  88. 88
  89. 89
  90. 90
  91. 91
  92. 92
  93. 93
  94. 94
  95. 95
  96. 96
  97. 97
  98. 98
  99. 99
  100. 100
  101. 101
  102. 102
  103. 103
  104. 104
  105. 105
  106. 106
  107. 107
  108. 108
  109. 109
  110. 110
  111. 111
  112. 112
  113. 113
  114. 114
  115. 115
  116. 116
  117. 117
  118. 118
  119. 119
  120. 120
  121. 121
  122. 122
  123. 123
  124. 124
  125. 125
  126. 126
  127. 127
  128. 128
  129. 129
  130. 130
  131. 131
  132. 132
  133. 133
  134. 134
  135. 135
  136. 136
  137. 137
  138. 138
  139. 139
  140. 140
  141. 141
  142. 142
  143. 143
  144. 144
  145. 145
  146. 146
  147. 147
  148. 148
  149. 149
  150. 150
  151. 151
  152. 152
  153. 153
  154. 154
  155. 155
  156. 156
  157. 157
  158. 158
  159. 159
  160. 160
  161. 161
  162. 162
  163. 163
  164. 164
  165. 165
  166. 166
  167. 167
  168. 168
  169. 169
  170. 170
  171. 171
  172. 172
  173. 173
  174. 174
  175. 175
  176. 176
  177. 177
  178. 178
  179. 179
  180. 180
  181. 181
  182. 182
  183. 183
  184. 184
  185. 185
  186. 186
  187. 187
  188. 188
  189. 189
  190. 190
  191. 191
  192. 192
  193. 193
  194. 194
  195. 195
  196. 196
  197. 197
  198. 198
  199. 199
  200. 200
  201. 201
  202. 202
  203. 203
  204. 204
  205. 205
  206. 206
  207. 207
  208. 208
  209. 209
  210. 210
  211. 211
  212. 212
  213. 213
  214. 214
  215. 215
  216. 216
  217. 217
  218. 218
  219. 219
  220. 220
  221. 221
  222. 222
  223. 223
  224. 224
  225. 225
  226. 226
  227. 227
  228. 228
  229. 229
  230. 230
  231. 231
  232. 232
  233. 233
  234. 234
  235. 235
  236. 236
  237. 237
  238. 238
  239. 239
  240. 240
  241. 241
  242. 242
  243. 243
  244. 244
  245. 245
  246. 246
  247. 247
  248. 248
  249. 249
  250. 250
  251. 251
  252. 252
  253. 253
  254. 254
  255. 255
  256. 256
  257. 257
  258. 258
  259. 259
  260. 260
  261. 261
  262. 262
  263. 263
  264. 264
  265. 265
  266. 266
  267. 267
  268. 268
  269. 269
  270. 270
  271. 271
  272. 272
  273. 273
  274. 274
  275. 275
  276. 276
  277. 277
  278. 278
  279. 279
  280. 280
  281. 281
  282. 282
  283. 283
  284. 284
  285. 285
  286. 286
  287. 287
  288. 288
  289. 289
  290. 290
  291. 291
  292. 292
  293. 293
  294. 294
  295. 295
  296. 296
  297. 297
  298. 298
  299. 299
  300. 300
  301. 301
  302. 302
  303. 303
  304. 304
  305. 305
  306. 306
-- Copyright 2026 Shota FUJI
--
-- This Source Code Form is subject to the terms of the Mozilla Public
-- License, v. 2.0. If a copy of the MPL was not distributed with this
-- file, You can obtain one at https://mozilla.org/MPL/2.0/.
--
-- SPDX-License-Identifier: MPL-2.0


module Main exposing (main)

import Browser
import Browser.Navigation exposing (Key)
import Html exposing (a, hr, node, p, span, text)
import Html.Attributes exposing (attribute, href)
import Html.LivingStandard exposing (..)
import Json.Decode
import Parameters
import Parameters.App
import Parameters.Parser
import Platform.Cmd as Cmd
import Preferences exposing (FieldHighlight(..))
import Preferences.App
import QueryHealer
import Template exposing (template)
import Url exposing (Url)
import Url.SearchParams


main : Program Flags Model Msg
main =
    Browser.application
        { init = init
        , view = view
        , update = update
        , subscriptions = subscriptions
        , onUrlRequest = UrlRequested
        , onUrlChange = UrlChanged
        }



-- FLAGS


type alias Flags =
    { preferences : Json.Decode.Value
    }



-- MODEL


type alias Model =
    { url : Url
    , key : Key
    , parameters : Result QueryHealer.Model Parameters.App.Model
    , preferences : Preferences.App.Model
    }


parseParameters : Url -> Key -> ( Result QueryHealer.Model Parameters.App.Model, Cmd Msg )
parseParameters url key =
    case Maybe.map Url.SearchParams.parse url.query of
        Just dict ->
            case Parameters.Parser.parse dict of
                Ok params ->
                    let
                        ( model, cmd ) =
                            Parameters.App.init url key params
                    in
                    ( Ok model, Cmd.map ParametersMsg cmd )

                Err errors ->
                    ( Err (QueryHealer.init url errors), Cmd.none )

        Nothing ->
            let
                ( model, cmd ) =
                    Parameters.App.init url key Parameters.default
            in
            ( Ok model, Cmd.map ParametersMsg cmd )


init : Flags -> Url -> Key -> ( Model, Cmd Msg )
init flags url key =
    let
        ( parameters, parametersCmd ) =
            parseParameters url key
    in
    ( { url = url
      , key = key
      , parameters = parameters
      , preferences = Preferences.App.init flags.preferences
      }
    , parametersCmd
    )



-- UPDATE


type Msg
    = NoOp
    | ParametersMsg Parameters.App.Msg
    | PreferencesMsg Preferences.App.Msg
    | QueryHealerMsg QueryHealer.Msg
    | UrlRequested Browser.UrlRequest
    | UrlChanged Url


update : Msg -> Model -> ( Model, Cmd Msg )
update msg model =
    case msg of
        NoOp ->
            ( model, Cmd.none )

        ParametersMsg subMsg ->
            case model.parameters of
                Ok subModel ->
                    Parameters.App.update subMsg subModel
                        |> Tuple.mapFirst (\p -> { model | parameters = Ok p })
                        |> Tuple.mapSecond (Cmd.map ParametersMsg)

                Err _ ->
                    ( model, Cmd.none )

        QueryHealerMsg subMsg ->
            case model.parameters of
                Err subModel ->
                    QueryHealer.update subMsg subModel
                        |> Tuple.mapFirst (\p -> { model | parameters = Err p })
                        |> Tuple.mapSecond (Cmd.map QueryHealerMsg)

                Ok _ ->
                    ( model, Cmd.none )

        PreferencesMsg subMsg ->
            Preferences.App.update subMsg model.preferences
                |> Tuple.mapFirst (\p -> { model | preferences = p })
                |> Tuple.mapSecond (Cmd.map PreferencesMsg)

        UrlRequested (Browser.Internal url) ->
            if String.endsWith ".txt" url.path then
                ( model, Browser.Navigation.load (Url.toString url) )

            else
                ( model, Browser.Navigation.replaceUrl model.key (Url.toString url) )

        UrlRequested (Browser.External href) ->
            ( model, Browser.Navigation.load href )

        UrlChanged url ->
            case model.parameters of
                Ok _ ->
                    ( { model | url = url }, Cmd.none )

                Err _ ->
                    let
                        ( parameters, parametersCmd ) =
                            parseParameters url model.key
                    in
                    ( { model | url = url, parameters = parameters }, parametersCmd )



-- VIEW


view : Model -> Browser.Document Msg
view model =
    case model.parameters of
        Ok parameters ->
            let
                highlighting =
                    case model.preferences.preferences.fieldHighlight of
                        HighlightOnPreview ->
                            parameters.highlighting

                        DoNotHighlight ->
                            Nothing
            in
            { title = ""
            , body =
                [ node "x-app-layout"
                    []
                    [ node "x-preview"
                        [ slot "preview"
                        , attribute "print-theme"
                            (case parameters.parameters.rendering.colorSchema of
                                Parameters.BlackOnWhite ->
                                    "black-on-white"

                                Parameters.WhiteOnBlack ->
                                    "white-on-black"
                            )
                        , attribute "preview-theme"
                            (case model.preferences.preferences.previewTheme of
                                Preferences.SystemTheme ->
                                    "system"

                                Preferences.PrintTheme ->
                                    "print"
                            )
                        ]
                        [ template
                            model.url
                            parameters.parameters
                            highlighting
                            []
                        ]
                    , node "x-panel"
                        [ slot "parameters" ]
                        [ node "x-parameters"
                            []
                            (node "x-field-group"
                                []
                                [ span [ slot "title" ] [ text "About" ]
                                , node "x-field"
                                    []
                                    [ span [ slot "title" ] [ text "This Software" ]
                                    , p [ slot "description" ]
                                        [ text "This application lets you build a leather craft template for basic watch straps."
                                        ]
                                    ]
                                , node "x-field"
                                    []
                                    [ span [ slot "title" ] [ text "The Template" ]
                                    , p [ slot "description" ]
                                        [ text "The template this application outputs is for two-parts leather wrist warch strap. "
                                        , text "It assumes you use a lining leather and a clasp / buckle. "
                                        ]
                                    , p [ slot "description" ]
                                        [ text "The output is provided as-is. How to use the template is completely on your own."
                                        ]
                                    ]
                                , node "x-field"
                                    []
                                    [ span [ slot "title" ] [ text "Author" ]
                                    , p [ slot "description" ]
                                        [ text "© Shota FUJI, licensed under the "
                                        , a [ href "/licenses/MPL-2.0.txt" ] [ text "Mozilla Public License version 2.0" ]
                                        , text "."
                                        ]
                                    ]
                                ]
                                :: hr [] []
                                :: (Parameters.App.view parameters |> List.map (Html.map ParametersMsg))
                                ++ hr [] []
                                :: (Preferences.App.panelItems model.preferences |> List.map (Html.map PreferencesMsg))
                                ++ [ hr [] []
                                   , node "x-field-group"
                                        []
                                        [ span [ slot "title" ] [ text "Legal" ]
                                        , node "x-field"
                                            []
                                            [ span [ slot "title" ] [ text "Third-party Fonts" ]
                                            , p [ slot "description" ] [ text "This application uses these fonts:" ]
                                            , Html.ul
                                                [ slot "description" ]
                                                [ Html.li []
                                                    [ a [ href "https://github.com/jpt/barlow" ] [ text "Barlow" ]
                                                    , text " (Copyright 2017 The Barlow Project Authors (https://github.com/jpt/barlow), licensed under "
                                                    , a [ href "/licenses/OFL-1.1-no-RFN.txt" ] [ text "SIL Open Font License, Version 1.1" ]
                                                    , text ")"
                                                    ]
                                                , Html.li []
                                                    [ a [ href "https://rsms.me/inter/" ] [ text "Inter UI" ]
                                                    , text " (Copyright (c) 2016 The Inter Project Authors (https://github.com/rsms/inter), licensed under "
                                                    , a [ href "/licenses/OFL-1.1-no-RFN.txt" ] [ text "SIL Open Font License, Version 1.1" ]
                                                    , text ")"
                                                    ]
                                                ]
                                            ]
                                        , node "x-field"
                                            []
                                            [ span [ slot "title" ] [ text "Third-party Softwares" ]
                                            , p [ slot "description" ]
                                                [ text "See "
                                                , a [ href "/licenses/third-party.txt" ] [ text "third-party.txt" ]
                                                , text " for list of third-party softwares and its license text."
                                                ]
                                            ]
                                        ]
                                   ]
                            )
                        ]
                    ]
                ]
            }

        Err queryHealer ->
            { title = "Parameters Error | WWSTB"
            , body = [ QueryHealer.view queryHealer |> Html.map QueryHealerMsg ]
            }



-- SUBSCRIPTIONS


subscriptions : Model -> Sub Msg
subscriptions _ =
    Sub.none