feat: encode Gcode parameter values where possible

pedrolamas · pedrolamas · commit b153b64eaceb · 2024-12-10T17:54:15.000Z
Signed-off-by: Pedro Lamas &lt;pedrolamas@gmail.com&gt;
diff --git a/src/components/layout/AppBar.vue b/src/components/layout/AppBar.vue
@@ -184,6 +184,7 @@ import BrowserMixin from '@/mixins/browser'
 import { SocketActions } from '@/api/socketActions'
 import type { OutputPin } from '@/store/printer/types'
 import type { Device } from '@/store/power/types'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({
   components: {
@@ -390,7 +391,7 @@ export default class AppBar extends Mixins(StateMixin, ServicesMixin, FilesMixin
 
         case 'klipper': {
           const value = (device.value !== 0) ? 0 : device.scale
-          this.sendGcode(`SET_PIN PIN=${device.name} VALUE=${value}`, `${this.$waits.onSetOutputPin}${device.name}`)
+          this.sendGcode(`SET_PIN PIN=${encodeGcodeParamValue(device.name)} VALUE=${value}`, `${this.$waits.onSetOutputPin}${device.name}`)
           break
         }
       }
diff --git a/src/components/widgets/beacon/BeaconCard.vue b/src/components/widgets/beacon/BeaconCard.vue
@@ -140,6 +140,7 @@ import SaveModelDialog from './SaveModelDialog.vue'
 import StateMixin from '@/mixins/state'
 import ToolheadMixin from '@/mixins/toolhead'
 import type { BeaconModel, BeaconState } from '@/store/printer/types'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({
   components: {
@@ -173,12 +174,12 @@ export default class BeaconCard extends Mixins(StateMixin, ToolheadMixin) {
     )
 
     if (result) {
-      this.sendGcode(`BEACON_MODEL_SELECT NAME="${name}"`)
+      this.sendGcode(`BEACON_MODEL_SELECT NAME=${encodeGcodeParamValue(name)}`)
     }
   }
 
   removeModel (name: string) {
-    this.sendGcode(`BEACON_MODEL_REMOVE NAME="${name}"`)
+    this.sendGcode(`BEACON_MODEL_REMOVE NAME=${encodeGcodeParamValue(name)}`)
   }
 
   calibrate () {
@@ -194,10 +195,10 @@ export default class BeaconCard extends Mixins(StateMixin, ToolheadMixin) {
 
   handleModelSave (config: { name: string; removeDefault: boolean }) {
     if (config.name !== this.beacon.model) {
-      this.sendGcode(`BEACON_MODEL_SAVE NAME="${config.name}"`)
+      this.sendGcode(`BEACON_MODEL_SAVE NAME=${encodeGcodeParamValue(config.name)}`)
     }
-    if (config.removeDefault) {
-      this.sendGcode(`BEACON_MODEL_REMOVE NAME="${this.beacon.model}"`)
+    if (config.removeDefault && this.beacon.model) {
+      this.sendGcode(`BEACON_MODEL_REMOVE NAME=${encodeGcodeParamValue(this.beacon.model)}`)
     }
   }
 }
diff --git a/src/components/widgets/bedmesh/BedMeshControls.vue b/src/components/widgets/bedmesh/BedMeshControls.vue
@@ -278,6 +278,7 @@ import type {
   MatrixType,
   BedMeshProfileListEntry
 } from '@/store/mesh/types'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({
   components: {
@@ -386,20 +387,20 @@ export default class BedMesh extends Mixins(StateMixin, ToolheadMixin) {
     )
 
     if (result) {
-      this.sendGcode(`BED_MESH_PROFILE LOAD="${name}"`)
+      this.sendGcode(`BED_MESH_PROFILE LOAD=${encodeGcodeParamValue(name)}`)
     }
   }
 
   removeProfile (name: string) {
-    this.sendGcode(`BED_MESH_PROFILE REMOVE="${name}"`)
+    this.sendGcode(`BED_MESH_PROFILE REMOVE=${encodeGcodeParamValue(name)}`)
   }
 
   handleMeshSave (config: { name: string; removeDefault: boolean }) {
     if (config.name !== this.currentMesh.profile_name) {
-      this.sendGcode(`BED_MESH_PROFILE SAVE="${config.name}"`)
+      this.sendGcode(`BED_MESH_PROFILE SAVE=${encodeGcodeParamValue(config.name)}`)
     }
     if (config.removeDefault) {
-      this.sendGcode(`BED_MESH_PROFILE REMOVE="${this.currentMesh.profile_name}"`)
+      this.sendGcode(`BED_MESH_PROFILE REMOVE=${encodeGcodeParamValue(this.currentMesh.profile_name)}`)
     }
   }
 
diff --git a/src/components/widgets/exclude-objects/ExcludeObjectsDialog.vue b/src/components/widgets/exclude-objects/ExcludeObjectsDialog.vue
@@ -45,6 +45,7 @@
 <script lang="ts">
 import { Component, Mixins, VModel } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class ExcludeObjectDialog extends Mixins(StateMixin) {
@@ -73,7 +74,7 @@ export default class ExcludeObjectDialog extends Mixins(StateMixin) {
     if (result) {
       const reqId = name.toUpperCase().replace(/\s/g, '_')
 
-      this.sendGcode(`EXCLUDE_OBJECT NAME=${reqId}`)
+      this.sendGcode(`EXCLUDE_OBJECT NAME=${encodeGcodeParamValue(reqId)}`)
     }
   }
 }
diff --git a/src/components/widgets/gcode-preview/GcodePreviewCard.vue b/src/components/widgets/gcode-preview/GcodePreviewCard.vue
@@ -150,6 +150,7 @@ import type { AppFile } from '@/store/files/types'
 import type { MinMax } from '@/store/gcodePreview/types'
 import { getFileDataTransferDataFromDataTransfer, hasFileDataTransferTypeInDataTransfer } from '@/util/file-data-transfer'
 import consola from 'consola'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({
   components: {
@@ -399,7 +400,7 @@ export default class GcodePreviewCard extends Mixins(StateMixin, FilesMixin, Bro
     if (result) {
       const reqId = id.toUpperCase().replace(/\s/g, '_')
 
-      this.sendGcode(`EXCLUDE_OBJECT NAME=${reqId}`)
+      this.sendGcode(`EXCLUDE_OBJECT NAME=${encodeGcodeParamValue(reqId)}`)
     }
   }
 
diff --git a/src/components/widgets/macros/MacroBtn.vue b/src/components/widgets/macros/MacroBtn.vue
@@ -89,7 +89,7 @@ import { Component, Prop, Mixins } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import type { Macro } from '@/store/macros/types'
 import gcodeMacroParams from '@/util/gcode-macro-params'
-import { gcodeCommandBuilder, isBasicGcodeCommand, getParamNameForRawGcodeCommand } from '@/util/gcode-command-builder'
+import { gcodeCommandBuilder, isBasicGcodeCommand, getParamNameForRawGcodeCommand } from '@/util/gcode-helpers'
 
 type MacroParameter = {
   value: string | number
diff --git a/src/components/widgets/outputs/OutputFan.vue b/src/components/widgets/outputs/OutputFan.vue
@@ -43,6 +43,7 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import type { Fan } from '@/store/printer/types'
 import StateMixin from '@/mixins/state'
 import BrowserMixin from '@/mixins/browser'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class OutputFan extends Mixins(StateMixin, BrowserMixin) {
@@ -69,7 +70,7 @@ export default class OutputFan extends Mixins(StateMixin, BrowserMixin) {
     }
     if (this.fan.type === 'fan_generic') {
       target = target / 100
-      this.sendGcode(`SET_FAN_SPEED FAN=${this.fan.name} SPEED=${target}`, `${this.$waits.onSetFanSpeed}${this.fan.name}`)
+      this.sendGcode(`SET_FAN_SPEED FAN=${encodeGcodeParamValue(this.fan.name)} SPEED=${target}`, `${this.$waits.onSetFanSpeed}${this.fan.name}`)
     }
   }
 
diff --git a/src/components/widgets/outputs/OutputLed.vue b/src/components/widgets/outputs/OutputLed.vue
@@ -29,6 +29,7 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import { IroColor } from '@irojs/iro-core'
 import StateMixin from '@/mixins/state'
 import type { Led } from '@/store/printer/types'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 type Rgbw = {
   r: number,
@@ -132,7 +133,7 @@ export default class OutputLed extends Mixins(StateMixin) {
       .map(channel => ` ${this.channelLookup[channel]}=${Math.round(color[channel] * 1000 / 255) / 1000}`)
       .join('')
 
-    this.sendGcode(`SET_LED LED=${this.led.name}${colorsString}`)
+    this.sendGcode(`SET_LED LED=${encodeGcodeParamValue(this.led.name)}${colorsString}`)
   }
 }
 </script>
diff --git a/src/components/widgets/outputs/OutputPin.vue b/src/components/widgets/outputs/OutputPin.vue
@@ -30,6 +30,7 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import BrowserMixin from '@/mixins/browser'
 import type { OutputPin as IOutputPin } from '@/store/printer/types'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class OutputPin extends Mixins(StateMixin, BrowserMixin) {
@@ -67,7 +68,7 @@ export default class OutputPin extends Mixins(StateMixin, BrowserMixin) {
       target = Math.round(target * this.pin.scale) / 100
     }
 
-    this.sendGcode(`SET_PIN PIN=${this.pin.name} VALUE=${target}`, `${this.$waits.onSetOutputPin}${this.pin.name}`)
+    this.sendGcode(`SET_PIN PIN=${encodeGcodeParamValue(this.pin.name)} VALUE=${target}`, `${this.$waits.onSetOutputPin}${this.pin.name}`)
   }
 }
 </script>
diff --git a/src/components/widgets/runout-sensors/RunoutSensorsCard.vue b/src/components/widgets/runout-sensors/RunoutSensorsCard.vue
@@ -55,6 +55,7 @@
 import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import type { RunoutSensor } from '@/store/printer/types'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class RunoutSensorsCard extends Mixins(StateMixin) {
@@ -66,7 +67,7 @@ export default class RunoutSensorsCard extends Mixins(StateMixin) {
   }
 
   changeSensor (item: RunoutSensor, value: boolean) {
-    this.sendGcode(`SET_FILAMENT_SENSOR SENSOR=${item.name} ENABLE=${+value}`)
+    this.sendGcode(`SET_FILAMENT_SENSOR SENSOR=${encodeGcodeParamValue(item.name)} ENABLE=${+value}`)
   }
 }
 </script>
diff --git a/src/components/widgets/status/PauseAtLayerDialog.vue b/src/components/widgets/status/PauseAtLayerDialog.vue
@@ -81,6 +81,7 @@
 <script lang="ts">
 import StateMixin from '@/mixins/state'
 import type { Macro } from '@/store/macros/types'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 import { Component, VModel, Mixins } from 'vue-property-decorator'
 
 type PauseNextLayer = {
@@ -144,15 +145,15 @@ export default class PauseAtLayerDialog extends Mixins(StateMixin) {
 
     if (this.setPauseNextLayerMacro) {
       if (this.pauseNextLayer.enable) {
-        gcodes.push(`SET_PAUSE_NEXT_LAYER ENABLE=1 MACRO="${this.pauseNextLayer.call}"`)
+        gcodes.push(`SET_PAUSE_NEXT_LAYER ENABLE=1 MACRO=${encodeGcodeParamValue(this.pauseNextLayer.call)}`)
       } else {
         gcodes.push('SET_PAUSE_NEXT_LAYER ENABLE=0')
       }
     }
 
     if (this.setPauseAtLayerMacro) {
       if (this.pauseAtLayer.enable) {
-        gcodes.push(`SET_PAUSE_AT_LAYER ENABLE=1 LAYER=${this.pauseAtLayer.layer} MACRO="${this.pauseAtLayer.call}"`)
+        gcodes.push(`SET_PAUSE_AT_LAYER ENABLE=1 LAYER=${this.pauseAtLayer.layer} MACRO=${encodeGcodeParamValue(this.pauseAtLayer.call)}`)
       } else {
         gcodes.push('SET_PAUSE_AT_LAYER ENABLE=0')
       }
diff --git a/src/components/widgets/thermals/TemperatureCard.vue b/src/components/widgets/thermals/TemperatureCard.vue
@@ -118,6 +118,7 @@ import TemperatureTargets from '@/components/widgets/thermals/TemperatureTargets
 import TemperaturePresetsMenu from './TemperaturePresetsMenu.vue'
 import type { TemperaturePreset } from '@/store/config/types'
 import type { ChartSelectedLegends } from '@/store/charts/types'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({
   components: {
@@ -214,10 +215,10 @@ export default class TemperatureCard extends Mixins(StateMixin, BrowserMixin) {
         for (const key in preset.values) {
           const item = preset.values[key]
           if (item.type === 'heater' && item.active && item.value > -1) {
-            this.sendGcode(`SET_HEATER_TEMPERATURE HEATER=${key} TARGET=${item.value}`)
+            this.sendGcode(`SET_HEATER_TEMPERATURE HEATER=${encodeGcodeParamValue(key)} TARGET=${item.value}`)
           }
           if (item.type === 'fan' && item.active && item.value > -1) {
-            this.sendGcode(`SET_TEMPERATURE_FAN_TARGET TEMPERATURE_FAN=${key} TARGET=${item.value}`)
+            this.sendGcode(`SET_TEMPERATURE_FAN_TARGET TEMPERATURE_FAN=${encodeGcodeParamValue(key)} TARGET=${item.value}`)
           }
         }
       }
diff --git a/src/components/widgets/thermals/TemperatureTargets.vue b/src/components/widgets/thermals/TemperatureTargets.vue
@@ -303,6 +303,7 @@ import StateMixin from '@/mixins/state'
 import type { Fan, Heater, Sensor } from '@/store/printer/types'
 import { takeRightWhile } from 'lodash-es'
 import type { ChartData, ChartSelectedLegends } from '@/store/charts/types'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({
   components: {
@@ -351,11 +352,11 @@ export default class TemperatureTargets extends Mixins(StateMixin) {
   }
 
   setHeaterTargetTemp (heater: string, target: number) {
-    this.sendGcode(`SET_HEATER_TEMPERATURE HEATER=${heater} TARGET=${target}`)
+    this.sendGcode(`SET_HEATER_TEMPERATURE HEATER=${encodeGcodeParamValue(heater)} TARGET=${target}`)
   }
 
   setFanTargetTemp (fan: string, target: number) {
-    this.sendGcode(`SET_TEMPERATURE_FAN_TARGET TEMPERATURE_FAN=${fan} TARGET=${target}`)
+    this.sendGcode(`SET_TEMPERATURE_FAN_TARGET TEMPERATURE_FAN=${encodeGcodeParamValue(fan)} TARGET=${target}`)
   }
 
   getRateOfChange (item: Heater | Sensor) {
diff --git a/src/components/widgets/toolhead/ExtruderSelection.vue b/src/components/widgets/toolhead/ExtruderSelection.vue
@@ -17,6 +17,7 @@
 <script lang="ts">
 import { Component, Mixins } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class ExtruderSelection extends Mixins(StateMixin) {
@@ -29,7 +30,7 @@ export default class ExtruderSelection extends Mixins(StateMixin) {
   }
 
   set extruder (extruder: string) {
-    this.sendGcode(`ACTIVATE_EXTRUDER EXTRUDER=${extruder}`, this.$waits.onExtruderChange)
+    this.sendGcode(`ACTIVATE_EXTRUDER EXTRUDER=${encodeGcodeParamValue(extruder)}`, this.$waits.onExtruderChange)
   }
 }
 </script>
diff --git a/src/components/widgets/toolhead/ExtruderStepperSync.vue b/src/components/widgets/toolhead/ExtruderStepperSync.vue
@@ -38,6 +38,7 @@
 import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import type { KnownExtruder, ExtruderStepper } from '@/store/printer/types'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class ExtruderStepperSync extends Mixins(StateMixin) {
@@ -49,11 +50,11 @@ export default class ExtruderStepperSync extends Mixins(StateMixin) {
   }
 
   sendSyncExtruderMotion (value: string | null) {
-    this.sendGcode(`SYNC_EXTRUDER_MOTION EXTRUDER=${this.extruderStepper.name} MOTION_QUEUE=${value ?? ''}`, `${this.$waits.onSyncExtruder}${this.extruderStepper.name}`)
+    this.sendGcode(`SYNC_EXTRUDER_MOTION EXTRUDER=${encodeGcodeParamValue(this.extruderStepper.name)} MOTION_QUEUE=${value ?? ''}`, `${this.$waits.onSyncExtruder}${this.extruderStepper.name}`)
   }
 
   sendSetStepperEnable (value: boolean) {
-    this.sendGcode(`SET_STEPPER_ENABLE STEPPER="${this.extruderStepper.key}" ENABLE=${+value}`, `${this.$waits.onStepperEnable}${this.extruderStepper.name}`)
+    this.sendGcode(`SET_STEPPER_ENABLE STEPPER=${encodeGcodeParamValue(this.extruderStepper.key)} ENABLE=${+value}`, `${this.$waits.onStepperEnable}${this.extruderStepper.name}`)
   }
 }
 </script>
diff --git a/src/components/widgets/toolhead/PressureAdvanceAdjust.vue b/src/components/widgets/toolhead/PressureAdvanceAdjust.vue
@@ -46,6 +46,7 @@ import StateMixin from '@/mixins/state'
 import ToolheadMixin from '@/mixins/toolhead'
 import BrowserMixin from '@/mixins/browser'
 import type { ExtruderStepper } from '@/store/printer/types'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class PressureAdvanceAdjust extends Mixins(StateMixin, ToolheadMixin, BrowserMixin) {
@@ -67,7 +68,7 @@ export default class PressureAdvanceAdjust extends Mixins(StateMixin, ToolheadMi
   sendSetPressureAdvance (arg: string, val: number) {
     if (this.extruderStepper) {
       const { name } = this.extruderStepper
-      this.sendGcode(`SET_PRESSURE_ADVANCE ${arg}=${val} EXTRUDER=${name}`, `${this.$waits.onSetPressureAdvance}${name}`)
+      this.sendGcode(`SET_PRESSURE_ADVANCE ${arg}=${val} EXTRUDER=${encodeGcodeParamValue(name)}`, `${this.$waits.onSetPressureAdvance}${name}`)
     } else {
       this.sendGcode(`SET_PRESSURE_ADVANCE ${arg}=${val}`, this.$waits.onSetPressureAdvance)
     }
diff --git a/src/components/widgets/toolhead/ToolheadControlBarsStepper.vue b/src/components/widgets/toolhead/ToolheadControlBarsStepper.vue
@@ -22,6 +22,7 @@
 import { Component, Mixins, Prop } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import type { Stepper } from '@/store/printer/types'
+import { encodeGcodeParamValue } from '@/util/gcode-helpers'
 
 @Component({})
 export default class ToolheadControlBarsStepper extends Mixins(StateMixin) {
@@ -49,7 +50,7 @@ export default class ToolheadControlBarsStepper extends Mixins(StateMixin) {
   }
 
   sendForceMoveGcode (distance: number) {
-    this.sendGcode(`FORCE_MOVE STEPPER="${this.stepper.key}" DISTANCE=${distance} VELOCITY=${this.rate} ACCEL=${this.accel}`)
+    this.sendGcode(`FORCE_MOVE STEPPER=${encodeGcodeParamValue(this.stepper.key)} DISTANCE=${distance} VELOCITY=${this.rate} ACCEL=${this.accel}`)
   }
 }
 </script>
diff --git a/src/util/__tests__/gcode-command-builder.spec.ts b/src/util/__tests__/gcode-command-builder.spec.ts
@@ -1,4 +1,4 @@
-import { gcodeCommandBuilder } from '../gcode-command-builder'
+import { gcodeCommandBuilder } from '../gcode-helpers'
 
 describe('gcodeCommandBuilder', () => {
   it.each([
diff --git a/src/util/gcode-helpers.ts b/src/util/gcode-helpers.ts

Original file line number	Diff line number	Diff line change
`@@ -184,6 +184,7 @@ import BrowserMixin from '@/mixins/browser'`
`184`	`184`	`import { SocketActions } from '@/api/socketActions'`
`185`	`185`	`import type { OutputPin } from '@/store/printer/types'`
`186`	`186`	`import type { Device } from '@/store/power/types'`
	`187`	`+import { encodeGcodeParamValue } from '@/util/gcode-helpers'`
`187`	`188`
`188`	`189`	`@Component({`
`189`	`190`	`components: {`
`@@ -390,7 +391,7 @@ export default class AppBar extends Mixins(StateMixin, ServicesMixin, FilesMixin`
`390`	`391`
`391`	`392`	`case 'klipper': {`
`392`	`393`	`const value = (device.value !== 0) ? 0 : device.scale`
`393`		- this.sendGcode(`SET_PIN PIN=${device.name} VALUE=${value}`, `${this.$waits.onSetOutputPin}${device.name}`)
	`394`	+ this.sendGcode(`SET_PIN PIN=${encodeGcodeParamValue(device.name)} VALUE=${value}`, `${this.$waits.onSetOutputPin}${device.name}`)
`394`	`395`	`break`
`395`	`396`	`}`
`396`	`397`	`}`
Original file line number	Diff line number	Diff line change
`@@ -140,6 +140,7 @@ import SaveModelDialog from './SaveModelDialog.vue'`
`140`	`140`	`import StateMixin from '@/mixins/state'`
`141`	`141`	`import ToolheadMixin from '@/mixins/toolhead'`
`142`	`142`	`import type { BeaconModel, BeaconState } from '@/store/printer/types'`
	`143`	`+import { encodeGcodeParamValue } from '@/util/gcode-helpers'`
`143`	`144`
`144`	`145`	`@Component({`
`145`	`146`	`components: {`
`@@ -173,12 +174,12 @@ export default class BeaconCard extends Mixins(StateMixin, ToolheadMixin) {`
`173`	`174`	`)`
`174`	`175`
`175`	`176`	`if (result) {`
`176`		- this.sendGcode(`BEACON_MODEL_SELECT NAME="${name}"`)
	`177`	+ this.sendGcode(`BEACON_MODEL_SELECT NAME=${encodeGcodeParamValue(name)}`)
`177`	`178`	`}`
`178`	`179`	`}`
`179`	`180`
`180`	`181`	`removeModel (name: string) {`
`181`		- this.sendGcode(`BEACON_MODEL_REMOVE NAME="${name}"`)
	`182`	+ this.sendGcode(`BEACON_MODEL_REMOVE NAME=${encodeGcodeParamValue(name)}`)
`182`	`183`	`}`
`183`	`184`
`184`	`185`	`calibrate () {`
`@@ -194,10 +195,10 @@ export default class BeaconCard extends Mixins(StateMixin, ToolheadMixin) {`
`194`	`195`
`195`	`196`	`handleModelSave (config: { name: string; removeDefault: boolean }) {`
`196`	`197`	`if (config.name !== this.beacon.model) {`
`197`		- this.sendGcode(`BEACON_MODEL_SAVE NAME="${config.name}"`)
	`198`	+ this.sendGcode(`BEACON_MODEL_SAVE NAME=${encodeGcodeParamValue(config.name)}`)
`198`	`199`	`}`
`199`		`- if (config.removeDefault) {`
`200`		- this.sendGcode(`BEACON_MODEL_REMOVE NAME="${this.beacon.model}"`)
	`200`	`+ if (config.removeDefault && this.beacon.model) {`
	`201`	+ this.sendGcode(`BEACON_MODEL_REMOVE NAME=${encodeGcodeParamValue(this.beacon.model)}`)
`201`	`202`	`}`
`202`	`203`	`}`
`203`	`204`	`}`
Original file line number	Diff line number	Diff line change
`@@ -278,6 +278,7 @@ import type {`
`278`	`278`	`MatrixType,`
`279`	`279`	`BedMeshProfileListEntry`
`280`	`280`	`} from '@/store/mesh/types'`
	`281`	`+import { encodeGcodeParamValue } from '@/util/gcode-helpers'`
`281`	`282`
`282`	`283`	`@Component({`
`283`	`284`	`components: {`
`@@ -386,20 +387,20 @@ export default class BedMesh extends Mixins(StateMixin, ToolheadMixin) {`
`386`	`387`	`)`
`387`	`388`
`388`	`389`	`if (result) {`
`389`		- this.sendGcode(`BED_MESH_PROFILE LOAD="${name}"`)
	`390`	+ this.sendGcode(`BED_MESH_PROFILE LOAD=${encodeGcodeParamValue(name)}`)
`390`	`391`	`}`
`391`	`392`	`}`
`392`	`393`
`393`	`394`	`removeProfile (name: string) {`
`394`		- this.sendGcode(`BED_MESH_PROFILE REMOVE="${name}"`)
	`395`	+ this.sendGcode(`BED_MESH_PROFILE REMOVE=${encodeGcodeParamValue(name)}`)
`395`	`396`	`}`
`396`	`397`
`397`	`398`	`handleMeshSave (config: { name: string; removeDefault: boolean }) {`
`398`	`399`	`if (config.name !== this.currentMesh.profile_name) {`
`399`		- this.sendGcode(`BED_MESH_PROFILE SAVE="${config.name}"`)
	`400`	+ this.sendGcode(`BED_MESH_PROFILE SAVE=${encodeGcodeParamValue(config.name)}`)
`400`	`401`	`}`
`401`	`402`	`if (config.removeDefault) {`
`402`		- this.sendGcode(`BED_MESH_PROFILE REMOVE="${this.currentMesh.profile_name}"`)
	`403`	+ this.sendGcode(`BED_MESH_PROFILE REMOVE=${encodeGcodeParamValue(this.currentMesh.profile_name)}`)
`403`	`404`	`}`
`404`	`405`	`}`
`405`	`406`
Original file line number	Diff line number	Diff line change
`@@ -45,6 +45,7 @@`
`45`	`45`	`<script lang="ts">`
`46`	`46`	`import { Component, Mixins, VModel } from 'vue-property-decorator'`
`47`	`47`	`import StateMixin from '@/mixins/state'`
	`48`	`+import { encodeGcodeParamValue } from '@/util/gcode-helpers'`
`48`	`49`
`49`	`50`	`@Component({})`
`50`	`51`	`export default class ExcludeObjectDialog extends Mixins(StateMixin) {`
`@@ -73,7 +74,7 @@ export default class ExcludeObjectDialog extends Mixins(StateMixin) {`
`73`	`74`	`if (result) {`
`74`	`75`	`const reqId = name.toUpperCase().replace(/\s/g, '_')`
`75`	`76`
`76`		- this.sendGcode(`EXCLUDE_OBJECT NAME=${reqId}`)
	`77`	+ this.sendGcode(`EXCLUDE_OBJECT NAME=${encodeGcodeParamValue(reqId)}`)
`77`	`78`	`}`
`78`	`79`	`}`
`79`	`80`	`}`
Original file line number	Diff line number	Diff line change
`@@ -150,6 +150,7 @@ import type { AppFile } from '@/store/files/types'`
`150`	`150`	`import type { MinMax } from '@/store/gcodePreview/types'`
`151`	`151`	`import { getFileDataTransferDataFromDataTransfer, hasFileDataTransferTypeInDataTransfer } from '@/util/file-data-transfer'`
`152`	`152`	`import consola from 'consola'`
	`153`	`+import { encodeGcodeParamValue } from '@/util/gcode-helpers'`
`153`	`154`
`154`	`155`	`@Component({`
`155`	`156`	`components: {`
`@@ -399,7 +400,7 @@ export default class GcodePreviewCard extends Mixins(StateMixin, FilesMixin, Bro`
`399`	`400`	`if (result) {`
`400`	`401`	`const reqId = id.toUpperCase().replace(/\s/g, '_')`
`401`	`402`
`402`		- this.sendGcode(`EXCLUDE_OBJECT NAME=${reqId}`)
	`403`	+ this.sendGcode(`EXCLUDE_OBJECT NAME=${encodeGcodeParamValue(reqId)}`)
`403`	`404`	`}`
`404`	`405`	`}`
`405`	`406`
Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,7 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'`
`43`	`43`	`import type { Fan } from '@/store/printer/types'`
`44`	`44`	`import StateMixin from '@/mixins/state'`
`45`	`45`	`import BrowserMixin from '@/mixins/browser'`
	`46`	`+import { encodeGcodeParamValue } from '@/util/gcode-helpers'`
`46`	`47`
`47`	`48`	`@Component({})`
`48`	`49`	`export default class OutputFan extends Mixins(StateMixin, BrowserMixin) {`
`@@ -69,7 +70,7 @@ export default class OutputFan extends Mixins(StateMixin, BrowserMixin) {`
`69`	`70`	`}`
`70`	`71`	`if (this.fan.type === 'fan_generic') {`
`71`	`72`	`target = target / 100`
`72`		- this.sendGcode(`SET_FAN_SPEED FAN=${this.fan.name} SPEED=${target}`, `${this.$waits.onSetFanSpeed}${this.fan.name}`)
	`73`	+ this.sendGcode(`SET_FAN_SPEED FAN=${encodeGcodeParamValue(this.fan.name)} SPEED=${target}`, `${this.$waits.onSetFanSpeed}${this.fan.name}`)
`73`	`74`	`}`
`74`	`75`	`}`
`75`	`76`
Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,7 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'`
`29`	`29`	`import { IroColor } from '@irojs/iro-core'`
`30`	`30`	`import StateMixin from '@/mixins/state'`
`31`	`31`	`import type { Led } from '@/store/printer/types'`
	`32`	`+import { encodeGcodeParamValue } from '@/util/gcode-helpers'`
`32`	`33`
`33`	`34`	`type Rgbw = {`
`34`	`35`	`r: number,`
`@@ -132,7 +133,7 @@ export default class OutputLed extends Mixins(StateMixin) {`
`132`	`133`	.map(channel => ` ${this.channelLookup[channel]}=${Math.round(color[channel] * 1000 / 255) / 1000}`)
`133`	`134`	`.join('')`
`134`	`135`
`135`		- this.sendGcode(`SET_LED LED=${this.led.name}${colorsString}`)
	`136`	+ this.sendGcode(`SET_LED LED=${encodeGcodeParamValue(this.led.name)}${colorsString}`)
`136`	`137`	`}`
`137`	`138`	`}`
`138`	`139`	`</script>`
Original file line number	Diff line number	Diff line change
`@@ -30,6 +30,7 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'`
`30`	`30`	`import StateMixin from '@/mixins/state'`
`31`	`31`	`import BrowserMixin from '@/mixins/browser'`
`32`	`32`	`import type { OutputPin as IOutputPin } from '@/store/printer/types'`
	`33`	`+import { encodeGcodeParamValue } from '@/util/gcode-helpers'`
`33`	`34`
`34`	`35`	`@Component({})`
`35`	`36`	`export default class OutputPin extends Mixins(StateMixin, BrowserMixin) {`
`@@ -67,7 +68,7 @@ export default class OutputPin extends Mixins(StateMixin, BrowserMixin) {`
`67`	`68`	`target = Math.round(target * this.pin.scale) / 100`
`68`	`69`	`}`
`69`	`70`
`70`		- this.sendGcode(`SET_PIN PIN=${this.pin.name} VALUE=${target}`, `${this.$waits.onSetOutputPin}${this.pin.name}`)
	`71`	+ this.sendGcode(`SET_PIN PIN=${encodeGcodeParamValue(this.pin.name)} VALUE=${target}`, `${this.$waits.onSetOutputPin}${this.pin.name}`)
`71`	`72`	`}`
`72`	`73`	`}`
`73`	`74`	`</script>`
Original file line number	Diff line number	Diff line change
`@@ -55,6 +55,7 @@`
`55`	`55`	`import { Component, Mixins, Prop } from 'vue-property-decorator'`
`56`	`56`	`import StateMixin from '@/mixins/state'`
`57`	`57`	`import type { RunoutSensor } from '@/store/printer/types'`
	`58`	`+import { encodeGcodeParamValue } from '@/util/gcode-helpers'`
`58`	`59`
`59`	`60`	`@Component({})`
`60`	`61`	`export default class RunoutSensorsCard extends Mixins(StateMixin) {`
`@@ -66,7 +67,7 @@ export default class RunoutSensorsCard extends Mixins(StateMixin) {`
`66`	`67`	`}`
`67`	`68`
`68`	`69`	`changeSensor (item: RunoutSensor, value: boolean) {`
`69`		- this.sendGcode(`SET_FILAMENT_SENSOR SENSOR=${item.name} ENABLE=${+value}`)
	`70`	+ this.sendGcode(`SET_FILAMENT_SENSOR SENSOR=${encodeGcodeParamValue(item.name)} ENABLE=${+value}`)
`70`	`71`	`}`
`71`	`72`	`}`
`72`	`73`	`</script>`