@hero-design/snowflake-guard 1.4.9 → 1.4.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/snowflake-guard",
-  "version": "1.4.9",
+  "version": "1.4.11",
   "description": "A hero-design bot detecting snowflake usage",
   "author": "Hau Dao",
   "license": "ISC",

package/lib/src/__tests__/parseMobileSource.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/src/__tests__/parseMobileSource.spec.js

@@ -1,417 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs = __importStar(require("fs"));
-const parseMobileSource_1 = __importDefault(require("../parseMobileSource"));
-describe('parseSource', () => {
-    it('reports correct snowflakes with typescript files', () => {
-        const source = fs.readFileSync('./src/__mocks__/mobileSourceSample.tsx', 'utf-8');
-        expect((0, parseMobileSource_1.default)(source)).toEqual({
-            approvedLocs: [59, 61, 77, 86, 23],
-            styleLocs: [
-                76, 80, 87, 53, 55, 56, 57, 58, 69, 71, 72, 73, 74, 75, 89, 98, 107,
-                115, 120, 128,
-            ],
-            styledComponentLocs: [19, 28, 33],
-            violatingAttributes: [
-                {
-                    attributeName: 'padding',
-                    attributeValue: '20',
-                    componentName: 'Button.Icon',
-                    inlineStyleProps: 'style',
-                    loc: 76,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '20',
-                    componentName: 'Button.Icon',
-                    inlineStyleProps: 'style',
-                    loc: 80,
-                },
-                {
-                    attributeName: 'backgroundColor',
-                    attributeValue: "'red'",
-                    componentName: 'Button.Icon',
-                    inlineStyleProps: 'style',
-                    loc: 80,
-                },
-                {
-                    attributeName: 'backgroundColor',
-                    attributeValue: "'red'",
-                    componentName: 'Button.Icon',
-                    inlineStyleProps: 'style',
-                    loc: 87,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '10',
-                    componentName: 'Tabs',
-                    inlineStyleProps: 'barStyle',
-                    loc: 53,
-                },
-                {
-                    attributeName: 'width',
-                    attributeValue: '100',
-                    componentName: 'Tabs',
-                    inlineStyleProps: 'containerStyle',
-                    loc: 53,
-                },
-                {
-                    attributeName: 'width',
-                    attributeValue: '100',
-                    componentName: 'Tabs.Scroll',
-                    inlineStyleProps: 'containerStyle',
-                    loc: 55,
-                },
-                {
-                    attributeName: 'color',
-                    attributeValue: "'red'",
-                    componentName: 'TextInput',
-                    inlineStyleProps: 'textStyle',
-                    loc: 56,
-                },
-                {
-                    attributeName: 'color',
-                    attributeValue: "'red'",
-                    componentName: 'Search.OneLine',
-                    inlineStyleProps: 'textStyle',
-                    loc: 57,
-                },
-                {
-                    attributeName: 'borderColor',
-                    attributeValue: "'red'",
-                    componentName: 'Search.OneLine',
-                    inlineStyleProps: 'textStyle',
-                    loc: 57,
-                },
-                {
-                    attributeName: 'color',
-                    attributeValue: "'red'",
-                    componentName: 'Toolbar.Message',
-                    inlineStyleProps: 'textStyle',
-                    loc: 58,
-                },
-                {
-                    attributeName: 'borderColor',
-                    attributeValue: "'red'",
-                    componentName: 'Toolbar.Message',
-                    inlineStyleProps: 'textStyle',
-                    loc: 58,
-                },
-                {
-                    attributeName: 'width',
-                    attributeValue: '200',
-                    componentName: 'Empty',
-                    inlineStyleProps: 'style',
-                    loc: 69,
-                },
-                {
-                    attributeName: 'width',
-                    attributeValue: '200',
-                    componentName: 'Button.Utility',
-                    inlineStyleProps: 'style',
-                    loc: 71,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '30',
-                    componentName: 'Button',
-                    inlineStyleProps: 'style',
-                    loc: 72,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '30',
-                    componentName: 'Button',
-                    inlineStyleProps: 'style',
-                    loc: 73,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '30',
-                    componentName: 'Button',
-                    inlineStyleProps: 'style',
-                    loc: 74,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '30',
-                    componentName: 'Button',
-                    inlineStyleProps: 'style',
-                    loc: 75,
-                },
-                {
-                    attributeName: 'backgroundColor',
-                    attributeValue: "'red'",
-                    componentName: 'Chart.Column',
-                    inlineStyleProps: 'style',
-                    loc: 89,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '10',
-                    componentName: 'Chart.Column',
-                    inlineStyleProps: 'style',
-                    loc: 89,
-                },
-                {
-                    attributeName: 'backgroundColor',
-                    attributeValue: "'red'",
-                    componentName: 'Chart.Line',
-                    inlineStyleProps: 'style',
-                    loc: 98,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '10',
-                    componentName: 'Chart.Line',
-                    inlineStyleProps: 'style',
-                    loc: 98,
-                },
-                {
-                    attributeName: 'backgroundColor',
-                    attributeValue: "'red'",
-                    componentName: 'Chart.SelectAction',
-                    inlineStyleProps: 'style',
-                    loc: 107,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '10',
-                    componentName: 'Chart.SelectAction',
-                    inlineStyleProps: 'style',
-                    loc: 107,
-                },
-                {
-                    attributeName: 'width',
-                    attributeValue: '400',
-                    componentName: 'Chart.SelectAction',
-                    inlineStyleProps: 'style',
-                    loc: 107,
-                },
-                {
-                    attributeName: 'height',
-                    attributeValue: "'100%'",
-                    componentName: 'Chart.SelectAction',
-                    inlineStyleProps: 'style',
-                    loc: 107,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '10',
-                    componentName: 'FormGroup',
-                    inlineStyleProps: 'style',
-                    loc: 115,
-                },
-                {
-                    attributeName: 'height',
-                    attributeValue: '100',
-                    componentName: 'FilterTrigger',
-                    inlineStyleProps: 'style',
-                    loc: 120,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '10',
-                    componentName: 'FilterTrigger',
-                    inlineStyleProps: 'style',
-                    loc: 120,
-                },
-                {
-                    attributeName: 'height',
-                    attributeValue: '100',
-                    componentName: 'SegmentedControl',
-                    inlineStyleProps: 'style',
-                    loc: 128,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '10',
-                    componentName: 'SegmentedControl',
-                    inlineStyleProps: 'style',
-                    loc: 128,
-                },
-            ],
-        });
-    });
-    it('reports correct snowflakes with flow files', () => {
-        const source = fs.readFileSync('./src/__mocks__/mobileSourceSample.js', 'utf-8');
-        expect((0, parseMobileSource_1.default)(source)).toEqual({
-            approvedLocs: [55, 57, 73, 82, 19],
-            styleLocs: [72, 76, 83, 49, 51, 52, 53, 54, 65, 67, 68, 69, 70, 71],
-            styledComponentLocs: [15, 24, 29],
-            violatingAttributes: [
-                {
-                    attributeName: 'padding',
-                    attributeValue: '20',
-                    componentName: 'Button.Icon',
-                    inlineStyleProps: 'style',
-                    loc: 72,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '20',
-                    componentName: 'Button.Icon',
-                    inlineStyleProps: 'style',
-                    loc: 76,
-                },
-                {
-                    attributeName: 'backgroundColor',
-                    attributeValue: "'red'",
-                    componentName: 'Button.Icon',
-                    inlineStyleProps: 'style',
-                    loc: 76,
-                },
-                {
-                    attributeName: 'backgroundColor',
-                    attributeValue: "'red'",
-                    componentName: 'Button.Icon',
-                    inlineStyleProps: 'style',
-                    loc: 83,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '10',
-                    componentName: 'Tabs',
-                    inlineStyleProps: 'barStyle',
-                    loc: 49,
-                },
-                {
-                    attributeName: 'width',
-                    attributeValue: '100',
-                    componentName: 'Tabs',
-                    inlineStyleProps: 'containerStyle',
-                    loc: 49,
-                },
-                {
-                    attributeName: 'width',
-                    attributeValue: '100',
-                    componentName: 'Tabs.Scroll',
-                    inlineStyleProps: 'containerStyle',
-                    loc: 51,
-                },
-                {
-                    attributeName: 'color',
-                    attributeValue: "'red'",
-                    componentName: 'TextInput',
-                    inlineStyleProps: 'textStyle',
-                    loc: 52,
-                },
-                {
-                    attributeName: 'color',
-                    attributeValue: "'red'",
-                    componentName: 'Search.OneLine',
-                    inlineStyleProps: 'textStyle',
-                    loc: 53,
-                },
-                {
-                    attributeName: 'borderColor',
-                    attributeValue: "'red'",
-                    componentName: 'Search.OneLine',
-                    inlineStyleProps: 'textStyle',
-                    loc: 53,
-                },
-                {
-                    attributeName: 'color',
-                    attributeValue: "'red'",
-                    componentName: 'Toolbar.Message',
-                    inlineStyleProps: 'textStyle',
-                    loc: 54,
-                },
-                {
-                    attributeName: 'borderColor',
-                    attributeValue: "'red'",
-                    componentName: 'Toolbar.Message',
-                    inlineStyleProps: 'textStyle',
-                    loc: 54,
-                },
-                {
-                    attributeName: 'width',
-                    attributeValue: '200',
-                    componentName: 'Empty',
-                    inlineStyleProps: 'style',
-                    loc: 65,
-                },
-                {
-                    attributeName: 'width',
-                    attributeValue: '200',
-                    componentName: 'Button.Utility',
-                    inlineStyleProps: 'style',
-                    loc: 67,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '30',
-                    componentName: 'Button',
-                    inlineStyleProps: 'style',
-                    loc: 68,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '30',
-                    componentName: 'Button',
-                    inlineStyleProps: 'style',
-                    loc: 69,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '30',
-                    componentName: 'Button',
-                    inlineStyleProps: 'style',
-                    loc: 70,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '30',
-                    componentName: 'Button',
-                    inlineStyleProps: 'style',
-                    loc: 71,
-                },
-            ],
-        });
-    });
-    it('does not include approved snowflakes in the report', () => {
-        const source = fs.readFileSync('./src/__mocks__/mobileApprovalSourceSample.tsx', 'utf-8');
-        expect((0, parseMobileSource_1.default)(source)).toEqual({
-            approvedLocs: [14, 16, 7],
-            styleLocs: [],
-            styledComponentLocs: [],
-            violatingAttributes: [],
-        });
-    });
-});

package/lib/src/__tests__/parseSource.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/src/__tests__/parseSource.spec.js

@@ -1,207 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs = __importStar(require("fs"));
-const parseSource_1 = __importDefault(require("../parseSource"));
-describe('parseSource', () => {
-    it('reports correct snowflakes', () => {
-        const source = fs.readFileSync('./src/__mocks__/sourceSample.tsx', 'utf-8');
-        expect((0, parseSource_1.default)(source)).toEqual({
-            approvedLocs: [81, 101, 105, 112, 93, 103, 10],
-            classNameLocs: [66, 64, 65, 67, 68],
-            styleLocs: [78, 96, 107, 71, 73, 74, 75, 76, 77, 79, 80],
-            styledComponentLocs: [6, 15, 20, 24, 28],
-            sxLocs: [90, 114, 85, 86, 87, 88, 89, 91, 92],
-            violatingAttributes: [
-                {
-                    attributeName: 'padding',
-                    attributeValue: '20',
-                    componentName: 'Button.Link',
-                    inlineStyleProps: 'style',
-                    loc: 78,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '20',
-                    componentName: 'Button.Link',
-                    inlineStyleProps: 'sx',
-                    loc: 90,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '20',
-                    componentName: 'Button.Link',
-                    inlineStyleProps: 'style',
-                    loc: 96,
-                },
-                {
-                    attributeName: 'backgroundColor',
-                    attributeValue: "'red'",
-                    componentName: 'Button.Link',
-                    inlineStyleProps: 'style',
-                    loc: 96,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '20',
-                    componentName: 'Button.Link',
-                    inlineStyleProps: 'style',
-                    loc: 107,
-                },
-                {
-                    attributeName: 'backgroundColor',
-                    attributeValue: "'red'",
-                    componentName: 'Button.Link',
-                    inlineStyleProps: 'sx',
-                    loc: 114,
-                },
-                {
-                    attributeName: 'width',
-                    attributeValue: '200',
-                    componentName: 'Empty',
-                    inlineStyleProps: 'style',
-                    loc: 71,
-                },
-                {
-                    attributeName: 'width',
-                    attributeValue: '200',
-                    componentName: 'Card.Header',
-                    inlineStyleProps: 'style',
-                    loc: 73,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '30',
-                    componentName: 'Button',
-                    inlineStyleProps: 'style',
-                    loc: 74,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '30',
-                    componentName: 'Button',
-                    inlineStyleProps: 'style',
-                    loc: 75,
-                    additionalProps: [
-                        {
-                            propName: 'variant',
-                            propValue: '"text"',
-                        },
-                    ],
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '30',
-                    componentName: 'Button',
-                    inlineStyleProps: 'style',
-                    loc: 76,
-                },
-                {
-                    attributeName: 'padding',
-                    attributeValue: '30',
-                    componentName: 'Button',
-                    inlineStyleProps: 'style',
-                    loc: 77,
-                },
-                {
-                    attributeName: 'margin',
-                    attributeValue: '15',
-                    componentName: 'Pane',
-                    inlineStyleProps: 'style',
-                    loc: 79,
-                },
-                {
-                    attributeName: 'margin',
-                    attributeValue: '20',
-                    componentName: 'Pane.Body',
-                    inlineStyleProps: 'style',
-                    loc: 80,
-                },
-                {
-                    attributeName: 'mt',
-                    attributeValue: '10',
-                    componentName: 'Badge.Count',
-                    inlineStyleProps: 'sx',
-                    loc: 85,
-                },
-                {
-                    attributeName: 'pt',
-                    attributeValue: '10',
-                    componentName: 'Badge',
-                    inlineStyleProps: 'sx',
-                    loc: 86,
-                },
-                {
-                    attributeName: 'pt',
-                    attributeValue: '10',
-                    componentName: 'Badge',
-                    inlineStyleProps: 'sx',
-                    loc: 87,
-                },
-                {
-                    attributeName: 'pt',
-                    attributeValue: '10',
-                    componentName: 'Badge',
-                    inlineStyleProps: 'sx',
-                    loc: 88,
-                },
-                {
-                    attributeName: 'pt',
-                    attributeValue: '10',
-                    componentName: 'Badge',
-                    inlineStyleProps: 'sx',
-                    loc: 89,
-                },
-                {
-                    attributeName: 'margin',
-                    attributeValue: '15',
-                    componentName: 'Pane',
-                    inlineStyleProps: 'sx',
-                    loc: 91,
-                },
-                {
-                    attributeName: 'margin',
-                    attributeValue: '20',
-                    componentName: 'Pane.Footer',
-                    inlineStyleProps: 'sx',
-                    loc: 92,
-                },
-            ],
-        });
-    });
-});

package/lib/src/graphql/__tests__/fetchGrapql.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/src/graphql/__tests__/fetchGrapql.spec.js

@@ -1,33 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fetchGraphql_1 = __importDefault(require("../fetchGraphql"));
-describe('fetchGraphql', () => {
-    it('calls fetch with correct arguments', () => __awaiter(void 0, void 0, void 0, function* () {
-        process.env.SNOWFLAKE_GUARD_SECRET = 'secret';
-        const fetchMock = jest.spyOn(global, 'fetch').mockImplementation(jest.fn(() => Promise.resolve({
-            json: () => Promise.resolve({ data: 'response-data' }),
-        })));
-        const response = yield (0, fetchGraphql_1.default)('query');
-        expect(fetchMock).toHaveBeenCalledWith('http://localhost:3000/graphql', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'Snowflake-Guard-Auth': 'secret',
-            },
-            body: JSON.stringify({ query: 'query' }),
-        });
-        expect(response).toEqual({ data: 'response-data' });
-    }));
-});

package/lib/src/graphql/__tests__/queryGenerators.spec.d.ts

@@ -1 +0,0 @@
-export {};