@breautek/router 4.0.0 → 4.1.0

package/dist/router.js

@@ -773,23 +773,25 @@ class View extends React__namespace.Component {
     getViewStylesheet() {
         return null;
     }
-    /**
-     * @ignore
-     */
+    _getViewBodyClass() {
+        return this.constructor.name;
+    }
     componentDidMount() {
         this.getTitle().then((title) => {
             this.props.router.setTitle(title);
         });
+        document.body.classList.add(this.$getViewBodyClass());
         let stylesheet = this.getViewStylesheet();
         if (stylesheet) {
             stylesheet.use();
         }
         this.props.router.__onViewMount(this);
     }
-    /**
-     * @ignore
-     */
+    $getViewBodyClass() {
+        return `${this._getViewBodyClass()}-body`;
+    }
     componentWillUnmount() {
+        document.body.classList.remove(this.$getViewBodyClass());
         let stylesheet = this.getViewStylesheet();
         if (stylesheet) {
             stylesheet.unuse();
@@ -1017,7 +1019,7 @@ class TransitionSlide extends TransitionStrategy {
 }
 
 var name = "@breautek/router";
-var version = "4.0.0";
+var version = "4.1.0";
 var description = "An alternate react router.";
 var main = "dist/router.js";
 var types = "dist/src/api.d.ts";
@@ -1053,33 +1055,33 @@ var peerDependencies = {
 	"react-dom": "16.x || 17.x || 18.x"
 };
 var devDependencies = {
-	"@rollup/plugin-commonjs": "25.0.3",
-	"@rollup/plugin-json": "6.0.0",
-	"@rollup/plugin-node-resolve": "15.1.0",
-	"@testing-library/jest-dom": "5.16.5",
+	"@rollup/plugin-commonjs": "25.0.7",
+	"@rollup/plugin-json": "6.0.1",
+	"@rollup/plugin-node-resolve": "15.2.3",
+	"@testing-library/jest-dom": "6.1.4",
 	"@testing-library/react": "14.0.0",
-	"@types/jest": "29.5.3",
-	"@types/react": "18.2.15",
-	"@types/react-dom": "18.2.7",
-	"@typescript-eslint/eslint-plugin": "6.1.0",
-	"@typescript-eslint/parser": "6.1.0",
+	"@types/jest": "29.5.6",
+	"@types/react": "18.2.33",
+	"@types/react-dom": "18.2.14",
+	"@typescript-eslint/eslint-plugin": "6.9.0",
+	"@typescript-eslint/parser": "6.9.0",
 	ajv: "8.12.0",
-	eslint: "8.45.0",
-	"eslint-plugin-react": "7.32.2",
-	glob: "10.3.3",
+	eslint: "8.52.0",
+	"eslint-plugin-react": "7.33.2",
+	glob: "10.3.10",
 	"ignore-styles": "5.0.1",
-	jest: "29.6.1",
-	"jest-environment-jsdom": "29.6.1",
+	jest: "29.7.0",
+	"jest-environment-jsdom": "29.7.0",
 	"node-sass": "9.0.0",
 	react: "18.2.0",
 	"react-dom": "18.2.0",
-	rollup: "3.26.3",
+	rollup: "4.1.4",
 	"rollup-plugin-progress": "1.1.2",
-	"rollup-plugin-sass": "1.12.19",
-	"rollup-plugin-typescript2": "0.35.0",
+	"rollup-plugin-sass": "1.12.21",
+	"rollup-plugin-typescript2": "0.36.0",
 	"ts-jest": "29.1.1",
 	"ts-node": "10.9.1",
-	typescript: "5.1.6"
+	typescript: "5.2.2"
 };
 var packageInfo = {
 	name: name,

package/dist/src/View.d.ts

@@ -22,13 +22,9 @@ export declare abstract class View<TPageProps extends IViewProps = IViewProps> e
      * Override to return a webpack API style stylesheet
      */
     getViewStylesheet(): IViewStylesheet;
-    /**
-     * @ignore
-     */
+    protected _getViewBodyClass(): string;
     componentDidMount(): void;
-    /**
-     * @ignore
-     */
+    private $getViewBodyClass;
     componentWillUnmount(): void;
     /**
      * Gets the underlying HTML node for this View

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@breautek/router",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "An alternate react router.",
   "main": "dist/router.js",
   "types": "dist/src/api.d.ts",
@@ -36,32 +36,32 @@
     "react-dom": "16.x || 17.x || 18.x"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "25.0.3",
-    "@rollup/plugin-json": "6.0.0",
-    "@rollup/plugin-node-resolve": "15.1.0",
-    "@testing-library/jest-dom": "5.16.5",
+    "@rollup/plugin-commonjs": "25.0.7",
+    "@rollup/plugin-json": "6.0.1",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@testing-library/jest-dom": "6.1.4",
     "@testing-library/react": "14.0.0",
-    "@types/jest": "29.5.3",
-    "@types/react": "18.2.15",
-    "@types/react-dom": "18.2.7",
-    "@typescript-eslint/eslint-plugin": "6.1.0",
-    "@typescript-eslint/parser": "6.1.0",
+    "@types/jest": "29.5.6",
+    "@types/react": "18.2.33",
+    "@types/react-dom": "18.2.14",
+    "@typescript-eslint/eslint-plugin": "6.9.0",
+    "@typescript-eslint/parser": "6.9.0",
     "ajv": "8.12.0",
-    "eslint": "8.45.0",
-    "eslint-plugin-react": "7.32.2",
-    "glob": "10.3.3",
+    "eslint": "8.52.0",
+    "eslint-plugin-react": "7.33.2",
+    "glob": "10.3.10",
     "ignore-styles": "5.0.1",
-    "jest": "29.6.1",
-    "jest-environment-jsdom": "29.6.1",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
     "node-sass": "9.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rollup": "3.26.3",
+    "rollup": "4.1.4",
     "rollup-plugin-progress": "1.1.2",
-    "rollup-plugin-sass": "1.12.19",
-    "rollup-plugin-typescript2": "0.35.0",
+    "rollup-plugin-sass": "1.12.21",
+    "rollup-plugin-typescript2": "0.36.0",
     "ts-jest": "29.1.1",
     "ts-node": "10.9.1",
-    "typescript": "5.1.6"
+    "typescript": "5.2.2"
   }
 }

package/src/View.tsx

@@ -37,14 +37,17 @@ export abstract class View<TPageProps extends IViewProps = IViewProps> extends R
         return null;
     }
 
-    /**
-     * @ignore
-     */
+    protected _getViewBodyClass(): string {
+        return this.constructor.name;
+    }
+
     public componentDidMount(): void {
         this.getTitle().then((title: string) => {
             this.props.router.setTitle(title);
         });
 
+        document.body.classList.add(this.$getViewBodyClass());
+
         let stylesheet: IViewStylesheet = this.getViewStylesheet();
         if (stylesheet) {
             stylesheet.use();
@@ -53,10 +56,12 @@ export abstract class View<TPageProps extends IViewProps = IViewProps> extends R
         this.props.router.__onViewMount(this);
     }
 
-    /**
-     * @ignore
-     */
+    private $getViewBodyClass(): string {
+        return `${this._getViewBodyClass()}-body`;
+    }
+
     public componentWillUnmount(): void {
+        document.body.classList.remove(this.$getViewBodyClass());
         let stylesheet: IViewStylesheet = this.getViewStylesheet();
         if (stylesheet) {
             stylesheet.unuse();