New:Socket for Asana Is Now Available.Learn more →
Get Started

khatarabic: Type Latin, Get Arabic

Package Overview
Versions
1
Alerts
File Explorer
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

zilliondotcom@gmail.com - firefox Package Compare versions

Comparing version
1.0.0
 to
2.0.0
+10
-0
converter.css

@@ -241,2 +241,12 @@ * {

#studioBtn {
background: #ffeb3b !important;
color: #000 !important;
}
#studioBtn:hover {
background: #ffd633 !important;
opacity: 1;
}
/* Settings Panel */

@@ -243,0 +253,0 @@ .settings-panel {

+2
-1
converter.html

@@ -51,2 +51,3 @@ <!DOCTYPE html>

<button id="copyBtn" class="btn btn-primary">📋 Copy Arabic Text</button>
<button id="studioBtn" class="btn btn-primary" style="background: #ffeb3b; color: #000; margin-top: 12px;">🎨 Try khatarabic Studio</button>
</div>

@@ -73,3 +74,3 @@ </div>

<footer class="footer">
© 2026 Khatarabic. All rights reserved.
© 2026 Khatarabic v2.0.0. All rights reserved.
</footer>

@@ -76,0 +77,0 @@ 

+12
-4
converter.js

@@ -179,10 +179,18 @@ (() => {

document.getElementById('optionsBtn').addEventListener('click', () => {
const optionsUrl = typeof chrome !== 'undefined' && chrome.runtime ?
chrome.runtime.getURL('options.html') :
const optionsUrl = typeof chrome !== 'undefined' && chrome.runtime ?
chrome.runtime.getURL('options.html') :
browser.runtime.getURL('options.html');
typeof chrome !== 'undefined' && chrome.tabs ?
chrome.tabs.create({ url: optionsUrl }) :
typeof chrome !== 'undefined' && chrome.tabs ?
chrome.tabs.create({ url: optionsUrl }) :
browser.tabs.create({ url: optionsUrl });
});
// Open khatarabic Studio
document.getElementById('studioBtn')?.addEventListener('click', () => {
const studioUrl = 'https://studio.khatarabic.com/';
typeof chrome !== 'undefined' && chrome.tabs ?
chrome.tabs.create({ url: studioUrl }) :
browser.tabs.create({ url: studioUrl });
});
// Listen for storage changes from options page

@@ -189,0 +197,0 @@ try {

+1
-1
manifest.json
{
"manifest_version": 3,
"name": "khatarabic: Type Latin, Get Arabic",
"version": "1.0.0",
"version": "2.0.0",
"description": "Real-time Latin-to-Arabic transliterator. Type Latin letters, and it instantly converts to Arabic script right as you write.",

@@ -6,0 +6,0 @@ "browser_specific_settings": {

+4
-4
popup.html

@@ -29,3 +29,4 @@ <!doctype html>

<button id="copyBtn" class="copy-btn">📋 Copy Arabic Text</button>
<div class="version">Version 1.0.0</div>
<button id="studioBtn" class="copy-btn" style="background: #ffeb3b; color: #000;">🎨 Try khatarabic Studio</button>
<div class="version">Version 2.0.0</div>
</div>

@@ -39,5 +40,4 @@ </div>

<script type="module">
import browser from "/browser-polyfill.js";
<script>
// Firefox natively supports browser.* API
browser.runtime.sendMessage({ sidebar: "opened" });

@@ -44,0 +44,0 @@ 

+12
-4
popup.js

@@ -181,10 +181,18 @@ (() => {

document.getElementById('optionsBtn').addEventListener('click', () => {
const optionsUrl = typeof chrome !== 'undefined' && chrome.runtime ?
chrome.runtime.getURL('options.html') :
const optionsUrl = typeof chrome !== 'undefined' && chrome.runtime ?
chrome.runtime.getURL('options.html') :
browser.runtime.getURL('options.html');
typeof chrome !== 'undefined' && chrome.tabs ?
chrome.tabs.create({ url: optionsUrl }) :
typeof chrome !== 'undefined' && chrome.tabs ?
chrome.tabs.create({ url: optionsUrl }) :
browser.tabs.create({ url: optionsUrl });
});
// Open khatarabic Studio
document.getElementById('studioBtn')?.addEventListener('click', () => {
const studioUrl = 'https://studio.khatarabic.com/';
typeof chrome !== 'undefined' && chrome.tabs ?
chrome.tabs.create({ url: studioUrl }) :
browser.tabs.create({ url: studioUrl });
});
// Open converter page

@@ -191,0 +199,0 @@ document.getElementById('converterBtn').addEventListener('click', () => {

+2
-1
popup1.html

@@ -29,5 +29,6 @@ <!doctype html>

<button id="copyBtn" class="copy-btn">📋 Copy Arabic Text</button>
<button id="studioBtn" class="copy-btn" style="background: #ffeb3b; color: #000; margin-top: 8px;">🎨 Try khatarabic Studio</button>
</div>
<div class="version">Version 1.0.0</div>
<div class="version">Version 2.0.0</div>
</div>

@@ -34,0 +35,0 @@ <script src="popup.js"></script>

+10
-0
style.css

@@ -147,2 +147,12 @@ html, body {

#studioBtn {
background: #ffeb3b !important;
color: #000 !important;
}
#studioBtn:hover {
background: #ffd633 !important;
opacity: 1;
}
.help { font-size: 12px; color: var(--muted); }

@@ -149,0 +159,0 @@ .sample-footer {

META-INF/cose.manifest

Sorry, the diff of this file is not supported yet

META-INF/cose.sig

Sorry, the diff of this file is not supported yet

META-INF/manifest.mf

Sorry, the diff of this file is not supported yet

META-INF/mozilla.rsa

Sorry, the diff of this file is not supported yet

META-INF/mozilla.sf

Sorry, the diff of this file is not supported yet