prompthakcer

mindmap
  root((PrompthaKCer))
    Optimization
      30+ Rules
      5 Compression Levels
      Token Counting
      Real-time Stats
    Security
      Credit Card Redaction
      Email Redaction
      SSN Protection
      API Key Detection
    Platforms
      ChatGPT
      Claude
      Gemini
      Grok
      Perplexity
      Custom Sites
    Customization
      Custom Rules
      Site Config
      Keyboard Shortcuts
      Import/Export

# Clone the repository
git clone https://github.com/haKC-ai/prompthakcer.git

# Navigate to chrome://extensions/
# Enable "Developer mode"
# Click "Load unpacked"
# Select the prompthakcer folder

flowchart LR
    subgraph Input["Input"]
        A[Type Prompt]
        B[Paste Text]
    end

    subgraph Action["⬡ haKC"]
        C[Click Button]
        D[Ctrl+Shift+O]
        E[Right-Click Menu]
    end

    subgraph Output["Output"]
        F[Optimized Prompt]
        G[Token Stats]
        H[Copy/Apply]
    end

    A --> C & D & E
    B --> C & D & E
    C & D & E --> F & G
    F --> H

graph LR
    subgraph Levels["Compression Levels"]
        L1["[1] Light<br/>15-25%"]
        L2["[2] Medium<br/>25-40%"]
        L3["[3] Heavy<br/>40-60%"]
        L4["[4] Maximum<br/>50-70%"]
    end

    L1 -->|More Aggressive| L2
    L2 -->|More Aggressive| L3
    L3 -->|More Aggressive| L4

    style L1 fill:#1a1a2e,stroke:#00ffff,color:#00ffff
    style L2 fill:#1a1a2e,stroke:#00ffff,color:#00ffff
    style L3 fill:#1a1a2e,stroke:#ff00ff,color:#ff00ff
    style L4 fill:#1a1a2e,stroke:#ff00ff,color:#ff00ff

flowchart TB
    subgraph Browser["Chrome Browser"]
        subgraph Extension["PrompthaKCer Extension"]
            SW["Service Worker"]
            POP["Popup UI"]
            OPT["Options Page"]
            CS["Content Scripts"]
        end

        subgraph Libs["Shared Libraries"]
            RE["rules-engine.js<br/>38+ Rules"]
            SD["site-detector.js<br/>10+ Sites"]
            HM["history-manager.js"]
        end

        subgraph Storage["Local Storage"]
            HIST[(History)]
            SETT[(Settings)]
            RULES[(Custom Rules)]
        end
    end

    subgraph Remote["GitHub"]
        REMOTE["rules.json<br/>Auto-updating"]
    end

    POP --> RE & HM
    OPT --> RE & SD
    CS --> RE & SD & HM

    RE <-->|Fetch/Cache| REMOTE
    RE --> RULES
    HM --> HIST
    OPT --> SETT

    style Extension fill:#12121f,stroke:#00ffff,color:#fff
    style Libs fill:#1a1a2e,stroke:#ff00ff,color:#fff
    style Storage fill:#0a0a14,stroke:#00ffff,color:#fff
    style Remote fill:#12121f,stroke:#ff00ff,color:#fff

sequenceDiagram
    participant U as User
    participant CS as Content Script
    participant RE as Rules Engine
    participant GH as GitHub
    participant ST as Storage

    U->>CS: Click haKC button
    CS->>RE: analyze(prompt)

    alt Rules not cached
        RE->>GH: Fetch rules.json
        GH-->>RE: 38 rules (v1.2.0)
        RE->>ST: Cache rules
    end

    RE->>RE: Apply compression rules
    RE->>RE: Redact sensitive data
    RE->>RE: Calculate statistics
    RE-->>CS: {optimized, stats}

    CS->>U: Show modal with results
    U->>CS: Apply optimized prompt
    CS->>ST: Save to history
    CS->>U: "Prompt optimized!"

// Example: Remove all emoji
{
  name: "Remove Emoji",
  pattern: "[\\u{1F300}-\\u{1F9FF}]",
  flags: "gu",
  replace: ""
}

// Example: Shorten common phrase
{
  name: "Shorten Please Note",
  pattern: "please note that",
  flags: "gi",
  replace: "note:"
}

prompthakcer/
├── manifest.json           # Chrome extension manifest (MV3)
├── rules.json              # Remote-synced optimization rules
├── background/
│   └── service-worker.js   # Background service worker
├── content/
│   ├── content.js          # Content script for AI sites
│   └── modal.css           # On-page modal styles
├── lib/
│   ├── rules-engine.js     # Core optimization engine
│   ├── site-detector.js    # Site detection and config
│   └── history-manager.js  # History management
├── popup/
│   ├── popup.html/css/js   # Extension popup
├── options/
│   ├── options.html/css/js # Settings page
└── icons/
    └── icon*.png           # Extension icons