mobility-toolbox-js 2.0.0 → 2.0.1-beta.13

package/ol/layers/VectorLayer.test.js

@@ -1,80 +1,70 @@
-import OLVectorLayer from 'ol/layer/Vector';
-import VectorSource from 'ol/source/Vector';
-import View from 'ol/View';
-import Feature from 'ol/Feature';
-import Point from 'ol/geom/Point';
-import Map from 'ol/Map';
-import VectorLayer from './VectorLayer';
-
+import OLVectorLayer from "ol/layer/Vector";
+import VectorSource from "ol/source/Vector";
+import View from "ol/View";
+import Feature from "ol/Feature";
+import Point from "ol/geom/Point";
+import Map from "ol/Map";
+import VectorLayer from "./VectorLayer";
 const feature1 = new Feature({
-  attribute: 'bar',
-  geometry: new Point([500, 500]),
+  attribute: "bar",
+  geometry: new Point([500, 500])
 });
 const olLayer = new OLVectorLayer({
   source: new VectorSource({
     features: [
       feature1,
       new Feature({
-        attribute: 'foo',
-        geometry: new Point([50, 50]),
-      }),
-    ],
-  }),
+        attribute: "foo",
+        geometry: new Point([50, 50])
+      })
+    ]
+  })
 });
-
 let layer;
 let map;
 let onClick;
-
-describe('VectorLayer', () => {
+describe("VectorLayer", () => {
   beforeEach(() => {
     onClick = jest.fn();
     layer = new VectorLayer({
-      name: 'Layer',
+      name: "Layer",
       olLayer,
-      onClick,
+      onClick
     });
     map = new Map({
       view: new View({ resolution: 5 }),
-      target: document.body,
+      target: document.body
     });
   });
-
-  test('should be instanced.', () => {
+  test("should be instanced.", () => {
     expect(layer).toBeInstanceOf(VectorLayer);
     expect(layer.clickCallbacks[0]).toBe(onClick);
     expect(layer.hitTolerance).toBe(5);
   });
-
-  test('should add onClick callback.', () => {
+  test("should add onClick callback.", () => {
     const onClick2 = jest.fn();
     layer.onClick(onClick2);
     expect(layer.clickCallbacks[1]).toBe(onClick2);
   });
-
-  test('should onClick throw error.', () => {
+  test("should onClick throw error.", () => {
     expect(() => {
-      layer.onClick('not of type function');
+      layer.onClick("not of type function");
     }).toThrow(Error);
   });
-
-  test('should called terminate on initalization.', () => {
-    const spy = jest.spyOn(layer, 'terminate');
-    layer.init();
+  test("should called terminate on initalization.", () => {
+    const spy = jest.spyOn(layer, "detachFromMap");
+    layer.attachToMap();
     expect(spy).toHaveBeenCalledTimes(1);
   });
-
-  test('should call getFeatureInfoAtCoordinate on click then the callback', async () => {
+  test("should call getFeatureInfoAtCoordinate on click then the callback", async () => {
     const coordinate = [500, 500];
     const px = [10, 10];
     const features = [feature1];
-    const evt = { type: 'singleclick', map, coordinate };
-    const spy = jest.spyOn(layer, 'getFeatureInfoAtCoordinate');
-    const spy2 = jest.spyOn(map, 'getPixelFromCoordinate').mockReturnValue(px);
-    const spy3 = jest
-      .spyOn(map, 'getFeaturesAtPixel')
-      .mockReturnValue(features);
-    layer.init(map);
+    const evt = { type: "singleclick", map, coordinate };
+    const spy = jest.spyOn(layer, "getFeatureInfoAtCoordinate");
+    const spy2 = jest.spyOn(map, "getPixelFromCoordinate").mockReturnValue(px);
+    const spy3 = jest.spyOn(map, "getFeaturesAtPixel").mockReturnValue(features);
+    layer.attachToMap(map);
     expect(onClick).toHaveBeenCalledTimes(0);
     await map.dispatchEvent(evt);
     expect(spy).toHaveBeenCalledTimes(1);
@@ -88,11 +78,10 @@ describe('VectorLayer', () => {
     expect(onClick).toHaveBeenCalledTimes(1);
     expect(onClick).toHaveBeenCalledWith(features, layer, coordinate);
   });
-
-  test('should clone', () => {
-    const clone = layer.clone({ name: 'clone' });
+  test("should clone", () => {
+    const clone = layer.clone({ name: "clone" });
     expect(clone).not.toBe(layer);
-    expect(clone.name).toBe('clone');
+    expect(clone.name).toBe("clone");
     expect(clone).toBeInstanceOf(VectorLayer);
   });
 });

package/ol/layers/WMSLayer.js

@@ -1,80 +1,38 @@
-import GeoJSON from 'ol/format/GeoJSON';
-import Layer from './Layer';
-
-/**
- * Class use to display a WMS layer.
- *
- * @classproperty {ol/Map~Map} map - The map where the layer is displayed.
- * @extends {Layer}
- */
+import GeoJSON from "ol/format/GeoJSON";
+import Layer from "./Layer";
 class WMSLayer extends Layer {
-  /**
-   * @override
-   */
   constructor(options = {}) {
     super(options);
-
-    /** @ignore */
     this.abortController = new AbortController();
-    /** @ignore */
     this.format = new GeoJSON();
   }
-
-  /**
-   * Get features infos' Url.
-   * @param {ol/coordinate~Coordinate} coord
-   * @return {ol/layer/Layer~Layer}
-   */
   getFeatureInfoUrl(coord) {
     const projection = this.map.getView().getProjection();
     const resolution = this.map.getView().getResolution();
-
     if (this.olLayer.getSource().getFeatureInfoUrl) {
-      return this.olLayer
-        .getSource()
-        .getFeatureInfoUrl(coord, resolution, projection, {
-          info_format: 'application/json',
-          query_layers: this.olLayer.getSource().getParams().layers,
-        });
+      return this.olLayer.getSource().getFeatureInfoUrl(coord, resolution, projection, {
+        info_format: "application/json",
+        query_layers: this.olLayer.getSource().getParams().layers
+      });
     }
     return false;
   }
-
-  /**
-   * Request feature information for a given coordinate.
-   * @param {ol/coordinate~Coordinate} coordinate to request the information at.
-   * @return {Promise<FeatureInfo>} Promise with features, layer and coordinate.
-   */
   getFeatureInfoAtCoordinate(coordinate) {
     this.abortController.abort();
     this.abortController = new AbortController();
     const { signal } = this.abortController;
-    return fetch(this.getFeatureInfoUrl(coordinate), { signal })
-      .then((resp) => resp.json())
-      .then((r) => r.features)
-      .then((data) => ({
-        layer: this,
-        coordinate,
-        features: data.map((d) => this.format.readFeature(d)),
-      }))
-      .catch(() =>
-        // resolve an empty feature array something fails
-        Promise.resolve({
-          features: [],
-          coordinate,
-          layer: this,
-        }),
-      );
+    return fetch(this.getFeatureInfoUrl(coordinate), { signal }).then((resp) => resp.json()).then((r) => r.features).then((data) => ({
+      layer: this,
+      coordinate,
+      features: data.map((d) => this.format.readFeature(d))
+    })).catch(() => Promise.resolve({
+      features: [],
+      coordinate,
+      layer: this
+    }));
   }
-
-  /**
-   * Create a copy of the WMSLayer.
-   * @param {Object} newOptions Options to override
-   * @return {WMSLayer} A WMSLayer
-   */
   clone(newOptions) {
     return new WMSLayer({ ...this.options, ...newOptions });
   }
 }
-
 export default WMSLayer;

package/ol/layers/WMSLayer.test.js

@@ -1,65 +1,59 @@
-import OLView from 'ol/View';
-import ImageLayer from 'ol/layer/Image';
-import ImageWMS from 'ol/source/ImageWMS';
-import fetch from 'jest-fetch-mock';
-import qs from 'query-string';
-import Map from 'ol/Map';
-import WMSLayer from './WMSLayer';
-
-describe('WMSLayer', () => {
+import OLView from "ol/View";
+import ImageLayer from "ol/layer/Image";
+import ImageWMS from "ol/source/ImageWMS";
+import fetch from "jest-fetch-mock";
+import qs from "query-string";
+import Map from "ol/Map";
+import WMSLayer from "./WMSLayer";
+describe("WMSLayer", () => {
   let map;
   let layer;
   beforeEach(() => {
     map = new Map({
       view: new OLView({ resolution: 5 }),
-      target: document.body,
+      target: document.body
     });
-
     layer = new WMSLayer({
       olLayer: new ImageLayer({
         source: new ImageWMS({
-          url: 'dummy',
-          params: { LAYERS: 'layers' },
-        }),
-      }),
+          url: "dummy",
+          params: { LAYERS: "layers" }
+        })
+      })
     });
-    layer.init(map);
+    layer.attachToMap(map);
     fetch.mockResponseOnce(JSON.stringify({ features: [] }));
     global.fetch = fetch;
   });
-
   afterEach(() => {
-    layer.terminate();
+    layer.detachFromMap();
   });
-
-  test('should initialize.', () => {
+  test("should initialize.", () => {
     expect(layer).toBeInstanceOf(WMSLayer);
   });
-
-  test('should called terminate on initalization.', () => {
-    const spy = jest.spyOn(layer, 'terminate');
-    layer.init();
+  test("should called terminate on initalization.", () => {
+    const spy = jest.spyOn(layer, "detachFromMap");
+    layer.attachToMap();
     expect(spy).toHaveBeenCalledTimes(1);
   });
-
-  test('should return a promise resolving features.', async () => {
+  test("should return a promise resolving features.", async () => {
     const data = await layer.getFeatureInfoAtCoordinate([50, 50]);
-    const params = qs.parse(fetch.mock.calls[0][0].split('?')[1]);
-    expect(params.REQUEST).toBe('GetFeatureInfo');
-    expect(params.I).toBe('50');
-    expect(params.J).toBe('50');
+    const params = qs.parse(fetch.mock.calls[0][0].split("?")[1]);
+    expect(params.REQUEST).toBe("GetFeatureInfo");
+    expect(params.I).toBe("50");
+    expect(params.J).toBe("50");
     expect(data.features).toEqual([]);
   });
-
-  test('should return a layer instance and a coordinate.', async () => {
+  test("should return a layer instance and a coordinate.", async () => {
     const data = await layer.getFeatureInfoAtCoordinate([50, 50]);
     expect(data.coordinate).toEqual([50, 50]);
     expect(data.layer).toBeInstanceOf(WMSLayer);
   });
-
-  test('#onClick', () => {
-    const f = () => {};
-    const f2 = () => {};
+  test("#onClick", () => {
+    const f = () => {
+    };
+    const f2 = () => {
+    };
     layer.onClick(f);
     expect(layer.clickCallbacks[0]).toBe(f);
     expect(layer.clickCallbacks.length).toBe(1);
@@ -68,17 +62,15 @@ describe('WMSLayer', () => {
     layer.onClick(f2);
     expect(layer.clickCallbacks.length).toBe(2);
   });
-
-  test('should onClick throw error.', () => {
+  test("should onClick throw error.", () => {
     expect(() => {
-      layer.onClick('not of type function');
+      layer.onClick("not of type function");
     }).toThrow(Error);
   });
-
-  test('should clone', () => {
-    const clone = layer.clone({ name: 'clone' });
+  test("should clone", () => {
+    const clone = layer.clone({ name: "clone" });
     expect(clone).not.toBe(layer);
-    expect(clone.name).toBe('clone');
+    expect(clone.name).toBe("clone");
     expect(clone).toBeInstanceOf(WMSLayer);
   });
 });

package/ol/layers/index.js

@@ -0,0 +1,8 @@
+export { default as Layer } from "./Layer";
+export { default as MapboxLayer } from "./MapboxLayer";
+export { default as MaplibreLayer } from "./MaplibreLayer";
+export { default as MapboxStyleLayer } from "./MapboxStyleLayer";
+export { default as RoutingLayer } from "./RoutingLayer";
+export { default as TralisLayer } from "./TralisLayer";
+export { default as VectorLayer } from "./VectorLayer";
+export { default as WMSLayer } from "./WMSLayer";

package/ol/styles/fullTrajectoryDelayStyle.js

@@ -1,35 +1,31 @@
-import { Style, Fill, Stroke, Circle } from 'ol/style';
-
+import { Style, Fill, Stroke, Circle } from "ol/style";
 const stroke = new Style({
   zIndex: 2,
   image: new Circle({
     radius: 5,
     fill: new Fill({
-      color: '#000000',
-    }),
+      color: "#000000"
+    })
   }),
   stroke: new Stroke({
-    color: '#000000',
-    width: 6,
-  }),
+    color: "#000000",
+    width: 6
+  })
 });
-
 const fill = new Style({
   zIndex: 3,
   image: new Circle({
     radius: 4,
     fill: new Fill({
-      color: '#a0a0a0',
-    }),
+      color: "#a0a0a0"
+    })
   }),
   stroke: new Stroke({
-    color: '#a0a0a0',
-    width: 4,
-  }),
+    color: "#a0a0a0",
+    width: 4
+  })
 });
-
 const fullTrajectoryDelaystyle = () => {
   return [stroke, fill];
 };
-
 export default fullTrajectoryDelaystyle;

package/ol/styles/fullTrajectoryStyle.js

@@ -1,35 +1,27 @@
-import { Style, Fill, Stroke, Circle } from 'ol/style';
-import { getBgColor } from '../../common/trackerConfig';
-
+import { Style, Fill, Stroke, Circle } from "ol/style";
+import { getBgColor } from "../../common/trackerConfig";
 const borderStyle = new Style({
   zIndex: 2,
   image: new Circle({
     radius: 5,
     fill: new Fill({
-      color: '#000000',
-    }),
+      color: "#000000"
+    })
   }),
   stroke: new Stroke({
-    color: '#000000',
-    width: 6,
-  }),
+    color: "#000000",
+    width: 6
+  })
 });
-
 const fullTrajectorystyle = (feature) => {
-  let lineColor = '#ffffff'; // white
-
-  const type = feature.get('type');
-  let stroke = feature.get('stroke');
-
-  if (stroke && stroke[0] !== '#') {
+  let lineColor = "#ffffff";
+  const type = feature.get("type");
+  let stroke = feature.get("stroke");
+  if (stroke && stroke[0] !== "#") {
     stroke = `#${stroke}`;
   }
-
   lineColor = stroke || getBgColor(type);
-
-  // Don't allow white lines, use red instead.
-  lineColor = /#ffffff/i.test(lineColor) ? '#ff0000' : lineColor;
-
+  lineColor = /#ffffff/i.test(lineColor) ? "#ff0000" : lineColor;
   const style = [
     borderStyle,
     new Style({
@@ -37,14 +29,14 @@ const fullTrajectorystyle = (feature) => {
       image: new Circle({
         radius: 4,
         fill: new Fill({
-          color: lineColor,
-        }),
+          color: lineColor
+        })
       }),
       stroke: new Stroke({
         color: lineColor,
-        width: 4,
-      }),
-    }),
+        width: 4
+      })
+    })
   ];
   return style;
 };

package/ol/styles/index.js

@@ -1,2 +1,2 @@
-export { default as fullTrajectoryStyle } from './fullTrajectoryStyle';
-export { default as fullTrajectoryDelayStyle } from './fullTrajectoryDelayStyle';
+export { default as fullTrajectoryStyle } from "./fullTrajectoryStyle";
+export { default as fullTrajectoryDelayStyle } from "./fullTrajectoryDelayStyle";

package/package.json

@@ -2,33 +2,22 @@
   "name": "mobility-toolbox-js",
   "license": "MIT",
   "description": "Toolbox for JavaScript applications in the domains of mobility and logistics.",
-  "version": "2.0.0",
+  "version": "2.0.1-beta.13",
   "main": "index.js",
-  "module": "module.js",
+  "exports": {
+    ".": "./index.js",
+    "./api": "./api/index.js",
+    "./mapbox": "./mapbox/index.js",
+    "./ol": "./ol/index.js"
+  },
   "dependencies": {
-    "@geops/geops-ui": "0.1.13",
-    "@material-ui/core": "4.12.3",
-    "@material-ui/icons": "4.11.2",
-    "@material-ui/styles": "4.11.4",
     "@turf/helpers": "^6.5.0",
     "@turf/transform-rotate": "^6.5.0",
-    "codesandbox": "2.2.3",
     "lodash.debounce": "4.0.8",
     "lodash.throttle": "4.1.1",
     "path": "^0.12.7",
-    "prop-types": "15.8.1",
     "query-string": "7.1.0",
-    "react": "18",
-    "react-app-polyfill": "^1.0.6",
-    "react-dom": "18",
-    "react-icons": "4.3.1",
-    "react-markdown": "8.0.0",
-    "react-router-dom": "6",
-    "react-scrollchor": "7.0.1",
-    "react-syntax-highlighter": "15.4.5",
-    "taffydb": "^2.7.3",
     "turf": "^3.0.14",
-    "typeface-lato": "^0.0.75",
     "uuid": "8.3.2"
   },
   "peerDependencies": {
@@ -44,13 +33,11 @@
     "@babel/preset-react": "7.16.7",
     "@commitlint/cli": "17.0.2",
     "@commitlint/config-conventional": "17.0.2",
-    "@neutrinojs/copy": "9.5.0",
-    "@neutrinojs/jest": "^9.5.0",
-    "@neutrinojs/library": "9.5.0",
-    "@neutrinojs/react": "9.5.0",
     "autoprefixer": "9.7.6",
     "cypress": "9.4.1",
     "deepmerge": "4.2.2",
+    "esbuild": "^0.14.47",
+    "esbuild-jest": "^0.5.0",
     "esdoc": "1.1.0",
     "esdoc-ecmascript-proposal-plugin": "1.0.0",
     "esdoc-publish-html-plugin": "1.1.2",
@@ -58,25 +45,23 @@
     "eslint": "8.8.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-prettier": "8.3.0",
-    "eslint-import-resolver-webpack": "0.13.2",
     "eslint-plugin-cypress": "2.12.1",
     "eslint-plugin-import": "2.25.4",
-    "eslint-plugin-jsx-a11y": "6.5.1",
+    "eslint-plugin-jsx-a11y": "^6.6.0",
     "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-react": "7.28.0",
-    "eslint-plugin-react-hooks": "4.3.0",
+    "eslint-plugin-react": "^7.30.1",
     "fixpack": "3.0.6",
     "husky": "8.0.1",
     "jest": "26.6.3",
     "jest-canvas-mock": "2.3.1",
     "jest-fetch-mock": "3.0.3",
     "jest-serializer-html": "7.1.0",
+    "jest-transformer-svg": "^2.0.0",
     "jest-websocket-mock": "2.3.0",
     "lint-staged": "12.3.3",
     "mapbox-gl": "1.13.2",
     "maplibre-gl": "2.1.9",
     "mock-socket": "9.1.2",
-    "neutrino": "9.5.0",
     "ol": "6.12.0",
     "postcss": "8.3.3",
     "postcss-loader": "3.0.0",
@@ -89,34 +74,38 @@
     "stylelint": "14.3.0",
     "stylelint-config-recommended-scss": "5.0.2",
     "stylelint-config-standard": "24.0.0",
-    "stylelint-scss": "4.1.0",
-    "webpack": "4.43.0",
-    "webpack-cli": "3.3.11",
-    "webpack-dev-server": "3.11.0",
-    "worker-loader": "3.0.8"
+    "stylelint-scss": "4.1.0"
   },
   "scripts": {
-    "apidoc": "esdoc",
-    "build": "yarn lib",
+    "apidoc": "esdoc && cp apidoc/index.json doc/src/components/Esdoc",
+    "build": "yarn esbuild",
     "coverage": "yarn test  --watchAll=false  --coverage --coverageDirectory=coverage",
     "cy:open": "cypress open",
-    "cy:run": "cypress run",
-    "cy:test": "start-server-and-test start http://localhost:5000 'cypress run'",
-    "doc": "yarn apidoc && cp apidoc/index.json src/doc/components/Esdoc/ && webpack --mode production",
-    "doc:dev": "yarn apidoc && webpack --mode development",
+    "cy:test": "start-server-and-test dev http://localhost:3000 'cypress run --browser chrome'",
+    "cy:test:chrome": "yarn build && start-server-and-test start http://localhost:3000 'cypress run --browser chrome'",
+    "cy:test:edge": "yarn build && start-server-and-test start http://localhost:3000 'cypress run --browser edge'",
+    "cy:test:firefox": "yarn build && start-server-and-test start http://localhost:3000 'cypress run --browser firefox'",
+    "dev": "yarn doc && yarn dev:examples",
+    "dev:examples": "cd doc && yarn dev",
+    "doc": "yarn apidoc && cd doc && yarn install --frozen-lockfile && yarn build",
+    "esbuild": "rm -rf build && yarn esbuild:all && yarn esbuild:iife && cp README.md build/ && cp package.json build/",
+    "esbuild:all": "esbuild src/index.js src/**/*.js src/**/**/*.js --target=chrome100 --outdir=build/ --loader:.js=jsx",
+    "esbuild:iife": "yarn esbuild:iife:unminify && yarn esbuild:iife:minify",
+    "esbuild:iife:base": "esbuild src/iife.js --bundle --sourcemap --target=chrome100",
+    "esbuild:iife:minify": "yarn esbuild:iife:base --minify --outfile=build/mbt.min.js",
+    "esbuild:iife:unminify": "yarn esbuild:iife:base --outfile=build/mbt.js",
     "format": "prettier --write 'src/**/*.js' && eslint 'src/**/*.js' --fix && stylelint 'src/**/*.css' 'src/**/*.scss' --fix",
     "lib": "REACT_APP_LIB_MODE=1  webpack --mode production",
     "lib:dev": "REACT_APP_LIB_MODE=1  webpack --mode development",
     "link2": "cmdToAdd=$(node ./scripts/read-pkg-json.js add) && $cmdToAdd && yarn build && cmdToRemove=$(node ./scripts/read-pkg-json.js remove) && $cmdToRemove && cd build && yarn link",
-    "lint": "eslint 'src/**/*.js' && stylelint 'src/**/*.css' 'src/**/*.scss'",
-    "publish:beta": "HUSKY=0 yarn release -- --prerelease beta --skip.changelog && git push origin HEAD && yarn run build && cd build && git push --tags && HUSKY=0 yarn publish --tag beta",
+    "lint": "eslint 'src/**/*.js' && stylelint 'src/**/*.css' 'src/**/*.scss' --allow-empty-input",
+    "publish:beta": "HUSKY=0 yarn release -- --prerelease beta --skip.changelog && git push origin HEAD && yarn run build && cd build && HUSKY=0 yarn publish --tag beta && git push --tags ",
     "publish:beta:dryrun": "yarn release -- --prerelease beta --dry-run --skip.changelog",
-    "publish:public": "yarn release && git push origin HEAD && yarn run build && cd build && git push --tags && yarn publish",
     "publish:public:dryrun": "yarn release --dry-run",
     "release": "standard-version",
-    "start": "yarn doc && webpack-dev-server --mode development --open",
-    "start:examples": "webpack-dev-server --mode development --open",
-    "test": "REACT_APP_LIB_MODE=1 jest",
+    "start": "yarn doc && cd doc && yarn start",
+    "start:examples": "cd doc && yarn build && yarn start",
+    "test": "TZ='UTC' jest",
     "test:watch": "yarn test --watchAll"
   },
   "browserslist": {
@@ -143,7 +132,6 @@
     "parser": "@babel/eslint-parser",
     "extends": [
       "airbnb",
-      "airbnb/hooks",
       "prettier"
     ],
     "plugins": [
@@ -162,23 +150,8 @@
         }
       ],
       "prettier/prettier": "error"
-    },
-    "settings": {
-      "import/resolver": "webpack",
-      "react": {
-        "version": "detect"
-      }
     }
   },
-  "exports": {
-    ".": "./index.js",
-    "./module": "./module.js",
-    "./api": "./api/index.js",
-    "./common/trackerConfig": "./common/trackerConfig.js",
-    "./utils": "./common/utils/index.js",
-    "./mapbox": "./mapbox/index.js",
-    "./ol": "./ol/index.js"
-  },
   "keywords": [
     "mobility",
     "toolbox"
@@ -191,10 +164,10 @@
       "yarn test --bail --findRelatedTests"
     ],
     "package.json": [
-      "fixpack --sortToTop name --sortToTop license --sortToTop description --sortToTop version --sortToTop author --sortToTop main --sortToTop module --sortToTop files --sortToTop proxy --sortToTop dependencies --sortToTop peerDependencies --sortToTop devDependencies --sortToTop resolutions --sortToTop scripts"
+      "fixpack --sortToTop name --sortToTop license --sortToTop description --sortToTop version --sortToTop author --sortToTop main --sortToTop module --sortToTop files --sortToTop exports --sortToTop proxy --sortToTop dependencies --sortToTop peerDependencies --sortToTop devDependencies --sortToTop resolutions --sortToTop scripts"
     ],
     "src/**/*.{css,scss}": [
-      "stylelint --fix"
+      "stylelint --fix --allow-empty-input"
     ]
   },
   "prettier": {