12 |
15 |
10 | {children}
11 |
12 | );
13 |
14 | export default Background;
15 |
--------------------------------------------------------------------------------
/web/src/app/envelope.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/browser-extension/src/assets/icons/share.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/web/public/assets/icons/listBullet.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/web/src/assets/icons/listBullet.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/browser-extension/src/utils/generateLastMatchedTime.ts:
--------------------------------------------------------------------------------
1 | import { timeDifference } from "./timeDifference";
2 |
3 | export const generateLastMatchedTime = (timestamp: number): string => {
4 | if (typeof timestamp !== "number") return "Not used";
5 | const { days, hours, minutes, seconds } = timeDifference(timestamp);
6 | if (days) return `${days} day${days > 1 ? "s" : ""} ago`;
7 | return `${hours > 0 ? `${hours}h` : ""} ${minutes > 0 ? `${minutes}m` : ""} ${hours > 0 ? "" : `${seconds}s`} ago`;
8 | };
9 |
--------------------------------------------------------------------------------
/web/src/assets/icons/document.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/browser-extension/src/options/options.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | @layer components {
6 | .background-dots {
7 | width: 100%;
8 | height: 100%;
9 | background-color: transparent;
10 | background-image: radial-gradient(#3a4455 1px, transparent 1px), radial-gradient(rgba(36, 40, 41, 0) 1px, rgba(25, 26, 28, 0) 1px);
11 | background-position: 0 0, 10px 10px;
12 | background-size: 20px 20px;
13 | border-radius: 0;
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/web/public/assets/icons/document.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/browser-extension/src/assets/icons/listBullet.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/browser-extension/src/assets/icons/document.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/web/src/app/document.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/browser-extension/src/models/postMessageActionModel.ts:
--------------------------------------------------------------------------------
1 | export enum PostMessageAction {
2 | AddRule,
3 | UpdateRule,
4 | UpdateRuleNew,
5 | DeleteRules,
6 | DeleteRule,
7 | GetStorageRules,
8 | GetRuleById,
9 | EnableRule,
10 | DissableRule,
11 | Log,
12 | GetUserId,
13 | ToggleRule,
14 | DuplicateRule,
15 | UpdateRuleTimestamp,
16 | ExportRules,
17 | ImportRules,
18 | GetExtensionStatus,
19 | ToggleExntesion,
20 | ToggleExntesionOptions,
21 | ToggleRules,
22 | URLChanged,
23 | }
24 |
--------------------------------------------------------------------------------
/browser-extension/src/serviceWorker/firebaseConfig.ts:
--------------------------------------------------------------------------------
1 | const firebaseConfig = {
2 | apiKey: process.env.FIREBASE_API_KEY,
3 | authDomain: process.env.FIREBASE_AUTH_DOMAIN,
4 | projectId: process.env.FIREBASE_PROJECT_ID,
5 | storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
6 | messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID,
7 | appId: process.env.FIREBASE_APP_ID,
8 | measurementId: process.env.FIREBASE_MEASUREMENT_ID,
9 | databaseURL: process.env.FIREBASE_DATABASE_URL,
10 | };
11 |
12 | export default firebaseConfig;
13 |
--------------------------------------------------------------------------------
/web/src/assets/icons/github.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/components/docs/sourceCondition.mdx:
--------------------------------------------------------------------------------
1 | import TextBG from './textBG.mdx'
2 |
3 | **Source Condition:** The Source condition is where you define the rules for determining which requests will match the specified conditions.
4 | You can use 6 |
More about source conditions [here](/docs/source-condition)
7 |
--------------------------------------------------------------------------------
/browser-extension/src/assets/icons/photo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/public/assets/icons/github.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/app/github.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/browser-extension/src/assets/icons/github.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 | .yarn/install-state.gz
8 |
9 | # testing
10 | /coverage
11 |
12 | # next.js
13 | /.next/
14 | /out/
15 |
16 | # production
17 | /build
18 |
19 | # misc
20 | .DS_Store
21 | *.pem
22 |
23 | # debug
24 | npm-debug.log*
25 | yarn-debug.log*
26 | yarn-error.log*
27 |
28 | # local env files
29 | .env*.local
30 |
31 | # vercel
32 | .vercel
33 |
34 | # typescript
35 | *.tsbuildinfo
36 | next-env.d.ts
37 |
--------------------------------------------------------------------------------
/browser-extension/src/options/components/common/icon/icon.tsx:
--------------------------------------------------------------------------------
1 | import { ComponentProps, FC } from "react";
2 | import { twMerge } from "tailwind-merge";
3 | import * as Icons from "@assets/icons";
4 |
5 | type Props = { name: Icons.IconName; className?: string } & ComponentProps<"span">;
6 |
7 | const Icon: FC
12 | {children}
13 |
14 | );
15 | };
16 |
17 | export default Section;
18 |
--------------------------------------------------------------------------------
/web/public/assets/icons/star.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/web/src/assets/icons/star.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/web/src/assets/icons/wrench.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/public/assets/icons/wrench.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/app/star.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/browser-extension/src/assets/icons/star.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/browser-extension/src/assets/icons/wrench.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/components/section/section.tsx:
--------------------------------------------------------------------------------
1 | import { PropsWithChildren } from "react";
2 | import { twMerge } from "tailwind-merge";
3 |
4 | type Props = PropsWithChildren<{
5 | classes?: string;
6 | }>;
7 |
8 | const Section = ({ children, classes = "" }: Props) => {
9 | return (
10 |
17 | {children}
18 |
19 | );
20 | };
21 |
22 | export default Section;
23 |
--------------------------------------------------------------------------------
/browser-extension/src/options/pages/forms/injectFile/generateInjectFileRules.tsx:
--------------------------------------------------------------------------------
1 | import HeaderOperation = chrome.declarativeNetRequest.HeaderOperation;
2 | import RuleActionType = chrome.declarativeNetRequest.RuleActionType;
3 |
4 | const generateRule = (fields) =>
5 | fields.conditions.map(() => ({
6 | action: {
7 | type: RuleActionType.MODIFY_HEADERS,
8 | responseHeaders: [
9 | {
10 | header: "Content-Security-Policy",
11 | operation: HeaderOperation.REMOVE,
12 | },
13 | ],
14 | },
15 | }));
16 |
17 | export default generateRule;
18 |
--------------------------------------------------------------------------------
/web/src/assets/icons/clipboard.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/browser-extension/src/utils/throttle.ts:
--------------------------------------------------------------------------------
1 | export const throttle = (func: Function, delay: number): ((...args: unknown[]) => void) => {
2 | let throttleRunning = false;
3 | let callImmedeiately = true;
4 |
5 | return function (...args: unknown[]) {
6 | if (throttleRunning) return;
7 | throttleRunning = true;
8 |
9 | setTimeout(() => {
10 | func(...args);
11 | throttleRunning = false;
12 | }, (callImmedeiately && 1) || delay);
13 |
14 | callImmedeiately = false;
15 |
16 | setTimeout(() => {
17 | callImmedeiately = true;
18 | }, delay);
19 | };
20 | };
21 |
--------------------------------------------------------------------------------
/web/public/assets/icons/clipboard.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/browser-extension/src/assets/icons/clipboard.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/public/assets/icons/trash.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/web/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/assets/icons/trash.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/browser-extension/src/assets/icons/trash.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/browser-extension/src/context/sideBarContext.tsx:
--------------------------------------------------------------------------------
1 | import { FC, PropsWithChildren, createContext, useState } from "react";
2 |
3 | type SidebarContextValue = {
4 | full: boolean;
5 | setFull: (checked: boolean) => void;
6 | };
7 |
8 | export const SidebarContext = createContext({} as SidebarContextValue);
9 |
10 | type Props = PropsWithChildren<{}>;
11 |
12 | const SidebarContextProvider: FC
12 | {title &&
15 | );
16 | };
17 |
18 | export default SidebarSection;
19 |
--------------------------------------------------------------------------------
/browser-extension/src/options/components/sidebar/components/sidebarSection/sidebarSection.tsx:
--------------------------------------------------------------------------------
1 | import { FC, PropsWithChildren, ReactElement } from "react";
2 | import { twMerge } from "tailwind-merge";
3 |
4 | type Props = PropsWithChildren<{
5 | title?: string | ReactElement;
6 | classes?: string;
7 | }>;
8 |
9 | const SidebarSection: FC{title}
}
13 | - {children}
12 | {title &&
15 | );
16 | };
17 |
18 | export default SidebarSection;
19 |
--------------------------------------------------------------------------------
/web/src/pages/app/install/index.tsx:
--------------------------------------------------------------------------------
1 | import Sidebar from "../../../components/sidebar/sidebar";
2 | import InstallExtension from "../../../components/installExtension/installExtension";
3 | import "./install.css";
4 |
5 | export default function Install() {
6 | return (
7 | {title}
}
13 | - {children}
10 | {children}
11 |
12 | );
13 | };
14 |
15 | export default SkeletonAnimation;
16 |
--------------------------------------------------------------------------------
/browser-extension/src/options/components/routeListener/routeListener.tsx:
--------------------------------------------------------------------------------
1 | import { Outlet, useLocation } from "react-router-dom";
2 | import { FC, PropsWithChildren, useEffect } from "react";
3 | import { PostMessageAction } from "@/models/postMessageActionModel";
4 |
5 | const RouteListener: FC
14 |
21 | );
22 | });
23 |
24 | export default Checkbox;
25 |
--------------------------------------------------------------------------------
/web/src/app/layout.tsx:
--------------------------------------------------------------------------------
1 | import type { Metadata } from "next";
2 | import { GoogleAnalytics } from "@next/third-parties/google";
3 | import { Inter } from "next/font/google";
4 | import "./globals.css";
5 |
6 | const inter = Inter({ subsets: ["latin"] });
7 |
8 | export const metadata: Metadata = {
9 | title: "Inssman: Open-Source: Modify HTTP Request",
10 | description: `Browser extension to intercept HTTP(S) Request, Modify Headers, Log headers, Change Response,
11 | Block Request, Redirect, Custom HTML/CSS/JS/JSON`,
12 | };
13 |
14 | export default function RootLayout({ children }: { children: React.ReactNode }) {
15 | return (
16 |
17 | {children}
18 |
17 | {icon}
18 | {title}
19 |
20 |
21 |
17 | {icon}
18 | {title}
19 |
20 |
21 |
13 |
14 |
18 |
19 |
15 |
17 |
11 |
17 | Please Update Your Browser Version
12 |
13 | Seems your are using an old version. The extension utilizes the latest APIs.
14 |
15 | Please update your browser version to access all features.
16 |
18 |
20 | );
21 | };
22 |
23 | export default Editor;
24 |
--------------------------------------------------------------------------------
/browser-extension/src/options/components/common/extensionToggle/extensionToggle.tsx:
--------------------------------------------------------------------------------
1 | import Switcher from "../switcher/switcher";
2 | import { FC, useContext } from "react";
3 | import { OverlayContext } from "@context/overlayContext";
4 | import Section from "../section/section";
5 |
6 | const ExtensionToggle: FC = () => {
7 | const { showOverlay, setShowOverlay } = useContext(OverlayContext);
8 | const onChange = (event: React.ChangeEvent
15 |
18 | Extension {showOverlay ? "On" : "Off"}
17 |
14 |
19 |
15 |
17 | {text}
18 |
9 |
28 | );
29 | };
30 |
31 | export default FormHOC(RedirectForm);
32 |
--------------------------------------------------------------------------------
/browser-extension/src/options/components/dialog/dialog.tsx:
--------------------------------------------------------------------------------
1 | import RCDialog, { DialogProps } from "rc-dialog";
2 | import { FC, PropsWithChildren } from "react";
3 | import "rc-dialog/assets/index.css";
4 | import "./dialog.css";
5 |
6 | type Props = PropsWithChildren<{
7 | classes?: DialogProps["classNames"];
8 | }> &
9 | DialogProps;
10 |
11 | const Dialog: FCRedirect to
10 |
11 | {
18 | return /\b\s+\b/.test(value) ? "Destination Cannot Contain Space" : undefined;
19 | },
20 | },
21 | }}
22 | render={({ field, fieldState }) => {
23 | return ;
24 | }}
25 | />
26 |
27 |
14 |
15 | {!showOverlay && }
16 |
22 |
23 | );
24 | };
25 |
26 | const Wrapper = () => {
27 | return (
28 |
17 |
21 |
15 |
29 |
30 | );
31 | }
32 |
--------------------------------------------------------------------------------
/browser-extension/src/options/components/notFound/notFound.tsx:
--------------------------------------------------------------------------------
1 | import Section from "@options/components/common/section/section";
2 | import Button from "@options/components/common/button/button";
3 | import { ReactElement, FC } from "react";
4 | import { Link } from "react-router-dom";
5 |
6 | const NotFound: FC = (): ReactElement => {
7 | return (
8 |
16 |
27 |
18 |
22 |
24 |
25 |
26 |
19 |
21 | {children}
23 |
10 |
32 |
11 |
15 |
16 |
12 | We Lost This Page
13 |
14 |
17 |
28 |
18 | The Info You're Looking For Can't Be Found.
19 | You Might Want To Try Explore one Of The Links In The Left Sidebar.
20 |
22 | Or Navigate To{" "} 23 | 24 | 25 | 26 |
27 |
29 | 404
30 |
31 |
27 |
35 |
29 |
34 | -
14 | {paths.map(
15 | ({ icon, text, path }, index) =>
16 | path !== PageType.HTTP_LOGGER && (
17 |
- onClick(index)}>
18 | 26 | 27 |33 |
28 | 29 | <> 30 | {text} 31 | 32 |
34 | )
35 | )}
36 |
50 |
52 | {renderWord()}
51 | -
18 |
- onChangeTab(Tabs.RuleList)}>
19 | 26 | {29 |
} 27 | Rule List 28 |
30 | - onChangeTab(Tabs.CreatRule)}>
31 | 38 | {41 |
} 39 | Create Rule 40 |
42 |
4 |
20 | Loading...
21 |
22 | );
23 | };
24 |
25 | export default Loading;
26 |
--------------------------------------------------------------------------------
/web/src/components/HTTPRulesList/content/content.tsx:
--------------------------------------------------------------------------------
1 | import Image from "next/image";
2 | import { paths } from "@/components/sidebar/paths";
3 | import { FC } from "react";
4 | import { HTTPRulesTypeInfo } from "./config";
5 |
6 | type Props = {
7 | activeIndex: number;
8 | };
9 |
10 | const Content: FC
16 |
42 | );
43 | };
44 |
45 | export default Content;
46 |
--------------------------------------------------------------------------------
/web/src/components/header/header.tsx:
--------------------------------------------------------------------------------
1 | import Image from "next/image";
2 | import Logo from "../../../../browser-extension/src/assets/images/icons/inssman_big.png";
3 | import Link from "next/link";
4 | import { FC } from "react";
5 |
6 | type Props = {
7 | navbar?: boolean;
8 | };
9 |
10 | const Header: FC
17 |
41 | {activeRuleInfo.title}
18 |
19 |
25 |
40 |
26 |
39 |
27 |
38 | {activeRuleInfo.description}
28 |
29 |
34 | Create a Rule
35 |
36 |
37 |
14 |
37 |
15 |
17 | {navbar && (
18 |
26 | )}
27 |
28 |
33 | Open Application
34 |
35 |
36 |
12 |
37 | );
38 | };
39 |
40 | export default HTTPRulesList;
41 |
--------------------------------------------------------------------------------
/browser-extension/src/context/overlayContext.tsx:
--------------------------------------------------------------------------------
1 | import { FC, PropsWithChildren, createContext, useCallback, useEffect, useState } from "react";
2 | import { PageSource } from "@models/pageSource";
3 | import { PostMessageAction } from "@models/postMessageActionModel";
4 |
5 | type OverlayContextValue = {
6 | showOverlay: boolean;
7 | setShowOverlay: (checked: boolean) => void;
8 | };
9 |
10 | type Props = PropsWithChildren<{
11 | source?: string;
12 | }>;
13 |
14 | export const OverlayContext = createContext({} as OverlayContextValue);
15 |
16 | const OverlayContextProvider: FC
14 |
36 |
15 |
16 | HTTP Modification List
17 |
18 |
19 | Redirect Requests, Modify Responses, Inject Files Modify Headers,
Modify Query Params, and much more. 20 | 21 |
22 |
23 | Modify Query Params, and much more. 20 | 21 |
24 |
35 |
25 |
34 |
26 |
30 |
27 |
29 |
31 |
33 | {item[this.field]}
;
91 | },
92 | },
93 | ];
94 |
--------------------------------------------------------------------------------
/web/src/components/backgroundBox/backgroundBox.tsx:
--------------------------------------------------------------------------------
1 | const BackgroundBox = () => (
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | );
13 |
14 | export default BackgroundBox;
15 |
--------------------------------------------------------------------------------
/browser-extension/src/popup/components/createRules/createRules.tsx:
--------------------------------------------------------------------------------
1 | import Section from "@options/components/common/section/section";
2 | import { FC, Fragment, ReactElement, useContext } from "react";
3 | import { paths } from "@options/components/app/paths";
4 | import { FeatureToggleContext } from "@/context/featureToggleContext";
5 | import TabService from "@/services/TabService";
6 |
7 | const CreateRules: FC = (): ReactElement => {
8 | const { featureOpenWebApp } = useContext(FeatureToggleContext);
9 |
10 | const onClick = (path) => {
11 | if (featureOpenWebApp) {
12 | const url: string = `https://www.inssman.com/app/create/${path}`;
13 | TabService.createTab(url);
14 | return;
15 | }
16 | chrome.tabs.query({ active: true, currentWindow: true }, (tab) => {
17 | const { hostname } = new URL(tab[0].url as string);
18 | const hostnameArr = hostname.split(".");
19 | const name = hostnameArr[hostnameArr.length - 2];
20 | // const url: string = `options/options.html#/create/${path}?source=${hostname}&name=${capitalizeFirstLetter(name)}`;
21 | const url: string = `options/options.html#/create/${path}`;
22 | TabService.createTab(chrome.runtime.getURL(url));
23 | });
24 | };
25 |
26 | return (
27 |
29 | {paths.map(({ icon, text, path }, index) => (
30 |
31 | {index % 3 === 0 ? : null}
32 |
33 |
40 |
41 | ))}
42 |
43 | onClick(path)}>
34 |
39 |
35 |
38 | {icon}
36 | {text}
37 |
48 |
51 | )}
52 | Modify Request Body
12 | 13 |14 | 15 | The Modify Request Body allows to modify the API request body with custom payload without touching the source code. 16 | 17 |
18 | 19 |
20 |
21 | 22 | 23 |
26 | 27 |
28 |
32 |
35 | Inject File
36 |
37 |
41 | HTTP Logger
42 |
45 |
46 |
47 |
48 | export default function MDXPage({ children }) {
49 | return
8 |
50 |
9 |
24 |
25 |
10 | Please Install The Browser Extension{" "}
11 |
12 |
13 | INSSMAN
14 |
15 |
16 |
17 |
18 | To unlock the full potential of Inssman, harness all its provided features.
19 |
20 | All features are free and there is not any limitation to create a rule. 21 |
22 |
23 | 20 | All features are free and there is not any limitation to create a rule. 21 |
22 |
26 |
30 | Install Inssman For Google Chrome
31 | 
36 |
37 |
41 | Install Inssman For Microsft Edge
42 | 
47 |
48 |
49 |
18 |
58 | );
59 | }
60 | );
61 |
62 | export default Input;
63 |
--------------------------------------------------------------------------------
/browser-extension/src/options/components/app/app.tsx:
--------------------------------------------------------------------------------
1 | import FeatureToggleProvider from "@context/featureToggleContext";
2 | import Background from "@options/components/common/background/background";
3 | import Header from "../header/header";
4 | import Footer from "../footer/footer";
5 | import Sidebar from "../sideBar/sidebar";
6 | import RuleRoutes from "./routes";
7 | import BrowserSupport from "./browserSupport";
8 | import Section from "../common/section/section";
9 | import OverlayContextProvider, { OverlayContext } from "@context/overlayContext";
10 | import { ToastContainer, Bounce } from "react-toastify";
11 | import { useContext } from "react";
12 | import { HashRouter } from "react-router-dom";
13 | import "@services/TrackService";
14 | import "react-toastify/dist/ReactToastify.css";
15 |
16 | const App = () => {
17 | const { showOverlay } = useContext(OverlayContext);
18 |
19 | return (
20 |
19 | {startIcon && (
20 |
56 |
25 | {startIcon}
26 |
27 | )}
28 |
52 | {endIcon}
53 |
54 | )}
55 | {error}
57 |
21 |
33 | );
34 | };
35 |
36 | const Wrapper = () => {
37 | return (
38 | <>
39 |
23 |
25 | {!showOverlay && }
26 |
27 |
29 |
30 |
31 |
32 | -
2 |
- [Introduction](/docs/introduction) 3 |
- [Quick Start](/docs/quick-start) 4 |
- [Install](/docs/install) 5 |
-
6 | 7 |18 |
HTTP Rules
8 |9 |17 |[Redirect](/docs/redirect)10 |[Block](/docs/block)11 |[Query Params](/docs/query-param)12 |[Modify Header](/docs/modify-header)13 |[Modify Response](/docs/modify-response)14 |[Inject File](/docs/inject-file)15 |[Modify Request Body](/docs/modify-request-body)16 |
19 | - [HTTP Logger](/docs/http-logger) 20 |
- [Source Condition](/docs/source-condition) 21 |