wip(lab): Pages for all patterns, work on design options

packages/freesewing.lab/pages/accessories/florence.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/florence/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/accessories/florent.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/florent/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/accessories/holmes.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/holmes/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/accessories/hortensia.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/hortensia/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/accessories/trayvon.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/trayvon/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/blocks/bella.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/bella/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/blocks/bent.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/bent/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/blocks/titan.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/titan/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/albert.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/albert/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/bee.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/bee/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/benjamin.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/benjamin/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/breanna.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/breanna/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/bruce.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/bruce/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/carlita.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/carlita/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/carlton.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/carlton/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/cathrin.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/cathrin/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/charlie.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/charlie/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/cornelius.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/cornelius/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/diana.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/diana/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/huey.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/huey/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/hugo.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/hugo/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/jaeger.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/jaeger/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/lunetius.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/lunetius/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/paco.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/paco/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/penelope.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/penelope/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/sandy.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/sandy/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/shin.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/shin/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/simon.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/simon/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/simone.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/simone/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/sven.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/sven/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/tamiko.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/tamiko/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/teagan.js

@@ -1,8 +1,4 @@
 import pattern from 'pkgs/teagan/src/index.js'
 import PageTemplate from 'site/page-templates/workbench.js'
 
-const Teagan = function() {
+export default () => <PageTemplate pattern={pattern} />
-  return <PageTemplate pattern={pattern} />
-}
-
-export default Teagan

packages/freesewing.lab/pages/garments/theo.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/theo/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/tiberius.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/tiberius/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/trayvon.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/trayvon/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/ursula.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/ursula/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/wahid.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/wahid/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/walburga.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/walburga/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/waralee.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/waralee/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/garments/yuri.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/yuri/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/utilities/examples.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/examples/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/utilities/legend.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/legend/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/utilities/plugintest.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/plugintest/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/utilities/rendertest.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/rendertest/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/pages/utilities/tutorial.js

@@ -0,0 +1,4 @@
+import pattern from 'pkgs/tutorial/src/index.js'
+import PageTemplate from 'site/page-templates/workbench.js'
+
+export default () => <PageTemplate pattern={pattern} />

packages/freesewing.lab/patterns.json

@@ -3,7 +3,8 @@
     "florence",
     "hortensia",
     "florent",
-    "holmes"
+    "holmes",
+    "trayvon"
   ],
   "blocks": [
     "bella",
@@ -39,7 +40,6 @@
     "teagan",
     "theo",
     "tiberius",
-    "trayvon",
     "ursula",
     "wahid",
     "walburga",

packages/freesewing.shared/components/workbench/inputs/design-option-percentage.js

@@ -0,0 +1,7 @@
+const DesignOptionPercentage = props => {
+  return (
+    <input type="range" max="100" value="50" className="range range-secondary range-sm" />
+  )
+}
+
+export default DesignOptionPercentage

packages/freesewing.shared/components/workbench/inputs/measurement.js

@@ -33,7 +33,6 @@ const MeasurementInput = ({ m, gist, app, updateMeasurements }) => {
   )
 
   useEffect(() => {
-    console.log(gist.measurements)
     if (gist?.measurements?.[m]) setVal(gist.measurements[m]/10)
   }, [gist])
 

packages/freesewing.shared/components/workbench/measurements/index.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import MeasurementInput from './input.js'
+import MeasurementInput from '../inputs/measurement.js'
 import { withBreasts, withoutBreasts } from 'pkgs/models/src/index.js'
 import nonHuman from './non-human.js'
 import WithBreastsIcon from 'shared/components/icons/with-breasts.js'

packages/freesewing.shared/components/workbench/menu/design-options/option.js

@@ -1,4 +1,5 @@
 import { linkClasses, Chevron } from 'shared/components/navigation/primary.js'
+import PercentOption from 'shared/components/workbench/inputs/design-option-percentage'
 
 const Option = props => {
   return (
@@ -31,6 +32,9 @@ const Option = props => {
           </div>
           <Chevron w={6} m={3}/>
         </summary>
+        {props.pattern.config.options[props.option]?.pct && <PercentOption {...props} />}
+        <pre>{JSON.stringify(props.pattern.config.options[props.option],null,2)}</pre>
+
         fixme
       </details>
     </li>

packages/freesewing.shared/styles/globals.css

@@ -148,6 +148,34 @@ summary::-webkit-details-marker {
   display: none;
 }
 
+/* Style for slider track */
+input[type=range]::-webkit-slider-runnable-track {
+  background: #ffffff44;
+}
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+  background: #ffffff66;
+}
+
+input[type=range]::-moz-range-track {
+  background: #3071a9;
+}
+
+input[type=range]::-ms-track {
+  background: transparent;
+}
+input[type=range]::-ms-fill-lower {
+  background: #2a6495;
+}
+input[type=range]:focus::-ms-fill-lower {
+  background: #3071a9;
+}
+input[type=range]::-ms-fill-upper {
+  background: #3071a9;
+}
+input[type=range]:focus::-ms-fill-upper {
+  background: #367ebd;
+}
 /* Style for patterns */
 @import './svg-freesewing-draft.css';