feat: show open source plugin url on plugin page

Author: bajrangCoder

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,
 			};

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 {

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>Open Source</span>
+							</a>
+						) : null}
+					</div>
 					<div className="plugin-meta">
 						<span className="meta-item">
 							<i className="licons tag" style={{ fontSize: "12px" }}></i>