Organizing repository

README.md

@@ -1,4 +1,2 @@
-# interactive-fics
-Chrome extension that replaces Y/N (and similar) in Reader Insert/second person fics with a name of your choice.
-Please see the license file.
-Art/logo credits/copyrights belong to Oleg Gert (www.oleggert.ru)
+# MetamorPOV
+To-do: copy from Obsidian

flake.lock

@@ -0,0 +1,39 @@
+{
+  "nodes": {
+    "nixpkgs": {
+      "locked": {
+        "lastModified": 0,
+        "narHash": "sha256-463SNPWmz46iLzJKRzO3Q2b0Aurff3U1n0nYItxq7jU=",
+        "path": "/nix/store/yw6kg4rb9v8s3ypjbpspig5r81m4lr5s-source",
+        "type": "path"
+      },
+      "original": {
+        "id": "nixpkgs",
+        "type": "indirect"
+      }
+    },
+    "root": {
+      "inputs": {
+        "nixpkgs": "nixpkgs",
+        "systems": "systems"
+      }
+    },
+    "systems": {
+      "locked": {
+        "lastModified": 1681028828,
+        "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
+        "owner": "nix-systems",
+        "repo": "default",
+        "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
+        "type": "github"
+      },
+      "original": {
+        "owner": "nix-systems",
+        "repo": "default",
+        "type": "github"
+      }
+    }
+  },
+  "root": "root",
+  "version": 7
+}

manifest.json

@@ -1,41 +0,0 @@
-{
-  "update_url": "https://clients2.google.com/service/update2/crx",
-  "manifest_version": 2,
-  "name": "InteractiveFics",
-  "author": "mariamrf",
-  "version": "5.2.3",
-  "description": "Replaces Y/N & other variables in Reader Insert/second person fics with words of your choice.",
-  "browser_action": {
-  	"default_title": "InteractiveFics",
-    "default_icon": "icon.png",
-    "default_popup": "popup.html"
-  },
-  "permissions": [
-    "storage",
-    "tabs"
-  ],
-  "icons": {
-    "16": "icon-16.png",
-    "48": "icon-48.png",
-    "128": "icon-128.png"
-  },
-  "content_scripts": [
-    {
-      "js": [
-        "content_script.js"
-      ],
-      "run_at": "document_idle",
-      "matches": [
-        "*://*/*"
-      ]
-    }
-  ],
-  "incognito": "split",
-  "background": {
-    "page": "popup.html"
-  },
-  "homepage_url": "https://interactivefics.tumblr.com",
-  "web_accessible_resources": [
-    "toucan-banner.png"
-  ]
-}

src/img/check.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check"><path d="M20 6 9 17l-5-5"/></svg>

src/img/configure.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cog"><path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z"/><path d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/><path d="M12 2v2"/><path d="M12 22v-2"/><path d="m17 20.66-1-1.73"/><path d="M11 10.27 7 3.34"/><path d="m20.66 17-1.73-1"/><path d="m3.34 7 1.73 1"/><path d="M14 12h8"/><path d="M2 12h2"/><path d="m20.66 7-1.73 1"/><path d="m3.34 17 1.73-1"/><path d="m17 3.34-1 1.73"/><path d="m11 13.73-4 6.93"/></svg>

src/img/refresh.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>

src/img/toggle-off.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-toggle-left"><rect width="20" height="12" x="2" y="6" rx="6" ry="6"/><circle cx="8" cy="12" r="2"/></svg>

src/img/toggle-on.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-toggle-right"><rect width="20" height="12" x="2" y="6" rx="6" ry="6"/><circle cx="16" cy="12" r="2"/></svg>

src/img/x.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>

src/manifest.json

@@ -0,0 +1,47 @@
+{
+  "manifest_version": 2,
+  "name": "MetamorPOV",
+  "author": "Jean Viscogliosi-Pate",
+  "version": "0.1.0",
+
+  "description": "Enables customization of reader-insert stories by replacing author-provided hooks such as Y/n, pov/s, and vrb/do/present/.",
+
+  "browser_action": {
+  	"default_title": "MetamorPOV",
+    "default_icon": {
+      "32": "icons/icon-32.png",
+      "48": "icons/icon-48.png"
+    },
+    "default_popup": "popup.html"
+  },
+  "permissions": [
+    "storage",
+    "tabs"
+  ],
+
+  "icons": {
+    "16":  "icons/icon-16.png",
+    "32":  "icons/icon-32.png",
+    "48":  "icons/icon-48.png",
+    "64":  "icons/icon-64.png",
+    "96":  "icons/icon-96.png",
+    "128": "icons/icon-128.png"
+  },
+
+  "content_scripts": [
+    {
+      "js": [
+        "content_script.js"
+      ],
+      "run_at": "document_idle",
+      "matches": [
+        "*://*/*"
+      ]
+    }
+  ],
+  "incognito": "split",
+  "background": {
+    "page": "popup.html"
+  },
+  "homepage_url": "https://git.viscogliosi-pate.com/jean/metamorpov"
+}

src/popup/popup.css

@@ -2,39 +2,11 @@ body {
 	background-color: white;
 	color: #2C3531;
 	width: 380px;
-	font-family: 'Rubik', sans-serif;
-	margin: 0px;
-}
-
-#body-without-toucan {
+	font-family: 'Inter', sans-serif;
 	padding:10px;
 	margin: 8px;
 }
 
-#toucan {
-	width: 100%;
-}
-
-#toucan a {
-	text-decoration: none;
-	font-weight: 800;
-}
-
-#toucan hr {
-	opacity: 0.3;
-
-}
-#toucan h4 {
-	margin: 10px;
-	text-transform: uppercase;
-	text-align: center;
-}
-
-#toucan img {
-	width: 100%;
-	margin-bottom: -3px;
-}
-
 h1 {
 	font-size: 16px;
 }
@@ -125,4 +97,4 @@ input[type="checkbox"]:hover{
 #src-code {
 	font-size: 0.8em;
 	text-align: right;
-}
+}

src/popup/popup.html

@@ -2,18 +2,18 @@
 <meta charset="UTF-8">
 <html>
 	<head>
-		<link href="https://fonts.googleapis.com/css?family=Rubik:wght@300;500;800&display=swap" rel="stylesheet">
 		<link href='popup.css' rel='stylesheet' type='text/css'>
 		<script src="popup.js" type="text/javascript"></script>
 	</head>
 	<body>
-	<div id="body-without-toucan">
-	<div class="fade-when-deactivate">
-		<h1>Enter the name here:</h1>
+		<h1>Website name here</h1>
+		<h1>MetamorPOV is <b>TODO</b> for this website</h1>
+
 		<form id="change-name-form">
 			<input type="text" id="change-name-form-text"/>
 			<input type="submit" class="change" value="Change"/>
 		</form>
+
 		<details>
 			<summary>Need to replace something other than Y/N?</summary>
 			<p><small>This change will go away when you refresh/go to another page unless you check the box next to "Store this replacement".</small></p>
@@ -47,23 +47,23 @@
 				</ul>
 			</div>
 		</details>
-	</div>
+
 	<div>
 		<details>
 			<summary>⚙️ Settings</summary>
-			<div class="fade-when-deactivate"><input type="checkbox" id="enable-observer"> Auto-detect page changes <small>(Wattpad support)</small><br></div>
-			<div class="fade-when-deactivate-only"><input type="checkbox" id="pause"> Pause extension on "<span id="this-url"></span>"<br></div>
+			<div><input type="checkbox" id="enable-observer"> Auto-detect page changes <small>(Wattpad support)</small><br></div>
+			<div><input type="checkbox" id="pause"> Pause extension on "<span id="this-url"></span>"<br></div>
 			<input type="checkbox" id="deactivate"> Deactivate extension
 		</details>
 	</div>
 	
-	<input type="button" id="refresh-replacements" class="fade-when-deactivate" value="Refresh Replacements"/>
-	
-	<a href="http://interactivefics.tumblr.com/ask" target="_blank">Feedback, suggestions and requests.</a></br>
-	<a href="https://interactivefics.tumblr.com/changelog" target="_blank">> What's new?</a></br>
-	<div id="src-code">
-		🤖 <a href="https://github.com/interactivefics/interactive-fics" target="_blank">source code</a> 🤖
-	</div>
-</div>
+	<input type="button" id="refresh-replacements" value="Refresh replacements"/>
+
+	<ul class="links">
+		<li><a href="https://git.viscogliosi-pate.com/jean/metamorpov/wiki" target="_blank">How to write for MetamorPOV</a></li>
+		<li><a href="https://git.viscogliosi-pate.com/jean/metamorpov/issues" target="_blank">Report an issue</a></li>
+		<li><a href="https://git.viscogliosi-pate.com/jean/metamorpov" target="_blank">Source code</a></li>
+	</ul>
+
 	</body>
-</html>
+</html>

src/popup/popup.js

@@ -234,9 +234,3 @@ const togglePauseDomain = () => {
 		})
 	})
 }
-
-const addToucanBanner = () => {
-	const img = document.createElement('img')
-	img.src = chrome.extension.getURL('toucan-banner.png')
-	document.getElementById('toucan-link').appendChild(img)
-}