feat: plugs

Author: nevo-david

.github/ISSUE_TEMPLATE/01_installation.prolem.yml

@@ -0,0 +1,19 @@
+name: "🙏🏻 Installation Problem"
+description: "Report an issue with installation"
+title: "Installation Problem"
+labels: ["type: installation"]
+body:
+  - type: markdown
+    attributes:
+      value: For installation issues, please visit our [Discord Support](https://discord.postiz.com) for assistance.
+  - type: textarea
+    id: feature-description
+    validations:
+      required: true
+    attributes:
+      label: For installation issues, please visit our https://discord.postiz.com for assistance.
+      description: For installation issues, please visit our [Discord Support](https://discord.postiz.com) for assistance.
+      placeholder: |
+        For installation issues, please visit our https://discord.postiz.com for assistance.
+        Please do not save this issue - do not submit installation issues on GitHub.
+

.github/ISSUE_TEMPLATE/bug_report.yml .github/ISSUE_TEMPLATE/02_bug_report.yml

@@ -1,8 +1,14 @@
+<p align="center">
+  <a href="https://affiliate.postiz.com">
+    <img src="https://github.com/user-attachments/assets/af9f47b3-e20c-402b-bd11-02f39248d738" />
+  </a>
+</p>
+
 <p align="center">
   <a href="https://postiz.com" target="_blank">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/765e9d72-3ee7-4a56-9d59-a2c9befe2311">
-    <img alt="Novu Logo" src="https://github.com/user-attachments/assets/f0d30d70-dddb-4142-8876-e9aa6ed1cb99" width="280"/>
+    <img alt="Postiz Logo" src="https://github.com/user-attachments/assets/f0d30d70-dddb-4142-8876-e9aa6ed1cb99" width="280"/>
   </picture>
   </a>
 </p>
@@ -58,22 +64,6 @@
 
 <br />
 
-
-<p align="center">
-  <br /><br /><br />
-  <h1>We participate in Hacktoberfest 2024! 🎉🎊</h1>
-  <p align="left">We are sending a t-shirt for every merged PR! (max 1 per person)</p>
-  <p align="left"><strong>Rules:</strong></p>
-  <ul align="left">
-    <li>You must create an issue before making a pull request.</li>
-    <li>You can also ask to be assigned to an issue. During Hacktoberfest, each issue can have multiple assignees.</li>
-    <li>We have to approve the issue and add a "hacktoberfest" tag.</li>
-    <li>We encourage everybody to contribute to all types of issues. We will only send swag for issues with features and bug fixes (no typos, sorry).</li>
-  </ul>
-  <p align="center"><img align="center" width="400" src="https://github.com/user-attachments/assets/3ceffccc-e4b3-4098-b9ba-44a94cf01294" /></p>
-  <br /><br /><br />
-</p>
-
 <p align="center">
   <video src="https://github.com/user-attachments/assets/05436a01-19c8-4827-b57f-05a5e7637a67" width="100%" />
 </p>

.github/ISSUE_TEMPLATE/feature_request.yml .github/ISSUE_TEMPLATE/03_feature_request.yml

@@ -22,8 +22,12 @@ import { PostsService } from '@gitroom/nestjs-libraries/database/prisma/posts/po
 import { IntegrationTimeDto } from '@gitroom/nestjs-libraries/dtos/integrations/integration.time.dto';
 import { AuthService } from '@gitroom/helpers/auth/auth.service';
 import { AuthTokenDetails } from '@gitroom/nestjs-libraries/integrations/social/social.integrations.interface';
-import { NotEnoughScopes } from '@gitroom/nestjs-libraries/integrations/social.abstract';
 import { PlugDto } from '@gitroom/nestjs-libraries/dtos/plugs/plug.dto';
+import {
+  NotEnoughScopes,
+  RefreshToken,
+} from '@gitroom/nestjs-libraries/integrations/social.abstract';
+import { timer } from '@gitroom/helpers/utils/timer';
 
 @ApiTags('Integrations')
 @Controller('/integrations')
@@ -38,6 +42,37 @@ export class IntegrationsController {
     return this._integrationManager.getAllIntegrations();
   }
 
+  @Get('/customers')
+  getCustomers(@GetOrgFromRequest() org: Organization) {
+    return this._integrationService.customers(org.id);
+  }
+
+  @Put('/:id/group')
+  async updateIntegrationGroup(
+    @GetOrgFromRequest() org: Organization,
+    @Param('id') id: string,
+    @Body() body: { group: string }
+  ) {
+    return this._integrationService.updateIntegrationGroup(
+      org.id,
+      id,
+      body.group
+    );
+  }
+
+  @Put('/:id/customer-name')
+  async updateOnCustomerName(
+    @GetOrgFromRequest() org: Organization,
+    @Param('id') id: string,
+    @Body() body: { name: string }
+  ) {
+    return this._integrationService.updateOnCustomerName(
+      org.id,
+      id,
+      body.name
+    );
+  }
+
   @Get('/list')
   async getIntegrationList(@GetOrgFromRequest() org: Organization) {
     return {
@@ -52,7 +87,7 @@ export class IntegrationsController {
           id: p.id,
           internalId: p.internalId,
           disabled: p.disabled,
-          picture: p.picture,
+          picture: p.picture || '/no-picture.jpg',
           identifier: p.providerIdentifier,
           inBetweenSteps: p.inBetweenSteps,
           refreshNeeded: p.refreshNeeded,
@@ -61,6 +96,7 @@ export class IntegrationsController {
           time: JSON.parse(p.postingTimes),
           changeProfilePicture: !!findIntegration?.changeProfilePicture,
           changeNickName: !!findIntegration?.changeNickname,
+          customer: p.customer,
         };
       }),
     };
@@ -202,11 +238,51 @@ export class IntegrationsController {
       }
 
       if (integrationProvider[body.name]) {
-        return integrationProvider[body.name](
-          getIntegration.token,
-          body.data,
-          getIntegration.internalId
-        );
+        try {
+          const load = await integrationProvider[body.name](
+            getIntegration.token,
+            body.data,
+            getIntegration.internalId
+          );
+
+          return load;
+        } catch (err) {
+          if (err instanceof RefreshToken) {
+            const { accessToken, refreshToken, expiresIn } =
+              await integrationProvider.refreshToken(
+                getIntegration.refreshToken
+              );
+
+            if (accessToken) {
+              await this._integrationService.createOrUpdateIntegration(
+                getIntegration.organizationId,
+                getIntegration.name,
+                getIntegration.picture!,
+                'social',
+                getIntegration.internalId,
+                getIntegration.providerIdentifier,
+                accessToken,
+                refreshToken,
+                expiresIn
+              );
+
+              getIntegration.token = accessToken;
+
+              if (integrationProvider.refreshWait) {
+                await timer(10000);
+              }
+              return this.functionIntegration(org, body);
+            } else {
+              await this._integrationService.disconnectChannel(
+                org.id,
+                getIntegration
+              );
+              return false;
+            }
+          }
+
+          return false;
+        }
       }
       throw new Error('Function not found');
     }

README.md

@@ -10,7 +10,6 @@ html {
 }
 .box {
   position: relative;
-  padding: 8px 24px;
 }
 .box span {
   position: relative;
@@ -385,3 +384,14 @@ div div .set-font-family {
   font-style: normal !important;
   font-weight: 400 !important;
 }
+
+.col-calendar:hover:before {
+  content: "Date passed";
+  color: white;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  white-space: nowrap;
+  opacity: 30%;
+}

apps/backend/src/api/routes/integrations.controller.ts

@@ -12,6 +12,8 @@ import clsx from 'clsx';
 import { VariableContextComponent } from '@gitroom/react/helpers/variable.context';
 import { Fragment } from 'react';
 import { PHProvider } from '@gitroom/react/helpers/posthog';
+import UtmSaver from '@gitroom/helpers/utils/utm.saver';
+import { ToltScript } from '@gitroom/frontend/components/layout/tolt.script';
 
 const chakra = Chakra_Petch({ weight: '400', subsets: ['latin'] });
 
@@ -25,7 +27,7 @@ export default async function AppLayout({ children }: { children: ReactNode }) {
       <head>
         <link
           rel="icon"
-          href={!!process.env.IS_GENERAL ? '/favicon.png' : '/postiz-fav.png'}
+          href="/favicon.ico"
           sizes="any"
         />
       </head>
@@ -41,14 +43,17 @@ export default async function AppLayout({ children }: { children: ReactNode }) {
           frontEndUrl={process.env.FRONTEND_URL!}
           isGeneral={!!process.env.IS_GENERAL}
           uploadDirectory={process.env.NEXT_PUBLIC_UPLOAD_STATIC_DIRECTORY!}
+          tolt={process.env.NEXT_PUBLIC_TOLT!}
         >
+          <ToltScript />
           <Plausible
             domain={!!process.env.IS_GENERAL ? 'postiz.com' : 'gitroom.com'}
           >
             <PHProvider
               phkey={process.env.NEXT_PUBLIC_POSTHOG_KEY}
               host={process.env.NEXT_PUBLIC_POSTHOG_HOST}
             >
+              <UtmSaver />
               <LayoutContext>{children}</LayoutContext>
             </PHProvider>
           </Plausible>

apps/frontend/public/favicon.ico

@@ -2,7 +2,6 @@
 import { FC, useEffect, useMemo, useRef } from 'react';
 import DrawChart from 'chart.js/auto';
 import { TotalList } from '@gitroom/frontend/components/analytics/stars.and.forks.interface';
-import dayjs from 'dayjs';
 import { chunk } from 'lodash';
 
 function mergeDataPoints(data: TotalList[], numPoints: number): TotalList[] {

apps/frontend/public/no-picture.jpg

@@ -1,5 +1,5 @@
 'use client';
-import { FC, useEffect, useMemo, useRef } from 'react';
+import { FC, useEffect, useRef } from 'react';
 import DrawChart from 'chart.js/auto';
 import {
   ForksList,

apps/frontend/src/app/global.scss

@@ -3,8 +3,6 @@
 import { Slider } from '@gitroom/react/form/slider';
 import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { Button } from '@gitroom/react/form/button';
-import { sortBy } from 'lodash';
-import { Track } from '@gitroom/react/form/track';
 import { useFetch } from '@gitroom/helpers/utils/custom.fetch';
 import { Subscription } from '@prisma/client';
 import { useDebouncedCallback } from 'use-debounce';
@@ -21,10 +19,11 @@ import interClass from '@gitroom/react/helpers/inter.font';
 import { useRouter } from 'next/navigation';
 import { useVariables } from '@gitroom/react/helpers/variable.context';
 import { useModals } from '@mantine/modals';
-import { AddProviderComponent } from '@gitroom/frontend/components/launches/add.provider.component';
 import { TopTitle } from '@gitroom/frontend/components/launches/helpers/top.title.component';
 import { Textarea } from '@gitroom/react/form/textarea';
 import { useFireEvents } from '@gitroom/helpers/utils/use.fire.events';
+import { useUtmUrl } from '@gitroom/helpers/utils/utm.saver';
+import { useTolt } from '@gitroom/frontend/components/layout/tolt.script';
 
 export interface Tiers {
   month: Array<{
@@ -222,6 +221,8 @@ export const MainBillingComponent: FC<{
   const user = useUser();
   const modal = useModals();
   const router = useRouter();
+  const utm = useUtmUrl();
+  const tolt = useTolt();
 
   const [subscription, setSubscription] = useState<Subscription | undefined>(
     sub
@@ -347,7 +348,9 @@ export const MainBillingComponent: FC<{
           method: 'POST',
           body: JSON.stringify({
             period: monthlyOrYearly === 'on' ? 'YEARLY' : 'MONTHLY',
+            utm,
             billing,
+            tolt: tolt()
           }),
         })
       ).json();
@@ -389,7 +392,7 @@ export const MainBillingComponent: FC<{
 
       setLoading(false);
     },
-    [monthlyOrYearly, subscription, user]
+    [monthlyOrYearly, subscription, user, utm]
   );
 
   if (user?.isLifetime) {