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
  307. 307
  308. 308
  309. 309
  310. 310
  311. 311
  312. 312
  313. 313
  314. 314
  315. 315
  316. 316
  317. 317
  318. 318
  319. 319
  320. 320
  321. 321
  322. 322
  323. 323
  324. 324
  325. 325
  326. 326
  327. 327
  328. 328
  329. 329
  330. 330
  331. 331
  332. 332
-- 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 Models.PWS01.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 Models.PWS01.Parameters as Parameters
import Models.PWS01.Parameters.App as ParametersApp
import Models.PWS01.Parameters.Parser as Parser
import Models.PWS01.QueryHealer as QueryHealer
import Models.PWS01.Template exposing (template)
import Platform.Cmd as Cmd
import Preferences exposing (FieldHighlight(..))
import Preferences.App
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 ParametersApp.Model
    , preferences : Preferences.App.Model
    }


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

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

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


init : Flags -> Url -> Key -> ( Model, Cmd Msg )
init flags url key =
    let
        preferences =
            Preferences.App.init flags.preferences

        ( parameters, parametersCmd ) =
            parseParameters url key preferences.preferences
    in
    ( { url = url
      , key = key
      , parameters = parameters
      , preferences = preferences
      }
    , parametersCmd
    )



-- UPDATE


type Msg
    = NoOp
    | ParametersMsg ParametersApp.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 ->
                    ParametersApp.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
                            , parameters =
                                case model.parameters of
                                    Ok parameters ->
                                        Ok { parameters | preferences = p.preferences }

                                    Err queryHealer ->
                                        Err { queryHealer | preferences = p.preferences }
                        }
                    )
                |> 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 model.preferences.preferences
                    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 = "Configurator | CLT-PWS01"
            , 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 customized template (pattern) for leather crafting."
                                        ]
                                    ]
                                , node "x-field"
                                    []
                                    [ span [ slot "title" ] [ text "The Template" ]
                                    , p [ slot "description" ]
                                        [ text "This template 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 up to you."
                                        ]
                                    , p [ slot "description" ]
                                        [ text "© Shota FUJI, licensed under "
                                        , a [ href "/licenses/CC-BY-4.0.txt" ] [ text "CC-BY-4.0" ]
                                        , text "."
                                        ]
                                    ]
                                ]
                                :: hr [] []
                                :: (ParametersApp.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 "Copyright" ]
                                            , p [ slot "description" ]
                                                [ text "This program is made of these copyrighted materials:" ]
                                            , Html.ul
                                                [ slot "description" ]
                                                [ Html.li []
                                                    [ text "Source code files specific to this template. © Shota FUJI, licensed under "
                                                    , a [ href "/licenses/CC-BY-4.0.txt" ] [ text "CC-BY-4.0" ]
                                                    ]
                                                , Html.li []
                                                    [ text "Source code files not specific to this template. © Shota FUJI, licensed under the "
                                                    , a [ href "/licenses/MPL-2.0.txt" ] [ text "Mozilla Public License version 2.0" ]
                                                    ]
                                                , Html.li []
                                                    [ text "Third-party libraries, copyright and license described in "
                                                    , a [ href "licenses/third-party.txt" ] [ text "third-party.txt" ]
                                                    ]
                                                , Html.li []
                                                    [ text "Third-party fonts, copyright and license described in the next section."
                                                    ]
                                                ]
                                            ]
                                        , 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 ")"
                                                    ]
                                                ]
                                            ]
                                        ]
                                   ]
                            )
                        ]
                    ]
                ]
            }

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



-- SUBSCRIPTIONS


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