word boundary matching and translations

docs/Properties.md

@@ -146,6 +146,8 @@
 | ` text-shadow ` | `textschatten` |
 | ` text-transform ` | `textumformung` |
 | ` top ` | `oben` |
+| ` transform ` | `umformung` |
+| ` transform-origin ` | `umformungsursprung` |
 | ` transition-delay ` | `übergangsverzögerung` |
 | ` transition-duration ` | `übergangsdauer` |
 | ` transition-property ` | `übergangseigenschaft` |

docs/Values.md

@@ -4,21 +4,46 @@
 | ` absolute ` | `absolut` |
 | ` auto ` | `automatisch` |
 | ` bold ` | `fett` |
+| ` both ` | `beide` |
+| ` bottom ` | `unten` |
+| ` center ` | `zentriert` |
 | ` fixed ` | `fixiert` |
 | ` hidden ` | `versteckt` |
 | ` inherit ` | `erben` |
 | ` initial ` | `initial` |
 | ` italic ` | `kursiv` |
 | ` left ` | `links` |
+| ` matrix3d ` | `matrix3d` |
+| ` matrix ` | `matrix` |
 | ` no-repeat ` | `nicht-wiederholen` |
 | ` none ` | `keines` |
+| ` perspective ` | `perspektivisch` |
 | ` relative ` | `relativ` |
 | ` repeat-x ` | `wiederholen-x` |
 | ` repeat-y ` | `wiederholen-y` |
 | ` repeat ` | `wiederholen` |
+| ` rotate3d ` | `drehen3d` |
+| ` rotateX ` | `drehenX` |
+| ` rotateY ` | `drehenY` |
+| ` rotateZ ` | `drehenZ` |
+| ` rotate ` | `drehen` |
 | ` right ` | `rechts` |
+| ` scale3d ` | `skalieren3d` |
+| ` scaleX ` | `skalierenX` |
+| ` scaleY ` | `skalierenY` |
+| ` scaleZ ` | `skalierenZ` |
+| ` scale ` | `skalieren` |
+| ` skewX ` | `krümmenX` |
+| ` skewY ` | `krümmenY` |
+| ` skew ` | `krümmen` |
 | ` solid ` | `durchgezogen` |
 | ` static ` | `statisch` |
+| ` top ` | `oben` |
+| ` translate3d ` | `verschieben3d` |
+| ` translateX ` | `verschiebenX` |
+| ` translateY ` | `verschiebenY` |
+| ` translateZ ` | `verschiebenZ` |
+| ` translate ` | `verschieben` |
 | ` unset ` | `aufheben` |
 | ` aliceblue ` | `eisfarben` |
 | ` antiquewhite ` | `antikweiß` |

src/index.js

@@ -20,7 +20,9 @@ export default postcss.plugin('postcss-german-stylesheets', (opts) => {
        * Convert Values
        */
       Object.keys(values).forEach((value) => {
-        decl.value = decl.value.replace(values[value], value)
+        decl.value = decl.value.replace(new RegExp(`\\b${values[value]}\\b`), value)
+        // word boundary matching doesn't catch words with 'ß', use old method
+        if (decl.value.indexOf('ß') > -1) decl.value = decl.value.replace(values[value], value)
       })
 
       /**

src/properties.js

@@ -144,6 +144,8 @@ export default {
   'text-shadow': 'textschatten',
   'text-transform': 'textumformung',
   'top': 'oben',
+  'transform': 'umformung',
+  'transform-origin': 'umformungsursprung',
   'transition-delay': 'übergangsverzögerung',
   'transition-duration': 'übergangsdauer',
   'transition-property': 'übergangseigenschaft',

src/values.js

@@ -2,21 +2,46 @@ export default {
   'absolute': 'absolut',
   'auto': 'automatisch',
   'bold': 'fett',
+  'both': 'beide',
+  'bottom': 'unten',
+  'center': 'zentriert',
   'fixed': 'fixiert',
   'hidden': 'versteckt',
   'inherit': 'erben',
   'initial': 'initial',
   'italic': 'kursiv',
   'left': 'links',
+  'matrix3d': 'matrix3d',
+  'matrix': 'matrix',
   'no-repeat': 'nicht-wiederholen',
   'none': 'keines',
+  'perspective': 'perspektivisch',
   'relative': 'relativ',
   'repeat-x': 'wiederholen-x',
   'repeat-y': 'wiederholen-y',
   'repeat': 'wiederholen',
+  'rotate3d': 'drehen3d',
+  'rotateX': 'drehenX',
+  'rotateY': 'drehenY',
+  'rotateZ': 'drehenZ',
+  'rotate': 'drehen',
   'right': 'rechts',
+  'scale3d': 'skalieren3d',
+  'scaleX': 'skalierenX',
+  'scaleY': 'skalierenY',
+  'scaleZ': 'skalierenZ',
+  'scale': 'skalieren',
+  'skewX': 'krümmenX',
+  'skewY': 'krümmenY',
+  'skew': 'krümmen',
   'solid': 'durchgezogen',
   'static': 'statisch',
+  'top': 'oben',
+  'translate3d': 'verschieben3d',
+  'translateX': 'verschiebenX',
+  'translateY': 'verschiebenY',
+  'translateZ': 'verschiebenZ',
+  'translate': 'verschieben',
   'unset': 'aufheben',
 
   /**

test/plugin.spec.js

@@ -54,4 +54,34 @@ describe('postcss-german-stylesheets', () => {
       done
     )
   })
+
+  // Test Brackets
+  it('converts verschieben(12px, 50%) to translate(12px, 50%)', (done) => {
+    run(
+      'a{ umformung: verschieben(12px, 50%); }',
+      'a{ transform: translate(12px, 50%); }',
+      {},
+      done
+    )
+  })
+
+  // Test not to break urls
+  it('converts url("../images/background.png") to url("../images/background.png")', (done) => {
+    run(
+      'a{ hintergrund: url("../images/background.png"); }',
+      'a{ background: url("../images/background.png"); }',
+      {},
+      done
+    )
+  })
+
+  // Test Multiple Values
+  it('converts hintergrundposition: oben links to background-position: top left', (done) => {
+    run(
+      'a{ hintergrundposition: oben links; }',
+      'a{ background-position: top left; }',
+      {},
+      done
+    )
+  })
 })