---
# System prepended metadata

title: Untitled

---






```mermaid
flowchart LR
    A[Start] --> B{Multi-Tier Web App}
    B -->|Description| C[Client Tier: UI]
    C --> D[Web Browser: Interacts]
    D --> E[Frontend Servers: Hosts]
    B -->|Description| F[Application Tier: Logic]
    F --> G[Load Balancer: Distributes]
    G --> H[Application Servers: Requests]
    G --> I[Caching Layer: Stores]
    B -->|Description| J[Database Tier: Storage]
    J --> K[Database Server: Hosts]
    K --> L[Database Replication: Redundancy]
    K --> M[Database Backup: Prevents]
    B -->|Description| N[Storage Tier: Storage]
    N --> O[Object Storage: Files]
    N --> P[Block Storage: Capacity]
    K --> Q[Database Storage: Dedicated]
    B -->|Description| R[Networking Components: Setup]
    R --> S[Virtual Private Cloud: Isolates]
    S --> T[Security Groups: Firewall]
    S --> U[Virtual Network Appliances: Services]
    B -->|Description| V[Management and Monitoring]
    V --> W[Orchestration Tool: Automates]
    V --> X[Logging and Monitoring: Monitors]
    V --> Y[Identity & Access Management: Manages]
    B -->|Description| Z[End]

```
# the biggesrhgghjkfghghfgggg
### middle
###### h6
```mermaid
graph TD
  subgraph Website
    current_website([Current Website])
    current_website -->|Script| content_scriptjs([content script.js])
  end

  content_scriptjs -->|Check if URL is trusted| whitelist(Whitelist)
  content_scriptjs -->|JS code, URL| service_workerjs([service worker.js])

  subgraph JavaScript
    esprima_js([Esprima.js])
    esprima_js -->|Import| service_workerjs
  end

  service_workerjs -->|Store Prediction Result| chrome_storage([Chrome Storage])

  subgraph Chrome Extension
    chrome_storage -->|Check if Prediction Result Exist| content_scriptjs
    chrome_storage -->|Get Prediction Result| popup_js([popup.js])
  end

  subgraph User Interface
    popup_js -->|Deploy Result| popup_htmlcss([popup.html and popup.css])
  end

  subgraph Server["fa:fa-server Server"]
    service_workerjs -->|AST, URL| server_py([server.py])
    server_py -->|AST, URL| service_workerjs
  end
```
```mermaid
flowchart LR
    google_extension -->user(User)
  subgraph Google Extension
    google_extension([Google Extension])
    malicious_js_detection_module([Malicious JS Detection Module])-->|Result|google_extension
     phishing_url_detection_module([Phishing URL Detection Module])-->|Result|google_extension
  end

  subgraph Website
    website_url([Website URL])
    website_script([Website Script])
  end

  website_url -->|malicious JS detection module| malicious_js_detection_module
  website_script -->|phishing URL detection module| phishing_url_detection_module
```


```mermaid
flowchart LR
    style popup_page rect:100,60;
    popup_page --> user(User)
    website(Website) --> content_script
    subgraph Server
        malicious_js_detection_module
        phishing_url_detection_module
    end

    subgraph chrome_extension
        content_script
        background_script
        popup_page
        whitelist_database
        setting_page
    end
    content_script --> background_script
    background_script --> popup_page
    background_script -->|check| whitelist_database
    setting_page -->|modify| whitelist_database
    background_script -->|AST| Server
    Server -->|result| background_script

```
```mermaid
flowchart TD
  subgraph Data_Preprocessing
    A[Load Data : import SQL data to dataframe]
    B[Tokenize URLs : RegexpTokenizer]
    C[Stemming : SnowballStemmer]
    D[Create Text Sentences]
    H[Remove Stopwords : STOPWORDS]
  end

  subgraph Model_Training
    I[Vectorize Text Data : CountVectorizer]
    J[Train-Test Split : train_test_split]
    K[Decision Tree : DTClassifier]
    L[Random Forest : RFClassifier]
    M[KNN : KNNClassifier]
    N[SVM : SVC]
    O[BERT Model : Transformers]
    P[XGBoost : XGBClassifier]
  end

  A --> B
  B --> C
  C --> D
  D --> H
  H --> I
  I --> J
  J --> K
  J --> L
  J --> M
  J --> N
  J --> O
  J --> P

```

```mermaid
flowchart LR

subgraph config.json
  A[DEST_ACCOUNT: Description of the destination account]
  B[DEST_DIR: Description of the destination directory]
  C[SOURCE_ORG: Description of the source organization]
  D[DEST_ORG: Description of the destination organization]
end

subgraph Scripts
  E[Main Script main.sh]
  F[Get Scripts get-*.sh]
  G[Error Message Extraction get-err-msgs.sh]
  H[Login Script login.sh]
  I[Post Scripts post-*.sh]
  J[Error Message Extraction post-err-msgs.sh]
end

A --> B
B --> C
C --> D
E --> F
F --> G
G --> H
H --> I
I --> J
config.json --> Scripts
Scripts --> config.json

```