refactor all to typescript and scss

Author: cpea2506

.gitignore

@@ -3,3 +3,4 @@ node_modules
 /build
 *.config.js
 *.css*
+*.js

GitHub One Monokai.xcodeproj/project.xcworkspace/xcuserdata/cpea2506.xcuserdatad/UserInterfaceState.xcuserstate

@@ -0,0 +1,31 @@
+function show(enabled: any, useSettingsInsteadOfPreferences: boolean) {
+    if (useSettingsInsteadOfPreferences) {
+        let querySelector = document.querySelector;
+
+        querySelector<HTMLElement>("state-on").innerText =
+            "Status: Enabled";
+        querySelector<HTMLElement>("state-off").innerText =
+            "Status: Disabled";
+        querySelector<HTMLElement>("state-unknown").innerText =
+            "You can turn on GitHub One Monokai’s extension in the Extensions section of Safari Settings.";
+        querySelector<HTMLElement>("open-preferences").innerText =
+            "Open in Safari Settings…";
+    }
+
+    if (typeof enabled === "boolean") {
+        document.body.classList.toggle(`state-on`, enabled);
+        document.body.classList.toggle(`state-off`, !enabled);
+    } else {
+        document.body.classList.remove(`state-on`);
+        document.body.classList.remove(`state-off`);
+    }
+}
+
+function openPreferences() {
+    // @ts-ignore
+    webkit.messageHandlers.controller.postMessage("open-preferences");
+}
+
+document
+    .querySelector("button.open-preferences")
+    .addEventListener("click", openPreferences);

GitHub One Monokai/Resources/Script.js

@@ -26,18 +26,18 @@ body {
 
     font: -apple-system-short-body;
     text-align: center;
-}
 
-body:not(.state-on, .state-off) :is(.state-on, .state-off) {
-    display: none;
-}
+    &:not(.state-on, .state-off) :is(.state-on, .state-off) {
+        display: none;
+    }
 
-body.state-on :is(.state-off, .state-unknown) {
-    display: none;
-}
+    &.state-on :is(.state-off, .state-unknown) {
+        display: none;
+    }
 
-body.state-off :is(.state-on, .state-unknown) {
-    display: none;
+    &.state-off :is(.state-on, .state-unknown) {
+        display: none;
+    }
 }
 
 button {

GitHub One Monokai/Resources/Script.ts

@@ -2,17 +2,17 @@
 // Created by Do Vien on 27/01/2023 at 01:01.
 //
 // Copyright © 2023 CPea2506. All rights reserved.
-// 
-
+//
 
 import Cocoa
 import SafariServices
 import WebKit
 
-let extensionBundleIdentifier = "com.cpea.SafariGitHubSyntaxOneMonokai.Extension"
+let extensionBundleIdentifier = "com.cpea.GitHubOneMonokai.Extension"
 
-class ViewController: NSViewController, WKNavigationDelegate, WKScriptMessageHandler {
+// MARK: - ViewController
 
+class ViewController: NSViewController, WKNavigationDelegate, WKScriptMessageHandler {
     @IBOutlet var webView: WKWebView!
 
     override func viewDidLoad() {
@@ -26,9 +26,9 @@ class ViewController: NSViewController, WKNavigationDelegate, WKScriptMessageHan
     }
 
     func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
-        SFSafariExtensionManager.getStateOfSafariExtension(withIdentifier: extensionBundleIdentifier) { (state, error) in
+        SFSafariExtensionManager.getStateOfSafariExtension(withIdentifier: extensionBundleIdentifier) { state, error in
             guard let state = state, error == nil else {
-                // Insert code to inform the user that something went wrong.
+                debugPrint("Something went wrong: \(error!.localizedDescription)")
                 return
             }
 
@@ -43,15 +43,14 @@ class ViewController: NSViewController, WKNavigationDelegate, WKScriptMessageHan
     }
 
     func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
-        if (message.body as! String != "open-preferences") {
-            return;
+        if message.body as! String != "open-preferences" {
+            return
         }
 
-        SFSafariApplication.showPreferencesForExtension(withIdentifier: extensionBundleIdentifier) { error in
+        SFSafariApplication.showPreferencesForExtension(withIdentifier: extensionBundleIdentifier) { _ in
             DispatchQueue.main.async {
                 NSApplication.shared.terminate(nil)
             }
         }
     }
-
 }

GitHub One Monokai/Resources/Style.css renamed to GitHub One Monokai/Resources/Style.scss

@@ -7,7 +7,8 @@
     "scripts": {
         "build:codemirror": "tailwindcss -i './GitHub One Monokai Extension/Resources/one-monokai-codemirror.css' -o './GitHub One Monokai Extension/Resources/one-monokai-codemirror.css'",
         "build:prettylights": "tailwindcss -i './GitHub One Monokai Extension/Resources/one-monokai-prettylights.css' -o './GitHub One Monokai Extension/Resources/one-monokai-prettylights.css'",
-        "build:css": "sass . && pnpm build:codemirror && pnpm build:prettylights"
+        "build:css": "sass . && pnpm build:codemirror && pnpm build:prettylights",
+        "build": "tsc && pnpm build:css"
     },
     "type": "module",
     "devDependencies": {
@@ -16,6 +17,7 @@
         "sass": "^1.63.6",
         "stylelint": "^15.10.0",
         "stylelint-config-recommended-scss": "^12.0.0",
-        "tailwindcss": "^3.3.2"
+        "tailwindcss": "^3.3.2",
+        "typescript": "^5.1.6"
     }
 }

GitHub One Monokai/ViewController.swift

@@ -0,0 +1,10 @@
+{
+    "compilerOptions": {
+        "target": "ESNext",
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "declaration": false,
+        "skipLibCheck": true,
+        "allowSyntheticDefaultImports": true
+    },
+}