feat: show open source plugin source url on plugin page (Acode-Foundation#1393)

bajrangCoder · web-flow · commit 13390c59118b · 2025-06-26T18:59:33.000+05:30
diff --git a/src/lang/ar-ye.json b/src/lang/ar-ye.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/be-by.json b/src/lang/be-by.json
@@ -404,5 +404,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/bn-bd.json b/src/lang/bn-bd.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/cs-cz.json b/src/lang/cs-cz.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/de-de.json b/src/lang/de-de.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/en-us.json b/src/lang/en-us.json
@@ -404,5 +404,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/es-sv.json b/src/lang/es-sv.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/fr-fr.json b/src/lang/fr-fr.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/he-il.json b/src/lang/he-il.json
@@ -404,5 +404,6 @@
 	"quicktools:hash": "הוסף סמל גיבוב",
 	"quicktools:dollar": "הוסף סימן דולר",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/hi-in.json b/src/lang/hi-in.json
@@ -404,5 +404,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/hu-hu.json b/src/lang/hu-hu.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Számjel beszúrása",
 	"quicktools:dollar": "Dollárjel beszúrása",
 	"quicktools:modulo": "Százalékjel beszúrása",
-	"quicktools:caret": "Hatványjel beszúrása"
+	"quicktools:caret": "Hatványjel beszúrása",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/id-id.json b/src/lang/id-id.json
@@ -404,5 +404,6 @@
 	"quicktools:hash": "Masukkan tanda pagar",
 	"quicktools:dollar": "Masukkan simbol dolar",
 	"quicktools:modulo": "Masukkan simbol modulus/persen",
-	"quicktools:caret": "Masukkan tanda sisipan"
+	"quicktools:caret": "Masukkan tanda sisipan",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/ir-fa.json b/src/lang/ir-fa.json
@@ -404,5 +404,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/it-it.json b/src/lang/it-it.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/ja-jp.json b/src/lang/ja-jp.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/ko-kr.json b/src/lang/ko-kr.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/ml-in.json b/src/lang/ml-in.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/mm-unicode.json b/src/lang/mm-unicode.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/mm-zawgyi.json b/src/lang/mm-zawgyi.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/pl-pl.json b/src/lang/pl-pl.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/pt-br.json b/src/lang/pt-br.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/pu-in.json b/src/lang/pu-in.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/ru-ru.json b/src/lang/ru-ru.json
@@ -404,5 +404,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/tl-ph.json b/src/lang/tl-ph.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/tr-tr.json b/src/lang/tr-tr.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/uk-ua.json b/src/lang/uk-ua.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/uz-uz.json b/src/lang/uz-uz.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/vi-vn.json b/src/lang/vi-vn.json
@@ -404,5 +404,6 @@
 	"quicktools:hash": "Chèn ký tự thăng",
 	"quicktools:dollar": "Chèn ký tự đô la",
 	"quicktools:modulo": "Chèn ký tự chia lấy dư/phần trăm",
-	"quicktools:caret": "Chèn ký tự gạch dọc"
+	"quicktools:caret": "Chèn ký tự gạch dọc",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/zh-cn.json b/src/lang/zh-cn.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/zh-hant.json b/src/lang/zh-hant.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/lang/zh-tw.json b/src/lang/zh-tw.json
@@ -403,5 +403,6 @@
 	"quicktools:hash": "Insert Hash symbol",
 	"quicktools:dollar": "Insert dollar symbol",
 	"quicktools:modulo": "Insert modulo/percent symbol",
-	"quicktools:caret": "Insert caret symbol"
+	"quicktools:caret": "Insert caret symbol",
+	"open_source": "Open Source"
 }
diff --git a/src/pages/plugin/plugin.js b/src/pages/plugin/plugin.js
@@ -111,6 +111,7 @@ export default async function PluginInclude(
 				license: installedPlugin.license,
 				keywords: installedPlugin.keywords,
 				contributors: installedPlugin.contributors,
+				repository: installedPlugin.repository,
 				description,
 				changelogs,
 			};
diff --git a/src/pages/plugin/plugin.scss b/src/pages/plugin/plugin.scss
@@ -21,9 +21,39 @@
       background-size: contain;
     }
     .plugin-info {
-      .plugin-name {
-        font-size: 24px;
+      .title-wrapper {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: 16px;
         margin-bottom: 8px;
+        .plugin-name {
+          font-size: 24px;
+          margin-bottom: 0;
+        }
+        .source-indicator {
+          display: flex;
+          align-items: center;
+          gap: 6px;
+          background: rgba(0, 0, 0, 0.3);
+          backdrop-filter: blur(10px);
+          border-radius: 20px;
+          padding: 6px 10px;
+          font-size: 11px;
+          color: var(--primary-text-color);
+          cursor: pointer;
+          transition: all 0.3s ease;
+          border: 1px solid rgba(255, 255, 255, 0.1);
+          text-decoration: none;
+          &:hover {
+            background-color: rgba(0, 0, 0, 0.5);
+            transform: translateY(-1px);
+          }
+          .icon {
+            color: var(--primary-text-color);
+            font-size: 14px;
+          }
+        }
       }
       .plugin-meta {
         display: flex;
@@ -274,6 +304,12 @@
       text-align: center;
     }
 
+    .source-indicator {
+      position: absolute;
+      top: 20px;
+      right: 20px;
+    }
+    .title-wrapper,
     .plugin-meta,
     .metrics-row,
     .keywords {
diff --git a/src/pages/plugin/plugin.view.js b/src/pages/plugin/plugin.view.js
@@ -19,6 +19,7 @@ export default (props) => {
 		downloads,
 		license,
 		changelogs,
+		repository,
 		keywords: keywordsRaw,
 		contributors: contributorsRaw,
 		votes_up: votesUp,
@@ -49,7 +50,15 @@ export default (props) => {
 					style={{ backgroundImage: `url(${icon})` }}
 				></div>
 				<div className="plugin-info">
-					<h1 className="plugin-name">{name}</h1>
+					<div className="title-wrapper">
+						<h1 className="plugin-name">{name}</h1>
+						{repository ? (
+							<a href={repository} className="source-indicator">
+								<i className="icon github"></i>
+								<span>{strings.open_source}</span>
+							</a>
+						) : null}
+					</div>
 					<div className="plugin-meta">
 						<span className="meta-item">
 							<i className="licons tag" style={{ fontSize: "12px" }}></i>

Original file line number	Diff line number	Diff line change
`@@ -403,5 +403,6 @@`
`403`	`403`	`"quicktools:hash": "Insert Hash symbol",`
`404`	`404`	`"quicktools:dollar": "Insert dollar symbol",`
`405`	`405`	`"quicktools:modulo": "Insert modulo/percent symbol",`
`406`		`- "quicktools:caret": "Insert caret symbol"`
	`406`	`+ "quicktools:caret": "Insert caret symbol",`
	`407`	`+ "open_source": "Open Source"`
`407`	`408`	`}`
Original file line number	Diff line number	Diff line change
`@@ -404,5 +404,6 @@`
`404`	`404`	`"quicktools:hash": "Insert Hash symbol",`
`405`	`405`	`"quicktools:dollar": "Insert dollar symbol",`
`406`	`406`	`"quicktools:modulo": "Insert modulo/percent symbol",`
`407`		`- "quicktools:caret": "Insert caret symbol"`
	`407`	`+ "quicktools:caret": "Insert caret symbol",`
	`408`	`+ "open_source": "Open Source"`
`408`	`409`	`}`