Add matomo and unleash one-click apps (#474)

liara-cloud · Sep 10, 2023 · 52a52d2 · 52a52d2
1 parent 8a49961
commit 52a52d2
Show file tree

Hide file tree

Showing 7 changed files with 150 additions and 5 deletions.
diff --git a/components/PlatformIcon.js b/components/PlatformIcon.js
@@ -19,6 +19,8 @@ import angularIcon from "@liara/platformicons/glass/png/angular.png";
 
 // One-click-apps
 
+import matomoIcon from "@liara/platformicons/svg/matomo.svg";
+import unleashIcon from "@liara/platformicons/svg/unleash.svg";
 import n8nIcon from "@liara/platformicons/svg/n8n.svg";
 import odooIcon from "@liara/platformicons/glass/png/odoo.png";
 import pusherIcon from "./../public/static/platforms/pusher.svg";
@@ -115,6 +117,8 @@ const types = [
   { logo: mattermostIcon, alt: "mattermost" },
   { logo: rocketchatIcon, alt: "rocketchat" },
   { logo: parseserverIcon, alt: "parseserver" },
+  { logo: matomoIcon, alt: "matomo" },
+  { logo: unleashIcon, alt: "unleash" },
 
   // Instructions
 

diff --git a/components/Sidebar/index.js b/components/Sidebar/index.js
@@ -1139,6 +1139,18 @@ const Sidebar = ({ searchOpen, setSearchOpen }) => {
                 PocketBase
               </ActiveLink>
             </li>
+            <li>
+              <ActiveLink href="/one-click-apps/matomo">
+                <PlatformIcon platform="matomo" />
+                Matomo
+              </ActiveLink>
+            </li>
+            <li>
+              <ActiveLink href="/one-click-apps/unleash">
+                <PlatformIcon platform="unleash" />
+                Unleash
+              </ActiveLink>
+            </li>
             <li>
               <ActiveLink href="/one-click-apps/others">
                 دیگر برنامه‌ها

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@liara/platformicons": "^3.6.0",
+    "@liara/platformicons": "^3.8.0",
     "lodash.debounce": "^4.0.8",
     "medium-zoom": "^1.0.8",
     "meilisearch": "^0.32.3",

diff --git a/pages/index.js b/pages/index.js
@@ -206,6 +206,16 @@ const DATA_SECTIONS = {
       title: "PocketBase",
       href: "/one-click-apps/pocketbase",
     },
+    {
+      platform: "matomo",
+      title: "Matomo",
+      href: "/one-click-apps/matomo",
+    },
+    {
+      platform: "unleash",
+      title: "Unleash",
+      href: "/one-click-apps/unleash",
+    },
   ],
 };
 

diff --git a/pages/one-click-apps/matomo.js b/pages/one-click-apps/matomo.js
@@ -0,0 +1,60 @@
+import Head from "next/head";
+import Notice from "../../components/Notice";
+import Layout from "../../components/Layout";
+import PlatformIcon from "../../components/PlatformIcon";
+import ZoomableImage from "../../components/ZoomableImage";
+
+export default () => (
+  <Layout>
+    <Head>
+      <title>مستندات Matomo - لیارا</title>
+    </Head>
+
+    <div className="page-head">
+      <PlatformIcon platform="matomo" />
+      <div className="page-title">
+        <h1>نرم‌افزار آنالیز وب Matomo</h1>
+        <span className="page-description">(Matomo one-click app)</span>
+      </div>
+    </div>
+
+    <h3>درباره Matomo</h3>
+    <p>
+      <a href="https://matomo.org/" target="_blank" rel="noopener">
+        Matomo
+      </a>{" "}
+      یک نرم‌افزار آنالیز وب مانند Google Analytics است که اطلاعات رفتار کاربران
+      در وب‌سایت را ردیابی و تحلیل می‌کند و امکاناتی مانند حریم خصوصی بالا و
+      گزارش‌های جامع را ارائه می‌دهد.
+    </p>
+
+    <h3>🚀 راه‌اندازی</h3>
+    <p>
+      در صورتی که تمایلی به خواندن آموزش متنی ندارید می‌توانید ویدیوی آموزشی زیر
+      ‌را مشاهده کنید.
+    </p>
+
+    <ZoomableImage src="https://files.liara.ir/docs/matomo/create.gif"></ZoomableImage>
+
+    <p>
+      برای راه‌اندازی برنامه‌ی آماده Matomo باید در بخش{" "}
+      <a href="https://console.liara.ir/apps" target="_blank">
+        برنامه‌های
+      </a>{" "}
+      کنسول لیارا بر روی دکمه‌ی <strong>ایجاد برنامه</strong> کلیک کرده و در
+      صفحه‌ی باز شده وارد بخش برنامه‌های آماده شوید. سپس برنامه‌ی Matomo را
+      انتخاب و یک شناسه‌ی یکتا برای برنامه‌ی خود درنظر بگیرید، همچنین پلن مورد
+      نظر خود را انتخاب کنید و در آخر بر روی دکمه‌ی{" "}
+      <strong>ایجاد برنامه</strong> کلیک کنید.
+    </p>
+
+    <Notice variant="info">
+      برای اتصال دامنه‌ی اختصاصی به این برنامه کافیست به{" "}
+      <a href="/domains/management" target="_blank">
+        مستندات دامنه‌ها
+      </a>{" "}
+      مراجعه کرده و طبق مستندات، دامنه‌ اختصاصی مورد نظرتان را به برنامه متصل
+      کنید.
+    </Notice>
+  </Layout>
+);
diff --git a/pages/one-click-apps/unleash.js b/pages/one-click-apps/unleash.js
@@ -0,0 +1,59 @@
+import Head from "next/head";
+import Notice from "../../components/Notice";
+import Layout from "../../components/Layout";
+import PlatformIcon from "../../components/PlatformIcon";
+import ZoomableImage from "../../components/ZoomableImage";
+
+export default () => (
+  <Layout>
+    <Head>
+      <title>مستندات Unleash - لیارا</title>
+    </Head>
+
+    <div className="page-head">
+      <PlatformIcon platform="unleash" />
+      <div className="page-title">
+        <h1>مدیریت ویژگی Unleash</h1>
+        <span className="page-description">(Unleash one-click app)</span>
+      </div>
+    </div>
+
+    <h3>درباره Unleash</h3>
+    <p>
+      <a href="https://www.getunleash.io/" target="_blank" rel="noopener">
+        Unleash
+      </a>{" "}
+      یک راه حل مدیریت ویژگی متن باز است که به بهبود فرایند کاری تیم توسعه شما
+      کمک می‌کند و منجر به تحویل سریع‌تر نرم‌افزار می‌شود.
+    </p>
+
+    <h3>🚀 راه‌اندازی</h3>
+    <p>
+      در صورتی که تمایلی به خواندن آموزش متنی ندارید می‌توانید ویدیوی آموزشی زیر
+      ‌را مشاهده کنید.
+    </p>
+
+    <ZoomableImage src="https://files.liara.ir/docs/unleash/create.gif"></ZoomableImage>
+
+    <p>
+      برای راه‌اندازی برنامه‌ی آماده Unleash باید در بخش{" "}
+      <a href="https://console.liara.ir/apps" target="_blank">
+        برنامه‌های
+      </a>{" "}
+      کنسول لیارا بر روی دکمه‌ی <strong>ایجاد برنامه</strong> کلیک کرده و در
+      صفحه‌ی باز شده وارد بخش برنامه‌های آماده شوید. سپس برنامه‌ی Unleash را
+      انتخاب و یک شناسه‌ی یکتا برای برنامه‌ی خود درنظر بگیرید، همچنین پلن مورد
+      نظر خود را انتخاب کنید و در آخر بر روی دکمه‌ی{" "}
+      <strong>ایجاد برنامه</strong> کلیک کنید.
+    </p>
+
+    <Notice variant="info">
+      برای اتصال دامنه‌ی اختصاصی به این برنامه کافیست به{" "}
+      <a href="/domains/management" target="_blank">
+        مستندات دامنه‌ها
+      </a>{" "}
+      مراجعه کرده و طبق مستندات، دامنه‌ اختصاصی مورد نظرتان را به برنامه متصل
+      کنید.
+    </Notice>
+  </Layout>
+);