.

Author: mateusrachid

.gitignore

@@ -0,0 +1 @@
+/node_modules

package.json

@@ -27,5 +27,8 @@
   "peerDependencies": {
     "styled-components": "^5.3.0",
     "react": "^17.0.0"
+  },
+  "dependencies": {
+    "app-root-path": "^3.0.0"
   }
 }

src/Head.js

@@ -1,10 +1,11 @@
 const { createGlobalStyle } = require("styled-components");
 const React = require("react");
 
+const appRoot = require('app-root-path');
 const path = require('path');
-const { viewPortSizes,preserveAspectRatio } = require(path.join(__dirname, "../", "responsive-toolkit-config/viewport.js"));
-const { fontsInUse, defaultFontFamily, defaultFontWeight } = require(path.join(__dirname, "../../../", "responsive-toolkit-config/fonts.js"));
-const cssReset = require(path.join(__dirname, "../../../", "responsive-toolkit-config/css-reset.js"));
+const { viewPortSizes,preserveAspectRatio } = require(path.join(appRoot, "responsive-toolkit-config/viewport.js"));
+const { fontsInUse, defaultFontFamily, defaultFontWeight } = require(path.join(appRoot, "responsive-toolkit-config/fonts.js"));
+const cssReset = require(path.join(appRoot, "responsive-toolkit-config/css-reset.js"));
 
 const fontImports = ()=>{
   const urls = [];

src/media-query-plugin.js

@@ -1,5 +1,6 @@
 const path = require('path');
-const mediaQueries = require(path.join(__dirname, "../../../", "responsive-toolkit-config/media-queries.js"));
+const appRoot = require('app-root-path');
+const mediaQueries = require(path.join(appRoot, "responsive-toolkit-config/media-queries.js"));
 
 function _mediaQueryPlugin(context,content){
   if(context !== -1)

src/px-to-viewport-plugin.js

@@ -1,5 +1,6 @@
 const path = require('path');
-const { viewPortSizes } = require(path.join(__dirname, "../../../", "responsive-toolkit-config/viewport.js"));
+const appRoot = require('app-root-path');
+const { viewPortSizes } = require(path.join(appRoot, "responsive-toolkit-config/viewport.js"));
 
 function _pxToViewportPlugin(context,content){
   if(context !== 1)