stylehacks 5.0.1 → 5.1.0

package/src/plugins/mediaSlash9.js

@@ -0,0 +1,27 @@
+'use strict';
+const BasePlugin = require('../plugin');
+const { IE_5_5, IE_6, IE_7 } = require('../dictionary/browsers');
+const { MEDIA_QUERY } = require('../dictionary/identifiers');
+const { ATRULE } = require('../dictionary/postcss');
+
+module.exports = class MediaSlash9 extends BasePlugin {
+  /** @param {import('postcss').Result} result */
+  constructor(result) {
+    super([IE_5_5, IE_6, IE_7], [ATRULE], result);
+  }
+
+  /**
+   * @param {import('postcss').AtRule} rule
+   * @return {void}
+   */
+  detect(rule) {
+    const params = rule.params.trim();
+
+    if (params.toLowerCase() === 'screen\\9') {
+      this.push(rule, {
+        identifier: MEDIA_QUERY,
+        hack: params,
+      });
+    }
+  }
+};

package/src/plugins/slash9.js

@@ -0,0 +1,26 @@
+'use strict';
+const BasePlugin = require('../plugin.js');
+const { IE_6, IE_7, IE_8 } = require('../dictionary/browsers');
+const { VALUE } = require('../dictionary/identifiers');
+const { DECL } = require('../dictionary/postcss');
+
+module.exports = class Slash9 extends BasePlugin {
+  /** @param {import('postcss').Result=} result */
+  constructor(result) {
+    super([IE_6, IE_7, IE_8], [DECL], result);
+  }
+
+  /**
+   * @param {import('postcss').Declaration} decl
+   * @return {void}
+   */
+  detect(decl) {
+    let v = decl.value;
+    if (v && v.length > 2 && v.indexOf('\\9') === v.length - 2) {
+      this.push(decl, {
+        identifier: VALUE,
+        hack: v,
+      });
+    }
+  }
+};

package/src/plugins/starHtml.js

@@ -0,0 +1,50 @@
+'use strict';
+const parser = require('postcss-selector-parser');
+const exists = require('../exists');
+const isMixin = require('../isMixin');
+const BasePlugin = require('../plugin');
+const { IE_5_5, IE_6 } = require('../dictionary/browsers');
+const { SELECTOR } = require('../dictionary/identifiers');
+const { RULE } = require('../dictionary/postcss');
+const { HTML } = require('../dictionary/tags');
+
+module.exports = class StarHtml extends BasePlugin {
+  /** @param {import('postcss').Result=} result */
+  constructor(result) {
+    super([IE_5_5, IE_6], [RULE], result);
+  }
+
+  /**
+   * @param {import('postcss').Rule} rule
+   * @return {void}
+   */
+  detect(rule) {
+    if (isMixin(rule)) {
+      return;
+    }
+    parser(this.analyse(rule)).processSync(rule.selector);
+  }
+
+  /**
+   * @param {import('postcss').Rule} rule
+   * @return {parser.SyncProcessor<void>}
+   */
+  analyse(rule) {
+    return (selectors) => {
+      selectors.each((selector) => {
+        if (
+          exists(selector, 0, '*') &&
+          exists(selector, 1, ' ') &&
+          exists(selector, 2, HTML) &&
+          exists(selector, 3, ' ') &&
+          selector.at(4)
+        ) {
+          this.push(rule, {
+            identifier: SELECTOR,
+            hack: selector.toString(),
+          });
+        }
+      });
+    };
+  }
+};

package/src/plugins/trailingSlashComma.js

@@ -0,0 +1,36 @@
+'use strict';
+const BasePlugin = require('../plugin');
+const isMixin = require('../isMixin');
+const { IE_5_5, IE_6, IE_7 } = require('../dictionary/browsers');
+const { SELECTOR } = require('../dictionary/identifiers');
+const { RULE } = require('../dictionary/postcss');
+
+module.exports = class TrailingSlashComma extends BasePlugin {
+  /** @param {import('postcss').Result=} result */
+  constructor(result) {
+    super([IE_5_5, IE_6, IE_7], [RULE], result);
+  }
+
+  /**
+   * @param {import('postcss').Rule} rule
+   * @return {void}
+   */
+  detect(rule) {
+    if (isMixin(rule)) {
+      return;
+    }
+
+    const { selector } = rule;
+    const trim = selector.trim();
+
+    if (
+      trim.lastIndexOf(',') === selector.length - 1 ||
+      trim.lastIndexOf('\\') === selector.length - 1
+    ) {
+      this.push(rule, {
+        identifier: SELECTOR,
+        hack: selector,
+      });
+    }
+  }
+};

package/types/dictionary/browsers.d.ts

@@ -0,0 +1,6 @@
+export const FF_2: "firefox 2";
+export const IE_5_5: "ie 5.5";
+export const IE_6: "ie 6";
+export const IE_7: "ie 7";
+export const IE_8: "ie 8";
+export const OP_9: "opera 9";

package/types/dictionary/identifiers.d.ts

@@ -0,0 +1,4 @@
+export const MEDIA_QUERY: "media query";
+export const PROPERTY: "property";
+export const SELECTOR: "selector";
+export const VALUE: "value";

package/types/dictionary/postcss.d.ts

@@ -0,0 +1,3 @@
+export const ATRULE: "atrule";
+export const DECL: "decl";
+export const RULE: "rule";

package/types/dictionary/tags.d.ts

@@ -0,0 +1,2 @@
+export const BODY: "body";
+export const HTML: "html";

package/types/exists.d.ts

@@ -0,0 +1,2 @@
+declare function _exports(selector: import('postcss-selector-parser').Selector, index: number, value: string): boolean | undefined | '';
+export = _exports;

package/types/index.d.ts

@@ -0,0 +1,16 @@
+export = pluginCreator;
+/** @typedef {{lint?: boolean}} Options */
+/**
+ * @type {import('postcss').PluginCreator<Options>}
+ * @param {Options} opts
+ * @return {import('postcss').Plugin}
+ */
+declare function pluginCreator(opts?: Options): import('postcss').Plugin;
+declare namespace pluginCreator {
+    export { detect, postcss, Options };
+}
+type Options = {
+    lint?: boolean;
+};
+declare function detect(node: import('postcss').Node): boolean;
+declare var postcss: true;

package/types/isMixin.d.ts

@@ -0,0 +1,2 @@
+declare function _exports(node: import('postcss').Rule): boolean;
+export = _exports;

package/types/plugin.d.ts

@@ -0,0 +1,60 @@
+export = BasePlugin;
+declare class BasePlugin {
+    /**
+     * @param {string[]} targets
+     * @param {string[]} nodeTypes
+     * @param {import('postcss').Result=} result
+     */
+    constructor(targets: string[], nodeTypes: string[], result?: import('postcss').Result | undefined);
+    /** @type {NodeWithInfo[]} */
+    nodes: NodeWithInfo[];
+    targets: Set<string>;
+    nodeTypes: Set<string>;
+    result: import("postcss").Result | undefined;
+    /**
+     * @param {import('postcss').Node} node
+     * @param {{identifier: string, hack: string}} metadata
+     * @return {void}
+     */
+    push(node: import('postcss').Node, metadata: {
+        identifier: string;
+        hack: string;
+    }): void;
+    /**
+     * @param {import('postcss').Node} node
+     * @return {boolean}
+     */
+    any(node: import('postcss').Node): boolean;
+    /**
+     * @param {import('postcss').Node} node
+     * @return {void}
+     */
+    detectAndResolve(node: import('postcss').Node): void;
+    /**
+     * @param {import('postcss').Node} node
+     * @return {void}
+     */
+    detectAndWarn(node: import('postcss').Node): void;
+    /** @param {import('postcss').Node} node */
+    detect(node: import('postcss').Node): void;
+    /** @return {void} */
+    resolve(): void;
+    warn(): void;
+}
+declare namespace BasePlugin {
+    export { Plugin, NodeWithInfo };
+}
+type NodeWithInfo = import('postcss').Node & {
+    _stylehacks: {
+        message: string;
+        browsers: Set<string>;
+        identifier: string;
+        hack: string;
+    };
+};
+type Plugin = {
+    targets: Set<string>;
+    nodeTypes: Set<string>;
+    detectAndResolve: (node: import('postcss').Node) => void;
+    detectAndWarn: (node: import('postcss').Node) => void;
+};

package/types/plugins/bodyEmpty.d.ts

@@ -0,0 +1,17 @@
+export = BodyEmpty;
+declare class BodyEmpty extends BasePlugin {
+    /** @param {import('postcss').Result} result */
+    constructor(result: import('postcss').Result);
+    /**
+     * @param {import('postcss').Rule} rule
+     * @return {void}
+     */
+    detect(rule: import('postcss').Rule): void;
+    /**
+     * @param {import('postcss').Rule} rule
+     * @return {parser.SyncProcessor<void>}
+     */
+    analyse(rule: import('postcss').Rule): parser.SyncProcessor<void>;
+}
+import BasePlugin = require("../plugin");
+import parser = require("postcss-selector-parser");

package/types/plugins/htmlCombinatorCommentBody.d.ts

@@ -0,0 +1,16 @@
+export = HtmlCombinatorCommentBody;
+declare class HtmlCombinatorCommentBody extends BasePlugin {
+    /** @param {import('postcss').Result} result */
+    constructor(result: import('postcss').Result);
+    /**
+     * @param {import('postcss').Rule} rule
+     * @return {void}
+     */
+    detect(rule: import('postcss').Rule): void;
+    /** @param {import('postcss').Rule} rule
+     *  @return {parser.SyncProcessor<void>}
+     */
+    analyse(rule: import('postcss').Rule): parser.SyncProcessor<void>;
+}
+import BasePlugin = require("../plugin");
+import parser = require("postcss-selector-parser");

package/types/plugins/htmlFirstChild.d.ts

@@ -0,0 +1,17 @@
+export = HtmlFirstChild;
+declare class HtmlFirstChild extends BasePlugin {
+    /** @param {import('postcss').Result} result */
+    constructor(result: import('postcss').Result);
+    /**
+     * @param {import('postcss').Rule} rule
+     * @return {void}
+     */
+    detect(rule: import('postcss').Rule): void;
+    /**
+     * @param {import('postcss').Rule} rule
+     * @return {parser.SyncProcessor<void>}
+     */
+    analyse(rule: import('postcss').Rule): parser.SyncProcessor<void>;
+}
+import BasePlugin = require("../plugin");
+import parser = require("postcss-selector-parser");

package/types/plugins/important.d.ts

@@ -0,0 +1,11 @@
+export = Important;
+declare class Important extends BasePlugin {
+    /** @param {import('postcss').Result=} result */
+    constructor(result?: import('postcss').Result | undefined);
+    /**
+     * @param {import('postcss').Declaration} decl
+     * @return {void}
+     */
+    detect(decl: import('postcss').Declaration): void;
+}
+import BasePlugin = require("../plugin");