81 lines
3.2 KiB
JavaScript
81 lines
3.2 KiB
JavaScript
|
import { measurementAsMm, formatFraction128 } from 'shared/utils.mjs'
|
||
|
|
import { materialPlugin } from 'shared/plugins/plugin-layout-part.mjs'
|
||
|
|
import { cutLayoutPlugin } from 'shared/plugins/plugin-cut-layout.mjs'
|
||
|
|
import { pluginAnnotations } from '@freesewing/plugin-annotations'
|
||
|
|
import { round } from 'shared/utils'
|
||
|
|
import get from 'lodash.get'
|
||
|
|
|
||
|
|
export const activeMaterialPath = ['cutting', 'activeMaterial']
|
||
|
|
export const materialSettingsPath = ['cutting', 'materials']
|
||
|
|
|
||
|
|
export const useMaterialLength = (isImperial, height, format = 'none') => {
|
||
|
|
// regular conversion from mm to inches or cm
|
||
|
|
const unit = isImperial ? 25.4 : 10
|
||
|
|
// conversion from inches or cm to yards or meters
|
||
|
|
const materialUnit = isImperial ? 36 : 100
|
||
|
|
// for material, these divisions are granular enough
|
||
|
|
const rounder = isImperial ? 16 : 10
|
||
|
|
|
||
|
|
// we convert the used material height to the right units so we can round it
|
||
|
|
const inMaterialUnits = height / (materialUnit * unit)
|
||
|
|
// we multiply it by the rounder, round it up, then divide by the rounder again to get the rounded amount
|
||
|
|
const roundCount = Math.ceil(rounder * inMaterialUnits) / rounder
|
||
|
|
// format as a fraction for imperial, a decimal for metric
|
||
|
|
const count = isImperial ? formatFraction128(roundCount, format) : round(roundCount, 1)
|
||
|
|
|
||
|
|
return `${count}${isImperial ? 'yds' : 'm'}`
|
||
|
|
}
|
||
|
|
|
||
|
|
export const materialSettingsOrDefault = (units, ui, material) => {
|
||
|
|
const isImperial = units === 'imperial'
|
||
|
|
const sheetHeight = measurementAsMm(isImperial ? 36 : 100, units)
|
||
|
|
const uiSettings = get(ui, [...materialSettingsPath, material], {})
|
||
|
|
const sheetWidth = uiSettings.sheetWidth || measurementAsMm(isImperial ? 54 : 120, units)
|
||
|
|
const grainDirection = uiSettings.grainDirection === undefined ? 90 : uiSettings.grainDirection
|
||
|
|
|
||
|
|
return { activeMaterial: material, sheetWidth, grainDirection, sheetHeight }
|
||
|
|
}
|
||
|
|
|
||
|
|
export const useMaterialSettings = ({ ui }) => {
|
||
|
|
const activeMaterial = get(ui, activeMaterialPath, 'fabric')
|
||
|
|
return {
|
||
|
|
activeMaterial,
|
||
|
|
...get(ui, [...materialSettingsPath, activeMaterial]),
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export const useMaterialDraft = ({ settings, ui, Design, materialSettings }) => {
|
||
|
|
// get the appropriate layout for the view
|
||
|
|
const layout = get(ui, ['layouts', 'cut', materialSettings.activeMaterial], true)
|
||
|
|
// hand it separately to the design
|
||
|
|
const pattern = new Design({ ...settings, layout })
|
||
|
|
|
||
|
|
materialSettings = materialSettingsOrDefault(settings.units, ui, materialSettings.activeMaterial)
|
||
|
|
const layoutSettings = {
|
||
|
|
sheetWidth: materialSettings.sheetWidth,
|
||
|
|
sheetHeight: materialSettings.sheetHeight,
|
||
|
|
}
|
||
|
|
|
||
|
|
let renderProps
|
||
|
|
try {
|
||
|
|
// add the material plugin to the draft
|
||
|
|
pattern.use(materialPlugin(layoutSettings))
|
||
|
|
// add the cutLayout plugin
|
||
|
|
pattern.use(cutLayoutPlugin(materialSettings.activeMaterial, materialSettings.grainDirection))
|
||
|
|
// also, pluginAnnotations and pluginFlip are needed
|
||
|
|
pattern.use(pluginAnnotations)
|
||
|
|
|
||
|
|
// draft the pattern
|
||
|
|
pattern.draft()
|
||
|
|
renderProps = pattern.getRenderProps()
|
||
|
|
} catch (err) {
|
||
|
|
console.log(err)
|
||
|
|
}
|
||
|
|
|
||
|
|
return { pattern, renderProps }
|
||
|
|
}
|
||
|
|
|
||
|
|
export const useMaterialList = (pattern) => {
|
||
|
|
return pattern.setStores[0].cutlist.getCutFabrics(pattern.settings[0])
|
||
|
|
}
|