chore(plugin-theme): Ported to v3

plugins/plugin-theme/src/css.mjs

@@ -35,8 +35,7 @@ svg.freesewing path.sample-focus {
   stroke-width: 1.5; fill: rgba(0,0,0,0.1)
 }`
 
-
-const round = value => Math.round(value * 1e2) / 1e2
+const round = (value) => Math.round(value * 1e2) / 1e2
 
 const colors = {
   fabric: '#212121',
@@ -46,7 +45,7 @@ const colors = {
   various: '#ef4444',
   note: '#8b5cf6',
   mark: '#3b82f6',
-  contrast: '#ec4899'
+  contrast: '#ec4899',
 }
 
 /**
@@ -230,4 +229,4 @@ export const buildStylesheet = (scale, stripped) => `
     stroke: #fd7e14;
     stroke-linecap: butt;
   }
-`;
+`

plugins/plugin-theme/src/index.mjs

@@ -17,7 +17,7 @@ const grid = {
   <path class="gridline" d="M 12.7 0 L 12.7 25.4 M 0 12.7 L 25.4 12.7" />
   <path class="gridline-sm" d="M 3.175 0 L 3.175 25.4 M 6.32 0 L 6.35 25.4 M 9.525 0 L 9.525 25.4 M 15.875 0 L 15.875 25.4 M 19.05 0 L 19.05 25.4 M 22.225 0 L 22.225 25.4" />
   <path class="gridline-sm" d="M 0 3.175 L 25.4 3.175 M 0 6.32 L 25.4 6.35 M 0 9.525 L 25.4 9.525 M 0 15.875 L 25.4 15.875 M 0 19.05 L 25.4 19.05 M 0 22.225 L 25.4 22.225" />
-</pattern>`
+</pattern>`,
 }
 
 export const plugin = {
@@ -63,4 +63,3 @@ export const plugin = {
 // More specifically named exports
 export const themePlugin = plugin
 export const pluginTheme = plugin
-

plugins/plugin-theme/tests/plugin.test.mjs

@@ -6,27 +6,26 @@ const expect = chai.expect
 
 describe('Theme Plugin Tests', () => {
   const Pattern = new Design()
-  const pattern = new Pattern().use(plugin)
-  pattern.apply({ paperless: true })
+  const pattern = new Pattern({ paperless: true }).use(plugin)
   pattern.draft().render()
 
-  it("Should load base CSS", () => {
+  it('Should load base CSS', () => {
     expect(pattern.svg.style).to.contain('svg.freesewing')
   })
 
-  it("Should load the metric grid for paperless", () => {
+  it('Should load the metric grid for paperless', () => {
     expect(pattern.svg.defs).to.contain('gridline-xs')
     expect(pattern.svg.defs).to.contain('M 10 0 L 10 100 M 20 0 L 20')
-  });
+  })
 
-  it("Should load the imperial grid for paperless", () => {
-    pattern.apply({ units: 'imperial' })
+  it('Should load the imperial grid for paperless', () => {
+    const pattern = new Pattern({ paperless: true, units: 'imperial' }).use(plugin)
     pattern.draft().render()
     expect(pattern.svg.defs).to.contain('gridline-sm')
     expect(pattern.svg.defs).to.contain('M 12.7 0 L 12.7')
-  });
+  })
 
-  it("Should apply scale.", () => {
+  it('Should apply scale.', () => {
     expect(pattern.svg.style).to.contain('svg.freesewing .text-xxl {\n    font-size: 12px')
 
     pattern.settings.scale = 2
@@ -35,7 +34,7 @@ describe('Theme Plugin Tests', () => {
     expect(pattern.svg.style).to.contain('svg.freesewing .text-xxl {\n    font-size: 24px;')
   })
 
-  it("Should round after applying scale.", () => {
+  it('Should round after applying scale.', () => {
     pattern.settings.scale = 1 / 3
     pattern.draft().render()
 

plugins/plugin-theme/tests/shared.test.mjs

@@ -4,4 +4,3 @@ import { sharedPluginTests } from '../../../tests/plugins/shared.mjs'
 
 // Run shared tests
 sharedPluginTests(plugin)
-