-## 📚Documentation
-
-For full documentation, visit [docs.plane.so](https://docs.plane.so/)
-
-To see how to Contribute, visit [here](https://github.com/makeplane/plane/blob/master/CONTRIBUTING.md).
-
-## ❤️ Community
-
-The Plane community can be found on GitHub Discussions, where you can ask questions, voice ideas, and share your projects.
-
-To chat with other community members you can join the [Plane Discord](https://discord.com/invite/A92xrEGCge).
-
-Our [Code of Conduct](https://github.com/makeplane/plane/blob/master/CODE_OF_CONDUCT.md) applies to all Plane community channels.
-
## ⛓️ Security
-If you believe you have found a security vulnerability in Plane, we encourage you to responsibly disclose this and not open a public issue. We will investigate all legitimate reports. Email engineering@plane.so to disclose any security vulnerabilities.
+If you believe you have found a security vulnerability in Plane, we encourage you to responsibly disclose this and not open a public issue. We will investigate all legitimate reports.
+
+Email squawk@plane.so to disclose any security vulnerabilities.
+
+## ❤️ Contribute
+
+There are many ways to contribute to Plane, including:
+
+- Submitting [bugs](https://github.com/makeplane/plane/issues/new?assignees=srinivaspendem%2Cpushya22&labels=%F0%9F%90%9Bbug&projects=&template=--bug-report.yaml&title=%5Bbug%5D%3A+) and [feature requests](https://github.com/makeplane/plane/issues/new?assignees=srinivaspendem%2Cpushya22&labels=%E2%9C%A8feature&projects=&template=--feature-request.yaml&title=%5Bfeature%5D%3A+) for various components.
+- Reviewing [the documentation](https://docs.plane.so/) and submitting [pull requests](https://github.com/makeplane/plane), from fixing typos to adding new features.
+- Speaking or writing about Plane or any other ecosystem integration and [letting us know](https://discord.com/invite/A92xrEGCge)!
+- Upvoting [popular feature requests](https://github.com/makeplane/plane/issues) to show your support.
+
+### We couldn't have done this without you.
+
+
+
diff --git a/apiserver/package.json b/apiserver/package.json
index fb4f8441d..060944406 100644
--- a/apiserver/package.json
+++ b/apiserver/package.json
@@ -1,4 +1,4 @@
{
"name": "plane-api",
- "version": "0.15.1"
+ "version": "0.16.0"
}
diff --git a/apiserver/plane/api/serializers/issue.py b/apiserver/plane/api/serializers/issue.py
index 4c8d6e815..b8f194b32 100644
--- a/apiserver/plane/api/serializers/issue.py
+++ b/apiserver/plane/api/serializers/issue.py
@@ -1,8 +1,9 @@
from lxml import html
-
# Django imports
from django.utils import timezone
+from django.core.validators import URLValidator
+from django.core.exceptions import ValidationError
# Third party imports
from rest_framework import serializers
@@ -284,6 +285,20 @@ class IssueLinkSerializer(BaseSerializer):
"updated_at",
]
+ def validate_url(self, value):
+ # Check URL format
+ validate_url = URLValidator()
+ try:
+ validate_url(value)
+ except ValidationError:
+ raise serializers.ValidationError("Invalid URL format.")
+
+ # Check URL scheme
+ if not value.startswith(('http://', 'https://')):
+ raise serializers.ValidationError("Invalid URL scheme.")
+
+ return value
+
# Validation if url already exists
def create(self, validated_data):
if IssueLink.objects.filter(
@@ -295,6 +310,17 @@ class IssueLinkSerializer(BaseSerializer):
)
return IssueLink.objects.create(**validated_data)
+ def update(self, instance, validated_data):
+ if IssueLink.objects.filter(
+ url=validated_data.get("url"),
+ issue_id=instance.issue_id,
+ ).exists():
+ raise serializers.ValidationError(
+ {"error": "URL already exists for this Issue"}
+ )
+
+ return super().update(instance, validated_data)
+
class IssueAttachmentSerializer(BaseSerializer):
class Meta:
diff --git a/apiserver/plane/api/views/cycle.py b/apiserver/plane/api/views/cycle.py
index 6f66c373e..84931f46b 100644
--- a/apiserver/plane/api/views/cycle.py
+++ b/apiserver/plane/api/views/cycle.py
@@ -45,7 +45,10 @@ class CycleAPIEndpoint(WebhookMixin, BaseAPIView):
return (
Cycle.objects.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.select_related("project")
.select_related("workspace")
.select_related("owned_by")
@@ -390,7 +393,10 @@ class CycleIssueAPIEndpoint(WebhookMixin, BaseAPIView):
)
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.filter(cycle_id=self.kwargs.get("cycle_id"))
.select_related("project")
.select_related("workspace")
diff --git a/apiserver/plane/api/views/issue.py b/apiserver/plane/api/views/issue.py
index a759b15f6..bf3313779 100644
--- a/apiserver/plane/api/views/issue.py
+++ b/apiserver/plane/api/views/issue.py
@@ -352,7 +352,10 @@ class LabelAPIEndpoint(BaseAPIView):
return (
Label.objects.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.select_related("project")
.select_related("workspace")
.select_related("parent")
@@ -481,7 +484,10 @@ class IssueLinkAPIEndpoint(BaseAPIView):
IssueLink.objects.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
.filter(issue_id=self.kwargs.get("issue_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.order_by(self.kwargs.get("order_by", "-created_at"))
.distinct()
)
@@ -607,11 +613,11 @@ class IssueCommentAPIEndpoint(WebhookMixin, BaseAPIView):
)
.filter(project_id=self.kwargs.get("project_id"))
.filter(issue_id=self.kwargs.get("issue_id"))
- .filter(project__project_projectmember__member=self.request.user)
- .select_related("project")
- .select_related("workspace")
- .select_related("issue")
- .select_related("actor")
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
+ .select_related("workspace", "project", "issue", "actor")
.annotate(
is_member=Exists(
ProjectMember.objects.filter(
@@ -647,6 +653,33 @@ class IssueCommentAPIEndpoint(WebhookMixin, BaseAPIView):
)
def post(self, request, slug, project_id, issue_id):
+
+ # Validation check if the issue already exists
+ if (
+ request.data.get("external_id")
+ and request.data.get("external_source")
+ and IssueComment.objects.filter(
+ project_id=project_id,
+ workspace__slug=slug,
+ external_source=request.data.get("external_source"),
+ external_id=request.data.get("external_id"),
+ ).exists()
+ ):
+ issue_comment = IssueComment.objects.filter(
+ workspace__slug=slug,
+ project_id=project_id,
+ external_id=request.data.get("external_id"),
+ external_source=request.data.get("external_source"),
+ ).first()
+ return Response(
+ {
+ "error": "Issue Comment with the same external id and external source already exists",
+ "id": str(issue_comment.id),
+ },
+ status=status.HTTP_409_CONFLICT,
+ )
+
+
serializer = IssueCommentSerializer(data=request.data)
if serializer.is_valid():
serializer.save(
@@ -680,6 +713,29 @@ class IssueCommentAPIEndpoint(WebhookMixin, BaseAPIView):
IssueCommentSerializer(issue_comment).data,
cls=DjangoJSONEncoder,
)
+
+ # Validation check if the issue already exists
+ if (
+ request.data.get("external_id")
+ and (issue_comment.external_id != str(request.data.get("external_id")))
+ and IssueComment.objects.filter(
+ project_id=project_id,
+ workspace__slug=slug,
+ external_source=request.data.get(
+ "external_source", issue_comment.external_source
+ ),
+ external_id=request.data.get("external_id"),
+ ).exists()
+ ):
+ return Response(
+ {
+ "error": "Issue Comment with the same external id and external source already exists",
+ "id": str(issue_comment.id),
+ },
+ status=status.HTTP_409_CONFLICT,
+ )
+
+
serializer = IssueCommentSerializer(
issue_comment, data=request.data, partial=True
)
@@ -734,6 +790,7 @@ class IssueActivityAPIEndpoint(BaseAPIView):
.filter(
~Q(field__in=["comment", "vote", "reaction", "draft"]),
project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
)
.select_related("actor", "workspace", "issue", "project")
).order_by(request.GET.get("order_by", "created_at"))
diff --git a/apiserver/plane/api/views/module.py b/apiserver/plane/api/views/module.py
index d509a53c7..2e5bb85e2 100644
--- a/apiserver/plane/api/views/module.py
+++ b/apiserver/plane/api/views/module.py
@@ -273,7 +273,10 @@ class ModuleIssueAPIEndpoint(WebhookMixin, BaseAPIView):
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
.filter(module_id=self.kwargs.get("module_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.select_related("project")
.select_related("workspace")
.select_related("module")
diff --git a/apiserver/plane/api/views/state.py b/apiserver/plane/api/views/state.py
index 0a262a071..ec10f9bab 100644
--- a/apiserver/plane/api/views/state.py
+++ b/apiserver/plane/api/views/state.py
@@ -1,7 +1,5 @@
-# Python imports
-from itertools import groupby
-
# Django imports
+from django.db import IntegrityError
from django.db.models import Q
# Third party imports
@@ -26,7 +24,10 @@ class StateAPIEndpoint(BaseAPIView):
return (
State.objects.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.filter(~Q(name="Triage"))
.select_related("project")
.select_related("workspace")
@@ -34,37 +35,51 @@ class StateAPIEndpoint(BaseAPIView):
)
def post(self, request, slug, project_id):
- serializer = StateSerializer(
- data=request.data, context={"project_id": project_id}
- )
- if serializer.is_valid():
- if (
- request.data.get("external_id")
- and request.data.get("external_source")
- and State.objects.filter(
- project_id=project_id,
- workspace__slug=slug,
- external_source=request.data.get("external_source"),
- external_id=request.data.get("external_id"),
- ).exists()
- ):
- state = State.objects.filter(
- workspace__slug=slug,
- project_id=project_id,
- external_id=request.data.get("external_id"),
- external_source=request.data.get("external_source"),
- ).first()
- return Response(
- {
- "error": "State with the same external id and external source already exists",
- "id": str(state.id),
- },
- status=status.HTTP_409_CONFLICT,
- )
+ try:
+ serializer = StateSerializer(
+ data=request.data, context={"project_id": project_id}
+ )
+ if serializer.is_valid():
+ if (
+ request.data.get("external_id")
+ and request.data.get("external_source")
+ and State.objects.filter(
+ project_id=project_id,
+ workspace__slug=slug,
+ external_source=request.data.get("external_source"),
+ external_id=request.data.get("external_id"),
+ ).exists()
+ ):
+ state = State.objects.filter(
+ workspace__slug=slug,
+ project_id=project_id,
+ external_id=request.data.get("external_id"),
+ external_source=request.data.get("external_source"),
+ ).first()
+ return Response(
+ {
+ "error": "State with the same external id and external source already exists",
+ "id": str(state.id),
+ },
+ status=status.HTTP_409_CONFLICT,
+ )
- serializer.save(project_id=project_id)
- return Response(serializer.data, status=status.HTTP_200_OK)
- return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
+ serializer.save(project_id=project_id)
+ return Response(serializer.data, status=status.HTTP_200_OK)
+ return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
+ except IntegrityError as e:
+ state = State.objects.filter(
+ workspace__slug=slug,
+ project_id=project_id,
+ name=request.data.get("name"),
+ ).first()
+ return Response(
+ {
+ "error": "State with the same name already exists in the project",
+ "id": str(state.id),
+ },
+ status=status.HTTP_409_CONFLICT,
+ )
def get(self, request, slug, project_id, state_id=None):
if state_id:
diff --git a/apiserver/plane/app/serializers/__init__.py b/apiserver/plane/app/serializers/__init__.py
index 28e881060..9bdd4baaf 100644
--- a/apiserver/plane/app/serializers/__init__.py
+++ b/apiserver/plane/app/serializers/__init__.py
@@ -69,9 +69,13 @@ from .issue import (
RelatedIssueSerializer,
IssuePublicSerializer,
IssueDetailSerializer,
+ IssueReactionLiteSerializer,
+ IssueAttachmentLiteSerializer,
+ IssueLinkLiteSerializer,
)
from .module import (
+ ModuleDetailSerializer,
ModuleWriteSerializer,
ModuleSerializer,
ModuleIssueSerializer,
diff --git a/apiserver/plane/app/serializers/base.py b/apiserver/plane/app/serializers/base.py
index 446fdb6d5..6693ba931 100644
--- a/apiserver/plane/app/serializers/base.py
+++ b/apiserver/plane/app/serializers/base.py
@@ -58,9 +58,12 @@ class DynamicBaseSerializer(BaseSerializer):
IssueSerializer,
LabelSerializer,
CycleIssueSerializer,
- IssueFlatSerializer,
+ IssueLiteSerializer,
IssueRelationSerializer,
- InboxIssueLiteSerializer
+ InboxIssueLiteSerializer,
+ IssueReactionLiteSerializer,
+ IssueAttachmentLiteSerializer,
+ IssueLinkLiteSerializer,
)
# Expansion mapper
@@ -79,12 +82,34 @@ class DynamicBaseSerializer(BaseSerializer):
"assignees": UserLiteSerializer,
"labels": LabelSerializer,
"issue_cycle": CycleIssueSerializer,
- "parent": IssueSerializer,
+ "parent": IssueLiteSerializer,
"issue_relation": IssueRelationSerializer,
- "issue_inbox" : InboxIssueLiteSerializer,
+ "issue_inbox": InboxIssueLiteSerializer,
+ "issue_reactions": IssueReactionLiteSerializer,
+ "issue_attachment": IssueAttachmentLiteSerializer,
+ "issue_link": IssueLinkLiteSerializer,
+ "sub_issues": IssueLiteSerializer,
}
-
- self.fields[field] = expansion[field](many=True if field in ["members", "assignees", "labels", "issue_cycle", "issue_relation", "issue_inbox"] else False)
+
+ self.fields[field] = expansion[field](
+ many=(
+ True
+ if field
+ in [
+ "members",
+ "assignees",
+ "labels",
+ "issue_cycle",
+ "issue_relation",
+ "issue_inbox",
+ "issue_reactions",
+ "issue_attachment",
+ "issue_link",
+ "sub_issues",
+ ]
+ else False
+ )
+ )
return self.fields
@@ -105,7 +130,11 @@ class DynamicBaseSerializer(BaseSerializer):
LabelSerializer,
CycleIssueSerializer,
IssueRelationSerializer,
- InboxIssueLiteSerializer
+ InboxIssueLiteSerializer,
+ IssueLiteSerializer,
+ IssueReactionLiteSerializer,
+ IssueAttachmentLiteSerializer,
+ IssueLinkLiteSerializer,
)
# Expansion mapper
@@ -124,9 +153,13 @@ class DynamicBaseSerializer(BaseSerializer):
"assignees": UserLiteSerializer,
"labels": LabelSerializer,
"issue_cycle": CycleIssueSerializer,
- "parent": IssueSerializer,
+ "parent": IssueLiteSerializer,
"issue_relation": IssueRelationSerializer,
- "issue_inbox" : InboxIssueLiteSerializer,
+ "issue_inbox": InboxIssueLiteSerializer,
+ "issue_reactions": IssueReactionLiteSerializer,
+ "issue_attachment": IssueAttachmentLiteSerializer,
+ "issue_link": IssueLinkLiteSerializer,
+ "sub_issues": IssueLiteSerializer,
}
# Check if field in expansion then expand the field
if expand in expansion:
diff --git a/apiserver/plane/app/serializers/cycle.py b/apiserver/plane/app/serializers/cycle.py
index 77c3f16cc..a273b349c 100644
--- a/apiserver/plane/app/serializers/cycle.py
+++ b/apiserver/plane/app/serializers/cycle.py
@@ -3,10 +3,7 @@ from rest_framework import serializers
# Module imports
from .base import BaseSerializer
-from .user import UserLiteSerializer
from .issue import IssueStateSerializer
-from .workspace import WorkspaceLiteSerializer
-from .project import ProjectLiteSerializer
from plane.db.models import (
Cycle,
CycleIssue,
@@ -14,7 +11,6 @@ from plane.db.models import (
CycleUserProperties,
)
-
class CycleWriteSerializer(BaseSerializer):
def validate(self, data):
if (
@@ -30,60 +26,6 @@ class CycleWriteSerializer(BaseSerializer):
class Meta:
model = Cycle
fields = "__all__"
-
-
-class CycleSerializer(BaseSerializer):
- is_favorite = serializers.BooleanField(read_only=True)
- total_issues = serializers.IntegerField(read_only=True)
- cancelled_issues = serializers.IntegerField(read_only=True)
- completed_issues = serializers.IntegerField(read_only=True)
- started_issues = serializers.IntegerField(read_only=True)
- unstarted_issues = serializers.IntegerField(read_only=True)
- backlog_issues = serializers.IntegerField(read_only=True)
- assignees = serializers.SerializerMethodField(read_only=True)
- total_estimates = serializers.IntegerField(read_only=True)
- completed_estimates = serializers.IntegerField(read_only=True)
- started_estimates = serializers.IntegerField(read_only=True)
- workspace_detail = WorkspaceLiteSerializer(
- read_only=True, source="workspace"
- )
- project_detail = ProjectLiteSerializer(read_only=True, source="project")
- status = serializers.CharField(read_only=True)
-
- def validate(self, data):
- if (
- data.get("start_date", None) is not None
- and data.get("end_date", None) is not None
- and data.get("start_date", None) > data.get("end_date", None)
- ):
- raise serializers.ValidationError(
- "Start date cannot exceed end date"
- )
- return data
-
- def get_assignees(self, obj):
- members = [
- {
- "avatar": assignee.avatar,
- "display_name": assignee.display_name,
- "id": assignee.id,
- }
- for issue_cycle in obj.issue_cycle.prefetch_related(
- "issue__assignees"
- ).all()
- for assignee in issue_cycle.issue.assignees.all()
- ]
- # Use a set comprehension to return only the unique objects
- unique_objects = {frozenset(item.items()) for item in members}
-
- # Convert the set back to a list of dictionaries
- unique_list = [dict(item) for item in unique_objects]
-
- return unique_list
-
- class Meta:
- model = Cycle
- fields = "__all__"
read_only_fields = [
"workspace",
"project",
@@ -91,6 +33,52 @@ class CycleSerializer(BaseSerializer):
]
+class CycleSerializer(BaseSerializer):
+ # favorite
+ is_favorite = serializers.BooleanField(read_only=True)
+ total_issues = serializers.IntegerField(read_only=True)
+ # state group wise distribution
+ cancelled_issues = serializers.IntegerField(read_only=True)
+ completed_issues = serializers.IntegerField(read_only=True)
+ started_issues = serializers.IntegerField(read_only=True)
+ unstarted_issues = serializers.IntegerField(read_only=True)
+ backlog_issues = serializers.IntegerField(read_only=True)
+
+ # active | draft | upcoming | completed
+ status = serializers.CharField(read_only=True)
+
+
+ class Meta:
+ model = Cycle
+ fields = [
+ # necessary fields
+ "id",
+ "workspace_id",
+ "project_id",
+ # model fields
+ "name",
+ "description",
+ "start_date",
+ "end_date",
+ "owned_by_id",
+ "view_props",
+ "sort_order",
+ "external_source",
+ "external_id",
+ "progress_snapshot",
+ # meta fields
+ "is_favorite",
+ "total_issues",
+ "cancelled_issues",
+ "completed_issues",
+ "started_issues",
+ "unstarted_issues",
+ "backlog_issues",
+ "status",
+ ]
+ read_only_fields = fields
+
+
class CycleIssueSerializer(BaseSerializer):
issue_detail = IssueStateSerializer(read_only=True, source="issue")
sub_issues_count = serializers.IntegerField(read_only=True)
diff --git a/apiserver/plane/app/serializers/issue.py b/apiserver/plane/app/serializers/issue.py
index 90069bd41..1b884bedf 100644
--- a/apiserver/plane/app/serializers/issue.py
+++ b/apiserver/plane/app/serializers/issue.py
@@ -1,5 +1,7 @@
# Django imports
from django.utils import timezone
+from django.core.validators import URLValidator
+from django.core.exceptions import ValidationError
# Third Party imports
from rest_framework import serializers
@@ -432,6 +434,20 @@ class IssueLinkSerializer(BaseSerializer):
"issue",
]
+ def validate_url(self, value):
+ # Check URL format
+ validate_url = URLValidator()
+ try:
+ validate_url(value)
+ except ValidationError:
+ raise serializers.ValidationError("Invalid URL format.")
+
+ # Check URL scheme
+ if not value.startswith(('http://', 'https://')):
+ raise serializers.ValidationError("Invalid URL scheme.")
+
+ return value
+
# Validation if url already exists
def create(self, validated_data):
if IssueLink.objects.filter(
@@ -443,6 +459,33 @@ class IssueLinkSerializer(BaseSerializer):
)
return IssueLink.objects.create(**validated_data)
+ def update(self, instance, validated_data):
+ if IssueLink.objects.filter(
+ url=validated_data.get("url"),
+ issue_id=instance.issue_id,
+ ).exists():
+ raise serializers.ValidationError(
+ {"error": "URL already exists for this Issue"}
+ )
+
+ return super().update(instance, validated_data)
+
+
+class IssueLinkLiteSerializer(BaseSerializer):
+
+ class Meta:
+ model = IssueLink
+ fields = [
+ "id",
+ "issue_id",
+ "title",
+ "url",
+ "metadata",
+ "created_by_id",
+ "created_at",
+ ]
+ read_only_fields = fields
+
class IssueAttachmentSerializer(BaseSerializer):
class Meta:
@@ -459,6 +502,21 @@ class IssueAttachmentSerializer(BaseSerializer):
]
+class IssueAttachmentLiteSerializer(DynamicBaseSerializer):
+
+ class Meta:
+ model = IssueAttachment
+ fields = [
+ "id",
+ "asset",
+ "attributes",
+ "issue_id",
+ "updated_at",
+ "updated_by_id",
+ ]
+ read_only_fields = fields
+
+
class IssueReactionSerializer(BaseSerializer):
actor_detail = UserLiteSerializer(read_only=True, source="actor")
@@ -473,6 +531,18 @@ class IssueReactionSerializer(BaseSerializer):
]
+class IssueReactionLiteSerializer(DynamicBaseSerializer):
+
+ class Meta:
+ model = IssueReaction
+ fields = [
+ "id",
+ "actor_id",
+ "issue_id",
+ "reaction",
+ ]
+
+
class CommentReactionSerializer(BaseSerializer):
class Meta:
model = CommentReaction
@@ -503,9 +573,7 @@ class IssueCommentSerializer(BaseSerializer):
workspace_detail = WorkspaceLiteSerializer(
read_only=True, source="workspace"
)
- comment_reactions = CommentReactionSerializer(
- read_only=True, many=True
- )
+ comment_reactions = CommentReactionSerializer(read_only=True, many=True)
is_member = serializers.BooleanField(read_only=True)
class Meta:
@@ -558,18 +626,17 @@ class IssueStateSerializer(DynamicBaseSerializer):
class IssueSerializer(DynamicBaseSerializer):
# ids
- project_id = serializers.PrimaryKeyRelatedField(read_only=True)
- state_id = serializers.PrimaryKeyRelatedField(read_only=True)
- parent_id = serializers.PrimaryKeyRelatedField(read_only=True)
cycle_id = serializers.PrimaryKeyRelatedField(read_only=True)
- module_ids = serializers.SerializerMethodField()
+ module_ids = serializers.ListField(
+ child=serializers.UUIDField(), required=False,
+ )
# Many to many
- label_ids = serializers.PrimaryKeyRelatedField(
- read_only=True, many=True, source="labels"
+ label_ids = serializers.ListField(
+ child=serializers.UUIDField(), required=False,
)
- assignee_ids = serializers.PrimaryKeyRelatedField(
- read_only=True, many=True, source="assignees"
+ assignee_ids = serializers.ListField(
+ child=serializers.UUIDField(), required=False,
)
# Count items
@@ -577,9 +644,6 @@ class IssueSerializer(DynamicBaseSerializer):
attachment_count = serializers.IntegerField(read_only=True)
link_count = serializers.IntegerField(read_only=True)
- # is_subscribed
- is_subscribed = serializers.BooleanField(read_only=True)
-
class Meta:
model = Issue
fields = [
@@ -606,57 +670,45 @@ class IssueSerializer(DynamicBaseSerializer):
"updated_by",
"attachment_count",
"link_count",
- "is_subscribed",
"is_draft",
"archived_at",
]
read_only_fields = fields
- def get_module_ids(self, obj):
- # Access the prefetched modules and extract module IDs
- return [module for module in obj.issue_module.values_list("module_id", flat=True)]
-
class IssueDetailSerializer(IssueSerializer):
- description_html = serializers.CharField()
+ description_html = serializers.CharField()
+ is_subscribed = serializers.BooleanField(read_only=True)
class Meta(IssueSerializer.Meta):
- fields = IssueSerializer.Meta.fields + ['description_html']
+ fields = IssueSerializer.Meta.fields + [
+ "description_html",
+ "is_subscribed",
+ ]
class IssueLiteSerializer(DynamicBaseSerializer):
- workspace_detail = WorkspaceLiteSerializer(
- read_only=True, source="workspace"
- )
- project_detail = ProjectLiteSerializer(read_only=True, source="project")
- state_detail = StateLiteSerializer(read_only=True, source="state")
- label_details = LabelLiteSerializer(
- read_only=True, source="labels", many=True
- )
- assignee_details = UserLiteSerializer(
- read_only=True, source="assignees", many=True
- )
- sub_issues_count = serializers.IntegerField(read_only=True)
- cycle_id = serializers.UUIDField(read_only=True)
- module_id = serializers.UUIDField(read_only=True)
- attachment_count = serializers.IntegerField(read_only=True)
- link_count = serializers.IntegerField(read_only=True)
- issue_reactions = IssueReactionSerializer(read_only=True, many=True)
class Meta:
model = Issue
- fields = "__all__"
- read_only_fields = [
- "start_date",
- "target_date",
- "completed_at",
- "workspace",
- "project",
- "created_by",
- "updated_by",
- "created_at",
- "updated_at",
+ fields = [
+ "id",
+ "sequence_id",
+ "project_id",
]
+ read_only_fields = fields
+
+
+class IssueDetailSerializer(IssueSerializer):
+ description_html = serializers.CharField()
+ is_subscribed = serializers.BooleanField()
+
+ class Meta(IssueSerializer.Meta):
+ fields = IssueSerializer.Meta.fields + [
+ "description_html",
+ "is_subscribed",
+ ]
+ read_only_fields = fields
class IssuePublicSerializer(BaseSerializer):
diff --git a/apiserver/plane/app/serializers/module.py b/apiserver/plane/app/serializers/module.py
index e94195671..4aabfc50e 100644
--- a/apiserver/plane/app/serializers/module.py
+++ b/apiserver/plane/app/serializers/module.py
@@ -5,7 +5,6 @@ from rest_framework import serializers
from .base import BaseSerializer, DynamicBaseSerializer
from .user import UserLiteSerializer
from .project import ProjectLiteSerializer
-from .workspace import WorkspaceLiteSerializer
from plane.db.models import (
User,
@@ -19,17 +18,18 @@ from plane.db.models import (
class ModuleWriteSerializer(BaseSerializer):
- members = serializers.ListField(
+ lead_id = serializers.PrimaryKeyRelatedField(
+ source="lead",
+ queryset=User.objects.all(),
+ required=False,
+ allow_null=True,
+ )
+ member_ids = serializers.ListField(
child=serializers.PrimaryKeyRelatedField(queryset=User.objects.all()),
write_only=True,
required=False,
)
- project_detail = ProjectLiteSerializer(source="project", read_only=True)
- workspace_detail = WorkspaceLiteSerializer(
- source="workspace", read_only=True
- )
-
class Meta:
model = Module
fields = "__all__"
@@ -44,7 +44,9 @@ class ModuleWriteSerializer(BaseSerializer):
def to_representation(self, instance):
data = super().to_representation(instance)
- data["members"] = [str(member.id) for member in instance.members.all()]
+ data["member_ids"] = [
+ str(member.id) for member in instance.members.all()
+ ]
return data
def validate(self, data):
@@ -59,12 +61,10 @@ class ModuleWriteSerializer(BaseSerializer):
return data
def create(self, validated_data):
- members = validated_data.pop("members", None)
-
+ members = validated_data.pop("member_ids", None)
project = self.context["project"]
module = Module.objects.create(**validated_data, project=project)
-
if members is not None:
ModuleMember.objects.bulk_create(
[
@@ -85,7 +85,7 @@ class ModuleWriteSerializer(BaseSerializer):
return module
def update(self, instance, validated_data):
- members = validated_data.pop("members", None)
+ members = validated_data.pop("member_ids", None)
if members is not None:
ModuleMember.objects.filter(module=instance).delete()
@@ -142,7 +142,6 @@ class ModuleIssueSerializer(BaseSerializer):
class ModuleLinkSerializer(BaseSerializer):
- created_by_detail = UserLiteSerializer(read_only=True, source="created_by")
class Meta:
model = ModuleLink
@@ -170,12 +169,9 @@ class ModuleLinkSerializer(BaseSerializer):
class ModuleSerializer(DynamicBaseSerializer):
- project_detail = ProjectLiteSerializer(read_only=True, source="project")
- lead_detail = UserLiteSerializer(read_only=True, source="lead")
- members_detail = UserLiteSerializer(
- read_only=True, many=True, source="members"
+ member_ids = serializers.ListField(
+ child=serializers.UUIDField(), required=False, allow_null=True
)
- link_module = ModuleLinkSerializer(read_only=True, many=True)
is_favorite = serializers.BooleanField(read_only=True)
total_issues = serializers.IntegerField(read_only=True)
cancelled_issues = serializers.IntegerField(read_only=True)
@@ -186,15 +182,46 @@ class ModuleSerializer(DynamicBaseSerializer):
class Meta:
model = Module
- fields = "__all__"
- read_only_fields = [
- "workspace",
- "project",
- "created_by",
- "updated_by",
+ fields = [
+ # Required fields
+ "id",
+ "workspace_id",
+ "project_id",
+ # Model fields
+ "name",
+ "description",
+ "description_text",
+ "description_html",
+ "start_date",
+ "target_date",
+ "status",
+ "lead_id",
+ "member_ids",
+ "view_props",
+ "sort_order",
+ "external_source",
+ "external_id",
+ # computed fields
+ "is_favorite",
+ "total_issues",
+ "cancelled_issues",
+ "completed_issues",
+ "started_issues",
+ "unstarted_issues",
+ "backlog_issues",
"created_at",
"updated_at",
]
+ read_only_fields = fields
+
+
+
+class ModuleDetailSerializer(ModuleSerializer):
+
+ link_module = ModuleLinkSerializer(read_only=True, many=True)
+
+ class Meta(ModuleSerializer.Meta):
+ fields = ModuleSerializer.Meta.fields + ['link_module']
class ModuleFavoriteSerializer(BaseSerializer):
diff --git a/apiserver/plane/app/serializers/project.py b/apiserver/plane/app/serializers/project.py
index 999233442..6840fa8f7 100644
--- a/apiserver/plane/app/serializers/project.py
+++ b/apiserver/plane/app/serializers/project.py
@@ -95,8 +95,7 @@ class ProjectLiteSerializer(BaseSerializer):
"identifier",
"name",
"cover_image",
- "icon_prop",
- "emoji",
+ "logo_props",
"description",
]
read_only_fields = fields
diff --git a/apiserver/plane/app/urls/issue.py b/apiserver/plane/app/urls/issue.py
index 234c2824d..4ee70450b 100644
--- a/apiserver/plane/app/urls/issue.py
+++ b/apiserver/plane/app/urls/issue.py
@@ -2,6 +2,7 @@ from django.urls import path
from plane.app.views import (
+ IssueListEndpoint,
IssueViewSet,
LabelViewSet,
BulkCreateIssueLabelsEndpoint,
@@ -25,6 +26,11 @@ from plane.app.views import (
urlpatterns = [
+ path(
+ "workspaces//projects//issues/list/",
+ IssueListEndpoint.as_view(),
+ name="project-issue",
+ ),
path(
"workspaces//projects//issues/",
IssueViewSet.as_view(
@@ -84,11 +90,13 @@ urlpatterns = [
BulkImportIssuesEndpoint.as_view(),
name="project-issues-bulk",
),
+ # deprecated endpoint TODO: remove once confirmed
path(
"workspaces//my-issues/",
UserWorkSpaceIssues.as_view(),
name="workspace-issues",
),
+ ##
path(
"workspaces//projects//issues//sub-issues/",
SubIssuesEndpoint.as_view(),
@@ -251,23 +259,15 @@ urlpatterns = [
name="project-issue-archive",
),
path(
- "workspaces//projects//archived-issues//",
+ "workspaces//projects//issues//archive/",
IssueArchiveViewSet.as_view(
{
"get": "retrieve",
- "delete": "destroy",
+ "post": "archive",
+ "delete": "unarchive",
}
),
- name="project-issue-archive",
- ),
- path(
- "workspaces//projects//unarchive//",
- IssueArchiveViewSet.as_view(
- {
- "post": "unarchive",
- }
- ),
- name="project-issue-archive",
+ name="project-issue-archive-unarchive",
),
## End Issue Archives
## Issue Relation
diff --git a/apiserver/plane/app/urls/workspace.py b/apiserver/plane/app/urls/workspace.py
index 7e64e586a..8b21bb9e1 100644
--- a/apiserver/plane/app/urls/workspace.py
+++ b/apiserver/plane/app/urls/workspace.py
@@ -22,6 +22,9 @@ from plane.app.views import (
WorkspaceUserPropertiesEndpoint,
WorkspaceStatesEndpoint,
WorkspaceEstimatesEndpoint,
+ ExportWorkspaceUserActivityEndpoint,
+ WorkspaceModulesEndpoint,
+ WorkspaceCyclesEndpoint,
)
@@ -189,6 +192,11 @@ urlpatterns = [
WorkspaceUserActivityEndpoint.as_view(),
name="workspace-user-activity",
),
+ path(
+ "workspaces//user-activity//export/",
+ ExportWorkspaceUserActivityEndpoint.as_view(),
+ name="export-workspace-user-activity",
+ ),
path(
"workspaces//user-profile//",
WorkspaceUserProfileEndpoint.as_view(),
@@ -219,4 +227,14 @@ urlpatterns = [
WorkspaceEstimatesEndpoint.as_view(),
name="workspace-estimate",
),
+ path(
+ "workspaces//modules/",
+ WorkspaceModulesEndpoint.as_view(),
+ name="workspace-modules",
+ ),
+ path(
+ "workspaces//cycles/",
+ WorkspaceCyclesEndpoint.as_view(),
+ name="workspace-cycles",
+ ),
]
diff --git a/apiserver/plane/app/views/__init__.py b/apiserver/plane/app/views/__init__.py
index 0a959a667..910ea006d 100644
--- a/apiserver/plane/app/views/__init__.py
+++ b/apiserver/plane/app/views/__init__.py
@@ -49,6 +49,9 @@ from .workspace import (
WorkspaceUserPropertiesEndpoint,
WorkspaceStatesEndpoint,
WorkspaceEstimatesEndpoint,
+ ExportWorkspaceUserActivityEndpoint,
+ WorkspaceModulesEndpoint,
+ WorkspaceCyclesEndpoint,
)
from .state import StateViewSet
from .view import (
@@ -67,6 +70,7 @@ from .cycle import (
)
from .asset import FileAssetEndpoint, UserAssetsEndpoint, FileAssetViewSet
from .issue import (
+ IssueListEndpoint,
IssueViewSet,
WorkSpaceIssuesEndpoint,
IssueActivityEndpoint,
@@ -183,4 +187,6 @@ from .webhook import (
from .dashboard import (
DashboardEndpoint,
WidgetsEndpoint
-)
\ No newline at end of file
+)
+
+from .error_404 import custom_404_view
diff --git a/apiserver/plane/app/views/analytic.py b/apiserver/plane/app/views/analytic.py
index 04a77f789..6eb914b23 100644
--- a/apiserver/plane/app/views/analytic.py
+++ b/apiserver/plane/app/views/analytic.py
@@ -1,6 +1,7 @@
# Django imports
from django.db.models import Count, Sum, F, Q
from django.db.models.functions import ExtractMonth
+from django.utils import timezone
# Third party imports
from rest_framework import status
@@ -331,8 +332,9 @@ class DefaultAnalyticsEndpoint(BaseAPIView):
.order_by("state_group")
)
+ current_year = timezone.now().year
issue_completed_month_wise = (
- base_issues.filter(completed_at__isnull=False)
+ base_issues.filter(completed_at__year=current_year)
.annotate(month=ExtractMonth("completed_at"))
.values("month")
.annotate(count=Count("*"))
diff --git a/apiserver/plane/app/views/config.py b/apiserver/plane/app/views/config.py
index 29b4bbf8b..b2a27252c 100644
--- a/apiserver/plane/app/views/config.py
+++ b/apiserver/plane/app/views/config.py
@@ -66,15 +66,15 @@ class ConfigurationEndpoint(BaseAPIView):
},
{
"key": "SLACK_CLIENT_ID",
- "default": os.environ.get("SLACK_CLIENT_ID", "1"),
+ "default": os.environ.get("SLACK_CLIENT_ID", None),
},
{
"key": "POSTHOG_API_KEY",
- "default": os.environ.get("POSTHOG_API_KEY", "1"),
+ "default": os.environ.get("POSTHOG_API_KEY", None),
},
{
"key": "POSTHOG_HOST",
- "default": os.environ.get("POSTHOG_HOST", "1"),
+ "default": os.environ.get("POSTHOG_HOST", None),
},
{
"key": "UNSPLASH_ACCESS_KEY",
@@ -181,11 +181,11 @@ class MobileConfigurationEndpoint(BaseAPIView):
},
{
"key": "POSTHOG_API_KEY",
- "default": os.environ.get("POSTHOG_API_KEY", "1"),
+ "default": os.environ.get("POSTHOG_API_KEY", None),
},
{
"key": "POSTHOG_HOST",
- "default": os.environ.get("POSTHOG_HOST", "1"),
+ "default": os.environ.get("POSTHOG_HOST", None),
},
{
"key": "UNSPLASH_ACCESS_KEY",
diff --git a/apiserver/plane/app/views/cycle.py b/apiserver/plane/app/views/cycle.py
index 63d8d28ae..85e1e9f2e 100644
--- a/apiserver/plane/app/views/cycle.py
+++ b/apiserver/plane/app/views/cycle.py
@@ -20,7 +20,10 @@ from django.core import serializers
from django.utils import timezone
from django.utils.decorators import method_decorator
from django.views.decorators.gzip import gzip_page
-from django.core.serializers.json import DjangoJSONEncoder
+from django.contrib.postgres.aggregates import ArrayAgg
+from django.contrib.postgres.fields import ArrayField
+from django.db.models import Value, UUIDField
+from django.db.models.functions import Coalesce
# Third party imports
from rest_framework.response import Response
@@ -33,7 +36,6 @@ from plane.app.serializers import (
CycleIssueSerializer,
CycleFavoriteSerializer,
IssueSerializer,
- IssueStateSerializer,
CycleWriteSerializer,
CycleUserPropertiesSerializer,
)
@@ -51,7 +53,6 @@ from plane.db.models import (
IssueAttachment,
Label,
CycleUserProperties,
- IssueSubscriber,
)
from plane.bgtasks.issue_activites_task import issue_activity
from plane.utils.issue_filters import issue_filters
@@ -73,7 +74,7 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
)
def get_queryset(self):
- subquery = CycleFavorite.objects.filter(
+ favorite_subquery = CycleFavorite.objects.filter(
user=self.request.user,
cycle_id=OuterRef("pk"),
project_id=self.kwargs.get("project_id"),
@@ -84,11 +85,28 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
.get_queryset()
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
- .filter(project__project_projectmember__member=self.request.user)
- .select_related("project")
- .select_related("workspace")
- .select_related("owned_by")
- .annotate(is_favorite=Exists(subquery))
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
+ .select_related("project", "workspace", "owned_by")
+ .prefetch_related(
+ Prefetch(
+ "issue_cycle__issue__assignees",
+ queryset=User.objects.only(
+ "avatar", "first_name", "id"
+ ).distinct(),
+ )
+ )
+ .prefetch_related(
+ Prefetch(
+ "issue_cycle__issue__labels",
+ queryset=Label.objects.only(
+ "name", "color", "id"
+ ).distinct(),
+ )
+ )
+ .annotate(is_favorite=Exists(favorite_subquery))
.annotate(
total_issues=Count(
"issue_cycle",
@@ -148,29 +166,6 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
),
)
)
- .annotate(
- total_estimates=Sum("issue_cycle__issue__estimate_point")
- )
- .annotate(
- completed_estimates=Sum(
- "issue_cycle__issue__estimate_point",
- filter=Q(
- issue_cycle__issue__state__group="completed",
- issue_cycle__issue__archived_at__isnull=True,
- issue_cycle__issue__is_draft=False,
- ),
- )
- )
- .annotate(
- started_estimates=Sum(
- "issue_cycle__issue__estimate_point",
- filter=Q(
- issue_cycle__issue__state__group="started",
- issue_cycle__issue__archived_at__isnull=True,
- issue_cycle__issue__is_draft=False,
- ),
- )
- )
.annotate(
status=Case(
When(
@@ -190,20 +185,16 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
output_field=CharField(),
)
)
- .prefetch_related(
- Prefetch(
- "issue_cycle__issue__assignees",
- queryset=User.objects.only(
- "avatar", "first_name", "id"
- ).distinct(),
- )
- )
- .prefetch_related(
- Prefetch(
- "issue_cycle__issue__labels",
- queryset=Label.objects.only(
- "name", "color", "id"
- ).distinct(),
+ .annotate(
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "issue_cycle__issue__assignees__id",
+ distinct=True,
+ filter=~Q(
+ issue_cycle__issue__assignees__id__isnull=True
+ ),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
)
)
.order_by("-is_favorite", "name")
@@ -213,12 +204,8 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
def list(self, request, slug, project_id):
queryset = self.get_queryset()
cycle_view = request.GET.get("cycle_view", "all")
- fields = [
- field
- for field in request.GET.get("fields", "").split(",")
- if field
- ]
+ # Update the order by
queryset = queryset.order_by("-is_favorite", "-created_at")
# Current Cycle
@@ -228,9 +215,35 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
end_date__gte=timezone.now(),
)
- data = CycleSerializer(queryset, many=True).data
+ data = queryset.values(
+ # necessary fields
+ "id",
+ "workspace_id",
+ "project_id",
+ # model fields
+ "name",
+ "description",
+ "start_date",
+ "end_date",
+ "owned_by_id",
+ "view_props",
+ "sort_order",
+ "external_source",
+ "external_id",
+ "progress_snapshot",
+ # meta fields
+ "is_favorite",
+ "total_issues",
+ "cancelled_issues",
+ "completed_issues",
+ "started_issues",
+ "unstarted_issues",
+ "backlog_issues",
+ "assignee_ids",
+ "status",
+ )
- if len(data):
+ if data:
assignee_distribution = (
Issue.objects.filter(
issue_cycle__cycle_id=data[0]["id"],
@@ -315,19 +328,45 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
}
if data[0]["start_date"] and data[0]["end_date"]:
- data[0]["distribution"][
- "completion_chart"
- ] = burndown_plot(
- queryset=queryset.first(),
- slug=slug,
- project_id=project_id,
- cycle_id=data[0]["id"],
+ data[0]["distribution"]["completion_chart"] = (
+ burndown_plot(
+ queryset=queryset.first(),
+ slug=slug,
+ project_id=project_id,
+ cycle_id=data[0]["id"],
+ )
)
return Response(data, status=status.HTTP_200_OK)
- cycles = CycleSerializer(queryset, many=True).data
- return Response(cycles, status=status.HTTP_200_OK)
+ data = queryset.values(
+ # necessary fields
+ "id",
+ "workspace_id",
+ "project_id",
+ # model fields
+ "name",
+ "description",
+ "start_date",
+ "end_date",
+ "owned_by_id",
+ "view_props",
+ "sort_order",
+ "external_source",
+ "external_id",
+ "progress_snapshot",
+ # meta fields
+ "is_favorite",
+ "total_issues",
+ "cancelled_issues",
+ "completed_issues",
+ "started_issues",
+ "unstarted_issues",
+ "backlog_issues",
+ "assignee_ids",
+ "status",
+ )
+ return Response(data, status=status.HTTP_200_OK)
def create(self, request, slug, project_id):
if (
@@ -337,7 +376,7 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
request.data.get("start_date", None) is not None
and request.data.get("end_date", None) is not None
):
- serializer = CycleSerializer(data=request.data)
+ serializer = CycleWriteSerializer(data=request.data)
if serializer.is_valid():
serializer.save(
project_id=project_id,
@@ -346,12 +385,36 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
cycle = (
self.get_queryset()
.filter(pk=serializer.data["id"])
+ .values(
+ # necessary fields
+ "id",
+ "workspace_id",
+ "project_id",
+ # model fields
+ "name",
+ "description",
+ "start_date",
+ "end_date",
+ "owned_by_id",
+ "view_props",
+ "sort_order",
+ "external_source",
+ "external_id",
+ "progress_snapshot",
+ # meta fields
+ "is_favorite",
+ "total_issues",
+ "cancelled_issues",
+ "completed_issues",
+ "started_issues",
+ "unstarted_issues",
+ "backlog_issues",
+ "assignee_ids",
+ "status",
+ )
.first()
)
- serializer = CycleSerializer(cycle)
- return Response(
- serializer.data, status=status.HTTP_201_CREATED
- )
+ return Response(cycle, status=status.HTTP_201_CREATED)
return Response(
serializer.errors, status=status.HTTP_400_BAD_REQUEST
)
@@ -364,10 +427,11 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
)
def partial_update(self, request, slug, project_id, pk):
- cycle = Cycle.objects.get(
- workspace__slug=slug, project_id=project_id, pk=pk
+ queryset = (
+ self.get_queryset()
+ .filter(workspace__slug=slug, project_id=project_id, pk=pk)
)
-
+ cycle = queryset.first()
request_data = request.data
if (
@@ -375,7 +439,7 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
and cycle.end_date < timezone.now().date()
):
if "sort_order" in request_data:
- # Can only change sort order
+ # Can only change sort order for a completed cycle``
request_data = {
"sort_order": request_data.get(
"sort_order", cycle.sort_order
@@ -394,12 +458,71 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
)
if serializer.is_valid():
serializer.save()
- return Response(serializer.data, status=status.HTTP_200_OK)
+ cycle = queryset.values(
+ # necessary fields
+ "id",
+ "workspace_id",
+ "project_id",
+ # model fields
+ "name",
+ "description",
+ "start_date",
+ "end_date",
+ "owned_by_id",
+ "view_props",
+ "sort_order",
+ "external_source",
+ "external_id",
+ "progress_snapshot",
+ # meta fields
+ "is_favorite",
+ "total_issues",
+ "cancelled_issues",
+ "completed_issues",
+ "started_issues",
+ "unstarted_issues",
+ "backlog_issues",
+ "assignee_ids",
+ "status",
+ ).first()
+ return Response(cycle, status=status.HTTP_200_OK)
return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
def retrieve(self, request, slug, project_id, pk):
- queryset = self.get_queryset().get(pk=pk)
-
+ queryset = self.get_queryset().filter(pk=pk)
+ data = (
+ self.get_queryset()
+ .filter(pk=pk)
+ .values(
+ # necessary fields
+ "id",
+ "workspace_id",
+ "project_id",
+ # model fields
+ "name",
+ "description",
+ "start_date",
+ "end_date",
+ "owned_by_id",
+ "view_props",
+ "sort_order",
+ "external_source",
+ "external_id",
+ "progress_snapshot",
+ # meta fields
+ "is_favorite",
+ "total_issues",
+ "cancelled_issues",
+ "completed_issues",
+ "started_issues",
+ "unstarted_issues",
+ "backlog_issues",
+ "assignee_ids",
+ "status",
+ )
+ .first()
+ )
+ queryset = queryset.first()
# Assignee Distribution
assignee_distribution = (
Issue.objects.filter(
@@ -488,7 +611,6 @@ class CycleViewSet(WebhookMixin, BaseViewSet):
.order_by("label_name")
)
- data = CycleSerializer(queryset).data
data["distribution"] = {
"assignees": assignee_distribution,
"labels": label_distribution,
@@ -570,7 +692,10 @@ class CycleIssueViewSet(WebhookMixin, BaseViewSet):
)
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.filter(cycle_id=self.kwargs.get("cycle_id"))
.select_related("project")
.select_related("workspace")
@@ -589,20 +714,18 @@ class CycleIssueViewSet(WebhookMixin, BaseViewSet):
]
order_by = request.GET.get("order_by", "created_at")
filters = issue_filters(request.query_params, "GET")
- issues = (
+ queryset = (
Issue.issue_objects.filter(issue_cycle__cycle_id=cycle_id)
- .annotate(
- sub_issues_count=Issue.issue_objects.filter(
- parent=OuterRef("id")
- )
- .order_by()
- .annotate(count=Func(F("id"), function="Count"))
- .values("count")
- )
.filter(project_id=project_id)
.filter(workspace__slug=slug)
+ .filter(**filters)
.select_related("workspace", "project", "state", "parent")
- .prefetch_related("assignees", "labels", "issue_module__module")
+ .prefetch_related(
+ "assignees",
+ "labels",
+ "issue_module__module",
+ "issue_cycle__cycle",
+ )
.order_by(order_by)
.filter(**filters)
.annotate(cycle_id=F("issue_cycle__cycle_id"))
@@ -621,22 +744,79 @@ class CycleIssueViewSet(WebhookMixin, BaseViewSet):
.values("count")
)
.annotate(
- is_subscribed=Exists(
- IssueSubscriber.objects.filter(
- subscriber=self.request.user, issue_id=OuterRef("id")
- )
+ sub_issues_count=Issue.issue_objects.filter(
+ parent=OuterRef("id")
)
+ .order_by()
+ .annotate(count=Func(F("id"), function="Count"))
+ .values("count")
)
+ .annotate(
+ label_ids=Coalesce(
+ ArrayAgg(
+ "labels__id",
+ distinct=True,
+ filter=~Q(labels__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "assignees__id",
+ distinct=True,
+ filter=~Q(assignees__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ module_ids=Coalesce(
+ ArrayAgg(
+ "issue_module__module_id",
+ distinct=True,
+ filter=~Q(issue_module__module_id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ )
+ .order_by(order_by)
)
- serializer = IssueSerializer(
- issues, many=True, fields=fields if fields else None
- )
- return Response(serializer.data, status=status.HTTP_200_OK)
+ if self.fields:
+ issues = IssueSerializer(
+ queryset, many=True, fields=fields if fields else None
+ ).data
+ else:
+ issues = queryset.values(
+ "id",
+ "name",
+ "state_id",
+ "sort_order",
+ "completed_at",
+ "estimate_point",
+ "priority",
+ "start_date",
+ "target_date",
+ "sequence_id",
+ "project_id",
+ "parent_id",
+ "cycle_id",
+ "module_ids",
+ "label_ids",
+ "assignee_ids",
+ "sub_issues_count",
+ "created_at",
+ "updated_at",
+ "created_by",
+ "updated_by",
+ "attachment_count",
+ "link_count",
+ "is_draft",
+ "archived_at",
+ )
+ return Response(issues, status=status.HTTP_200_OK)
def create(self, request, slug, project_id, cycle_id):
issues = request.data.get("issues", [])
- if not len(issues):
+ if not issues:
return Response(
{"error": "Issues are required"},
status=status.HTTP_400_BAD_REQUEST,
@@ -658,52 +838,52 @@ class CycleIssueViewSet(WebhookMixin, BaseViewSet):
)
# Get all CycleIssues already created
- cycle_issues = list(CycleIssue.objects.filter(issue_id__in=issues))
- update_cycle_issue_activity = []
- record_to_create = []
- records_to_update = []
+ cycle_issues = list(
+ CycleIssue.objects.filter(
+ ~Q(cycle_id=cycle_id), issue_id__in=issues
+ )
+ )
+ existing_issues = [
+ str(cycle_issue.issue_id) for cycle_issue in cycle_issues
+ ]
+ new_issues = list(set(issues) - set(existing_issues))
- for issue in issues:
- cycle_issue = [
- cycle_issue
- for cycle_issue in cycle_issues
- if str(cycle_issue.issue_id) in issues
- ]
- # Update only when cycle changes
- if len(cycle_issue):
- if cycle_issue[0].cycle_id != cycle_id:
- update_cycle_issue_activity.append(
- {
- "old_cycle_id": str(cycle_issue[0].cycle_id),
- "new_cycle_id": str(cycle_id),
- "issue_id": str(cycle_issue[0].issue_id),
- }
- )
- cycle_issue[0].cycle_id = cycle_id
- records_to_update.append(cycle_issue[0])
- else:
- record_to_create.append(
- CycleIssue(
- project_id=project_id,
- workspace=cycle.workspace,
- created_by=request.user,
- updated_by=request.user,
- cycle=cycle,
- issue_id=issue,
- )
+ # New issues to create
+ created_records = CycleIssue.objects.bulk_create(
+ [
+ CycleIssue(
+ project_id=project_id,
+ workspace_id=cycle.workspace_id,
+ created_by_id=request.user.id,
+ updated_by_id=request.user.id,
+ cycle_id=cycle_id,
+ issue_id=issue,
)
-
- CycleIssue.objects.bulk_create(
- record_to_create,
- batch_size=10,
- ignore_conflicts=True,
- )
- CycleIssue.objects.bulk_update(
- records_to_update,
- ["cycle"],
+ for issue in new_issues
+ ],
batch_size=10,
)
+ # Updated Issues
+ updated_records = []
+ update_cycle_issue_activity = []
+ # Iterate over each cycle_issue in cycle_issues
+ for cycle_issue in cycle_issues:
+ # Update the cycle_issue's cycle_id
+ cycle_issue.cycle_id = cycle_id
+ # Add the modified cycle_issue to the records_to_update list
+ updated_records.append(cycle_issue)
+ # Record the update activity
+ update_cycle_issue_activity.append(
+ {
+ "old_cycle_id": str(cycle_issue.cycle_id),
+ "new_cycle_id": str(cycle_id),
+ "issue_id": str(cycle_issue.issue_id),
+ }
+ )
+
+ # Update the cycle issues
+ CycleIssue.objects.bulk_update(updated_records, ["cycle_id"], batch_size=100)
# Capture Issue Activity
issue_activity.delay(
type="cycle.activity.created",
@@ -715,7 +895,7 @@ class CycleIssueViewSet(WebhookMixin, BaseViewSet):
{
"updated_cycle_issues": update_cycle_issue_activity,
"created_cycle_issues": serializers.serialize(
- "json", record_to_create
+ "json", created_records
),
}
),
@@ -723,16 +903,7 @@ class CycleIssueViewSet(WebhookMixin, BaseViewSet):
notification=True,
origin=request.META.get("HTTP_ORIGIN"),
)
-
- # Return all Cycle Issues
- issues = self.get_queryset().values_list("issue_id", flat=True)
-
- return Response(
- IssueSerializer(
- Issue.objects.filter(pk__in=issues), many=True
- ).data,
- status=status.HTTP_200_OK,
- )
+ return Response({"message": "success"}, status=status.HTTP_201_CREATED)
def destroy(self, request, slug, project_id, cycle_id, issue_id):
cycle_issue = CycleIssue.objects.get(
@@ -776,6 +947,7 @@ class CycleDateCheckEndpoint(BaseAPIView):
status=status.HTTP_400_BAD_REQUEST,
)
+ # Check if any cycle intersects in the given interval
cycles = Cycle.objects.filter(
Q(workspace__slug=slug)
& Q(project_id=project_id)
@@ -785,7 +957,6 @@ class CycleDateCheckEndpoint(BaseAPIView):
| Q(start_date__gte=start_date, end_date__lte=end_date)
)
).exclude(pk=cycle_id)
-
if cycles.exists():
return Response(
{
@@ -909,29 +1080,6 @@ class TransferCycleIssueEndpoint(BaseAPIView):
),
)
)
- .annotate(
- total_estimates=Sum("issue_cycle__issue__estimate_point")
- )
- .annotate(
- completed_estimates=Sum(
- "issue_cycle__issue__estimate_point",
- filter=Q(
- issue_cycle__issue__state__group="completed",
- issue_cycle__issue__archived_at__isnull=True,
- issue_cycle__issue__is_draft=False,
- ),
- )
- )
- .annotate(
- started_estimates=Sum(
- "issue_cycle__issue__estimate_point",
- filter=Q(
- issue_cycle__issue__state__group="started",
- issue_cycle__issue__archived_at__isnull=True,
- issue_cycle__issue__is_draft=False,
- ),
- )
- )
)
# Pass the new_cycle queryset to burndown_plot
@@ -942,6 +1090,7 @@ class TransferCycleIssueEndpoint(BaseAPIView):
cycle_id=cycle_id,
)
+ # Get the assignee distribution
assignee_distribution = (
Issue.objects.filter(
issue_cycle__cycle_id=cycle_id,
@@ -980,7 +1129,22 @@ class TransferCycleIssueEndpoint(BaseAPIView):
)
.order_by("display_name")
)
+ # assignee distribution serialized
+ assignee_distribution_data = [
+ {
+ "display_name": item["display_name"],
+ "assignee_id": (
+ str(item["assignee_id"]) if item["assignee_id"] else None
+ ),
+ "avatar": item["avatar"],
+ "total_issues": item["total_issues"],
+ "completed_issues": item["completed_issues"],
+ "pending_issues": item["pending_issues"],
+ }
+ for item in assignee_distribution
+ ]
+ # Get the label distribution
label_distribution = (
Issue.objects.filter(
issue_cycle__cycle_id=cycle_id,
@@ -1023,7 +1187,9 @@ class TransferCycleIssueEndpoint(BaseAPIView):
assignee_distribution_data = [
{
"display_name": item["display_name"],
- "assignee_id": str(item["assignee_id"]) if item["assignee_id"] else None,
+ "assignee_id": (
+ str(item["assignee_id"]) if item["assignee_id"] else None
+ ),
"avatar": item["avatar"],
"total_issues": item["total_issues"],
"completed_issues": item["completed_issues"],
@@ -1032,11 +1198,14 @@ class TransferCycleIssueEndpoint(BaseAPIView):
for item in assignee_distribution
]
+ # Label distribution serilization
label_distribution_data = [
{
"label_name": item["label_name"],
"color": item["color"],
- "label_id": str(item["label_id"]) if item["label_id"] else None,
+ "label_id": (
+ str(item["label_id"]) if item["label_id"] else None
+ ),
"total_issues": item["total_issues"],
"completed_issues": item["completed_issues"],
"pending_issues": item["pending_issues"],
@@ -1055,10 +1224,7 @@ class TransferCycleIssueEndpoint(BaseAPIView):
"started_issues": old_cycle.first().started_issues,
"unstarted_issues": old_cycle.first().unstarted_issues,
"backlog_issues": old_cycle.first().backlog_issues,
- "total_estimates": old_cycle.first().total_estimates,
- "completed_estimates": old_cycle.first().completed_estimates,
- "started_estimates": old_cycle.first().started_estimates,
- "distribution":{
+ "distribution": {
"labels": label_distribution_data,
"assignees": assignee_distribution_data,
"completion_chart": completion_chart,
diff --git a/apiserver/plane/app/views/dashboard.py b/apiserver/plane/app/views/dashboard.py
index 1366a2886..9078d2ab5 100644
--- a/apiserver/plane/app/views/dashboard.py
+++ b/apiserver/plane/app/views/dashboard.py
@@ -14,7 +14,12 @@ from django.db.models import (
JSONField,
Func,
Prefetch,
+ IntegerField,
)
+from django.contrib.postgres.aggregates import ArrayAgg
+from django.contrib.postgres.fields import ArrayField
+from django.db.models import Value, UUIDField
+from django.db.models.functions import Coalesce
from django.utils import timezone
# Third Party imports
@@ -34,6 +39,8 @@ from plane.db.models import (
IssueLink,
IssueAttachment,
IssueRelation,
+ IssueAssignee,
+ User,
)
from plane.app.serializers import (
IssueActivitySerializer,
@@ -54,6 +61,7 @@ def dashboard_overview_stats(self, request, slug):
pending_issues_count = Issue.issue_objects.filter(
~Q(state__group__in=["completed", "cancelled"]),
+ target_date__lt=timezone.now().date(),
project__project_projectmember__is_active=True,
project__project_projectmember__member=request.user,
workspace__slug=slug,
@@ -130,7 +138,32 @@ def dashboard_assigned_issues(self, request, slug):
.annotate(count=Func(F("id"), function="Count"))
.values("count")
)
- .order_by("created_at")
+ .annotate(
+ label_ids=Coalesce(
+ ArrayAgg(
+ "labels__id",
+ distinct=True,
+ filter=~Q(labels__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "assignees__id",
+ distinct=True,
+ filter=~Q(assignees__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ module_ids=Coalesce(
+ ArrayAgg(
+ "issue_module__module_id",
+ distinct=True,
+ filter=~Q(issue_module__module_id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ )
)
# Priority Ordering
@@ -182,11 +215,11 @@ def dashboard_assigned_issues(self, request, slug):
if issue_type == "overdue":
overdue_issues_count = assigned_issues.filter(
state__group__in=["backlog", "unstarted", "started"],
- target_date__lt=timezone.now()
+ target_date__lt=timezone.now(),
).count()
overdue_issues = assigned_issues.filter(
state__group__in=["backlog", "unstarted", "started"],
- target_date__lt=timezone.now()
+ target_date__lt=timezone.now(),
)[:5]
return Response(
{
@@ -201,11 +234,11 @@ def dashboard_assigned_issues(self, request, slug):
if issue_type == "upcoming":
upcoming_issues_count = assigned_issues.filter(
state__group__in=["backlog", "unstarted", "started"],
- target_date__gte=timezone.now()
+ target_date__gte=timezone.now(),
).count()
upcoming_issues = assigned_issues.filter(
state__group__in=["backlog", "unstarted", "started"],
- target_date__gte=timezone.now()
+ target_date__gte=timezone.now(),
)[:5]
return Response(
{
@@ -259,6 +292,32 @@ def dashboard_created_issues(self, request, slug):
.annotate(count=Func(F("id"), function="Count"))
.values("count")
)
+ .annotate(
+ label_ids=Coalesce(
+ ArrayAgg(
+ "labels__id",
+ distinct=True,
+ filter=~Q(labels__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "assignees__id",
+ distinct=True,
+ filter=~Q(assignees__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ module_ids=Coalesce(
+ ArrayAgg(
+ "issue_module__module_id",
+ distinct=True,
+ filter=~Q(issue_module__module_id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ )
.order_by("created_at")
)
@@ -309,11 +368,11 @@ def dashboard_created_issues(self, request, slug):
if issue_type == "overdue":
overdue_issues_count = created_issues.filter(
state__group__in=["backlog", "unstarted", "started"],
- target_date__lt=timezone.now()
+ target_date__lt=timezone.now(),
).count()
overdue_issues = created_issues.filter(
state__group__in=["backlog", "unstarted", "started"],
- target_date__lt=timezone.now()
+ target_date__lt=timezone.now(),
)[:5]
return Response(
{
@@ -326,11 +385,11 @@ def dashboard_created_issues(self, request, slug):
if issue_type == "upcoming":
upcoming_issues_count = created_issues.filter(
state__group__in=["backlog", "unstarted", "started"],
- target_date__gte=timezone.now()
+ target_date__gte=timezone.now(),
).count()
upcoming_issues = created_issues.filter(
state__group__in=["backlog", "unstarted", "started"],
- target_date__gte=timezone.now()
+ target_date__gte=timezone.now(),
)[:5]
return Response(
{
@@ -447,7 +506,9 @@ def dashboard_recent_projects(self, request, slug):
).exclude(id__in=unique_project_ids)
# Append additional project IDs to the existing list
- unique_project_ids.update(additional_projects.values_list("id", flat=True))
+ unique_project_ids.update(
+ additional_projects.values_list("id", flat=True)
+ )
return Response(
list(unique_project_ids)[:4],
@@ -456,90 +517,97 @@ def dashboard_recent_projects(self, request, slug):
def dashboard_recent_collaborators(self, request, slug):
- # Fetch all project IDs where the user belongs to
- user_projects = Project.objects.filter(
- project_projectmember__member=request.user,
- project_projectmember__is_active=True,
- workspace__slug=slug,
- ).values_list("id", flat=True)
-
- # Fetch all users who have performed an activity in the projects where the user exists
- users_with_activities = (
+ # Subquery to count activities for each project member
+ activity_count_subquery = (
IssueActivity.objects.filter(
workspace__slug=slug,
- project_id__in=user_projects,
+ actor=OuterRef("member"),
+ project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True,
)
.values("actor")
- .exclude(actor=request.user)
- .annotate(num_activities=Count("actor"))
- .order_by("-num_activities")
- )[:7]
-
- # Get the count of active issues for each user in users_with_activities
- users_with_active_issues = []
- for user_activity in users_with_activities:
- user_id = user_activity["actor"]
- active_issue_count = Issue.objects.filter(
- assignees__in=[user_id],
- state__group__in=["unstarted", "started"],
- ).count()
- users_with_active_issues.append(
- {"user_id": user_id, "active_issue_count": active_issue_count}
- )
-
- # Insert the logged-in user's ID and their active issue count at the beginning
- active_issue_count = Issue.objects.filter(
- assignees__in=[request.user],
- state__group__in=["unstarted", "started"],
- ).count()
-
- if users_with_activities.count() < 7:
- # Calculate the additional collaborators needed
- additional_collaborators_needed = 7 - users_with_activities.count()
-
- # Fetch additional collaborators from the project_member table
- additional_collaborators = list(
- set(
- ProjectMember.objects.filter(
- ~Q(member=request.user),
- project_id__in=user_projects,
- workspace__slug=slug,
- )
- .exclude(
- member__in=[
- user["actor"] for user in users_with_activities
- ]
- )
- .values_list("member", flat=True)
- )
- )
-
- additional_collaborators = additional_collaborators[
- :additional_collaborators_needed
- ]
-
- # Append additional collaborators to the list
- for collaborator_id in additional_collaborators:
- active_issue_count = Issue.objects.filter(
- assignees__in=[collaborator_id],
- state__group__in=["unstarted", "started"],
- ).count()
- users_with_active_issues.append(
- {
- "user_id": str(collaborator_id),
- "active_issue_count": active_issue_count,
- }
- )
-
- users_with_active_issues.insert(
- 0,
- {"user_id": request.user.id, "active_issue_count": active_issue_count},
+ .annotate(num_activities=Count("pk"))
+ .values("num_activities")
)
- return Response(users_with_active_issues, status=status.HTTP_200_OK)
+ # Get all project members and annotate them with activity counts
+ project_members_with_activities = (
+ ProjectMember.objects.filter(
+ workspace__slug=slug,
+ project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True,
+ )
+ .annotate(
+ num_activities=Coalesce(
+ Subquery(activity_count_subquery),
+ Value(0),
+ output_field=IntegerField(),
+ ),
+ is_current_user=Case(
+ When(member=request.user, then=Value(0)),
+ default=Value(1),
+ output_field=IntegerField(),
+ ),
+ )
+ .values_list("member", flat=True)
+ .order_by("is_current_user", "-num_activities")
+ .distinct()
+ )
+ search = request.query_params.get("search", None)
+ if search:
+ project_members_with_activities = (
+ project_members_with_activities.filter(
+ Q(member__display_name__icontains=search)
+ | Q(member__first_name__icontains=search)
+ | Q(member__last_name__icontains=search)
+ )
+ )
+
+ return self.paginate(
+ request=request,
+ queryset=project_members_with_activities,
+ controller=self.get_results_controller,
+ )
class DashboardEndpoint(BaseAPIView):
+ def get_results_controller(self, project_members_with_activities):
+ user_active_issue_counts = (
+ User.objects.filter(id__in=project_members_with_activities)
+ .annotate(
+ active_issue_count=Count(
+ Case(
+ When(
+ issue_assignee__issue__state__group__in=[
+ "unstarted",
+ "started",
+ ],
+ then=1,
+ ),
+ output_field=IntegerField(),
+ )
+ )
+ )
+ .values("active_issue_count", user_id=F("id"))
+ )
+ # Create a dictionary to store the active issue counts by user ID
+ active_issue_counts_dict = {
+ user["user_id"]: user["active_issue_count"]
+ for user in user_active_issue_counts
+ }
+
+ # Preserve the sequence of project members with activities
+ paginated_results = [
+ {
+ "user_id": member_id,
+ "active_issue_count": active_issue_counts_dict.get(
+ member_id, 0
+ ),
+ }
+ for member_id in project_members_with_activities
+ ]
+ return paginated_results
+
def create(self, request, slug):
serializer = DashboardSerializer(data=request.data)
if serializer.is_valid():
@@ -566,7 +634,9 @@ class DashboardEndpoint(BaseAPIView):
dashboard_type = request.GET.get("dashboard_type", None)
if dashboard_type == "home":
dashboard, created = Dashboard.objects.get_or_create(
- type_identifier=dashboard_type, owned_by=request.user, is_default=True
+ type_identifier=dashboard_type,
+ owned_by=request.user,
+ is_default=True,
)
if created:
@@ -583,7 +653,9 @@ class DashboardEndpoint(BaseAPIView):
updated_dashboard_widgets = []
for widget_key in widgets_to_fetch:
- widget = Widget.objects.filter(key=widget_key).values_list("id", flat=True)
+ widget = Widget.objects.filter(
+ key=widget_key
+ ).values_list("id", flat=True)
if widget:
updated_dashboard_widgets.append(
DashboardWidget(
diff --git a/apiserver/plane/app/views/error_404.py b/apiserver/plane/app/views/error_404.py
new file mode 100644
index 000000000..3c31474e0
--- /dev/null
+++ b/apiserver/plane/app/views/error_404.py
@@ -0,0 +1,5 @@
+# views.py
+from django.http import JsonResponse
+
+def custom_404_view(request, exception=None):
+ return JsonResponse({"error": "Page not found."}, status=404)
diff --git a/apiserver/plane/app/views/inbox.py b/apiserver/plane/app/views/inbox.py
index f76c74d9c..ed32a14fe 100644
--- a/apiserver/plane/app/views/inbox.py
+++ b/apiserver/plane/app/views/inbox.py
@@ -3,8 +3,12 @@ import json
# Django import
from django.utils import timezone
-from django.db.models import Q, Count, OuterRef, Func, F, Prefetch
+from django.db.models import Q, Count, OuterRef, Func, F, Prefetch, Exists
from django.core.serializers.json import DjangoJSONEncoder
+from django.contrib.postgres.aggregates import ArrayAgg
+from django.contrib.postgres.fields import ArrayField
+from django.db.models import Value, UUIDField
+from django.db.models.functions import Coalesce
# Third party imports
from rest_framework import status
@@ -21,12 +25,14 @@ from plane.db.models import (
IssueLink,
IssueAttachment,
ProjectMember,
+ IssueReaction,
+ IssueSubscriber,
)
from plane.app.serializers import (
+ IssueCreateSerializer,
IssueSerializer,
InboxSerializer,
InboxIssueSerializer,
- IssueCreateSerializer,
IssueDetailSerializer,
)
from plane.utils.issue_filters import issue_filters
@@ -92,7 +98,7 @@ class InboxIssueViewSet(BaseViewSet):
Issue.objects.filter(
project_id=self.kwargs.get("project_id"),
workspace__slug=self.kwargs.get("slug"),
- issue_inbox__inbox_id=self.kwargs.get("inbox_id")
+ issue_inbox__inbox_id=self.kwargs.get("inbox_id"),
)
.select_related("workspace", "project", "state", "parent")
.prefetch_related("assignees", "labels", "issue_module__module")
@@ -127,14 +133,75 @@ class InboxIssueViewSet(BaseViewSet):
.annotate(count=Func(F("id"), function="Count"))
.values("count")
)
+ .annotate(
+ label_ids=Coalesce(
+ ArrayAgg(
+ "labels__id",
+ distinct=True,
+ filter=~Q(labels__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "assignees__id",
+ distinct=True,
+ filter=~Q(assignees__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ module_ids=Coalesce(
+ ArrayAgg(
+ "issue_module__module_id",
+ distinct=True,
+ filter=~Q(issue_module__module_id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ )
).distinct()
def list(self, request, slug, project_id, inbox_id):
filters = issue_filters(request.query_params, "GET")
- issue_queryset = self.get_queryset().filter(**filters).order_by("issue_inbox__snoozed_till", "issue_inbox__status")
- issues_data = IssueSerializer(issue_queryset, expand=self.expand, many=True).data
+ issue_queryset = (
+ self.get_queryset()
+ .filter(**filters)
+ .order_by("issue_inbox__snoozed_till", "issue_inbox__status")
+ )
+ if self.expand:
+ issues = IssueSerializer(
+ issue_queryset, expand=self.expand, many=True
+ ).data
+ else:
+ issues = issue_queryset.values(
+ "id",
+ "name",
+ "state_id",
+ "sort_order",
+ "completed_at",
+ "estimate_point",
+ "priority",
+ "start_date",
+ "target_date",
+ "sequence_id",
+ "project_id",
+ "parent_id",
+ "cycle_id",
+ "module_ids",
+ "label_ids",
+ "assignee_ids",
+ "sub_issues_count",
+ "created_at",
+ "updated_at",
+ "created_by",
+ "updated_by",
+ "attachment_count",
+ "link_count",
+ "is_draft",
+ "archived_at",
+ )
return Response(
- issues_data,
+ issues,
status=status.HTTP_200_OK,
)
@@ -199,8 +266,8 @@ class InboxIssueViewSet(BaseViewSet):
source=request.data.get("source", "in-app"),
)
- issue = (self.get_queryset().filter(pk=issue.id).first())
- serializer = IssueSerializer(issue ,expand=self.expand)
+ issue = self.get_queryset().filter(pk=issue.id).first()
+ serializer = IssueSerializer(issue, expand=self.expand)
return Response(serializer.data, status=status.HTTP_200_OK)
def partial_update(self, request, slug, project_id, inbox_id, issue_id):
@@ -230,11 +297,7 @@ class InboxIssueViewSet(BaseViewSet):
issue_data = request.data.pop("issue", False)
if bool(issue_data):
- issue = Issue.objects.get(
- pk=inbox_issue.issue_id,
- workspace__slug=slug,
- project_id=project_id,
- )
+ issue = self.get_queryset().filter(pk=inbox_issue.issue_id).first()
# Only allow guests and viewers to edit name and description
if project_member.role <= 10:
# viewers and guests since only viewers and guests
@@ -320,20 +383,54 @@ class InboxIssueViewSet(BaseViewSet):
if state is not None:
issue.state = state
issue.save()
- issue = (self.get_queryset().filter(pk=issue_id).first())
- serializer = IssueSerializer(issue, expand=self.expand)
- return Response(serializer.data, status=status.HTTP_200_OK)
+ return Response(status=status.HTTP_204_NO_CONTENT)
return Response(
serializer.errors, status=status.HTTP_400_BAD_REQUEST
)
else:
- issue = (self.get_queryset().filter(pk=issue_id).first())
- serializer = IssueSerializer(issue ,expand=self.expand)
+ issue = self.get_queryset().filter(pk=issue_id).first()
+ serializer = IssueSerializer(issue, expand=self.expand)
return Response(serializer.data, status=status.HTTP_200_OK)
def retrieve(self, request, slug, project_id, inbox_id, issue_id):
- issue = self.get_queryset().filter(pk=issue_id).first()
- serializer = IssueDetailSerializer(issue, expand=self.expand,)
+ issue = (
+ self.get_queryset()
+ .filter(pk=issue_id)
+ .prefetch_related(
+ Prefetch(
+ "issue_reactions",
+ queryset=IssueReaction.objects.select_related(
+ "issue", "actor"
+ ),
+ )
+ )
+ .prefetch_related(
+ Prefetch(
+ "issue_attachment",
+ queryset=IssueAttachment.objects.select_related("issue"),
+ )
+ )
+ .prefetch_related(
+ Prefetch(
+ "issue_link",
+ queryset=IssueLink.objects.select_related("created_by"),
+ )
+ )
+ .annotate(
+ is_subscribed=Exists(
+ IssueSubscriber.objects.filter(
+ workspace__slug=slug,
+ project_id=project_id,
+ issue_id=OuterRef("pk"),
+ subscriber=request.user,
+ )
+ )
+ )
+ ).first()
+ if issue is None:
+ return Response({"error": "Requested object was not found"}, status=status.HTTP_404_NOT_FOUND)
+
+ serializer = IssueDetailSerializer(issue)
return Response(serializer.data, status=status.HTTP_200_OK)
def destroy(self, request, slug, project_id, inbox_id, issue_id):
diff --git a/apiserver/plane/app/views/integration/slack.py b/apiserver/plane/app/views/integration/slack.py
index 410e6b332..c22ee3e52 100644
--- a/apiserver/plane/app/views/integration/slack.py
+++ b/apiserver/plane/app/views/integration/slack.py
@@ -36,7 +36,10 @@ class SlackProjectSyncViewSet(BaseViewSet):
workspace__slug=self.kwargs.get("slug"),
project_id=self.kwargs.get("project_id"),
)
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
)
def create(self, request, slug, project_id, workspace_integration_id):
diff --git a/apiserver/plane/app/views/issue.py b/apiserver/plane/app/views/issue.py
index edefade16..14e0b6a9a 100644
--- a/apiserver/plane/app/views/issue.py
+++ b/apiserver/plane/app/views/issue.py
@@ -4,7 +4,6 @@ import random
from itertools import chain
# Django imports
-from django.db import models
from django.utils import timezone
from django.db.models import (
Prefetch,
@@ -12,19 +11,21 @@ from django.db.models import (
Func,
F,
Q,
- Count,
Case,
Value,
CharField,
When,
Exists,
Max,
- IntegerField,
)
from django.core.serializers.json import DjangoJSONEncoder
from django.utils.decorators import method_decorator
from django.views.decorators.gzip import gzip_page
from django.db import IntegrityError
+from django.contrib.postgres.aggregates import ArrayAgg
+from django.contrib.postgres.fields import ArrayField
+from django.db.models import Value, UUIDField
+from django.db.models.functions import Coalesce
# Third Party imports
from rest_framework.response import Response
@@ -67,15 +68,11 @@ from plane.db.models import (
Label,
IssueLink,
IssueAttachment,
- State,
IssueSubscriber,
ProjectMember,
IssueReaction,
CommentReaction,
- ProjectDeployBoard,
- IssueVote,
IssueRelation,
- ProjectPublicMember,
)
from plane.bgtasks.issue_activites_task import issue_activity
from plane.utils.grouper import group_results
@@ -83,44 +80,30 @@ from plane.utils.issue_filters import issue_filters
from collections import defaultdict
-class IssueViewSet(WebhookMixin, BaseViewSet):
- def get_serializer_class(self):
- return (
- IssueCreateSerializer
- if self.action in ["create", "update", "partial_update"]
- else IssueSerializer
- )
+class IssueListEndpoint(BaseAPIView):
- model = Issue
- webhook_event = "issue"
permission_classes = [
ProjectEntityPermission,
]
- search_fields = [
- "name",
- ]
+ def get(self, request, slug, project_id):
+ issue_ids = request.GET.get("issues", False)
- filterset_fields = [
- "state__name",
- "assignees__id",
- "workspace__id",
- ]
+ if not issue_ids:
+ return Response(
+ {"error": "Issues are required"},
+ status=status.HTTP_400_BAD_REQUEST,
+ )
- def get_queryset(self):
- return (
+ issue_ids = [issue_id for issue_id in issue_ids.split(",") if issue_id != ""]
+
+ queryset = (
Issue.issue_objects.filter(
- project_id=self.kwargs.get("project_id")
+ workspace__slug=slug, project_id=project_id, pk__in=issue_ids
)
.filter(workspace__slug=self.kwargs.get("slug"))
.select_related("workspace", "project", "state", "parent")
.prefetch_related("assignees", "labels", "issue_module__module")
- .prefetch_related(
- Prefetch(
- "issue_reactions",
- queryset=IssueReaction.objects.select_related("actor"),
- )
- )
.annotate(cycle_id=F("issue_cycle__cycle_id"))
.annotate(
link_count=IssueLink.objects.filter(issue=OuterRef("id"))
@@ -144,10 +127,34 @@ class IssueViewSet(WebhookMixin, BaseViewSet):
.annotate(count=Func(F("id"), function="Count"))
.values("count")
)
+ .annotate(
+ label_ids=Coalesce(
+ ArrayAgg(
+ "labels__id",
+ distinct=True,
+ filter=~Q(labels__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "assignees__id",
+ distinct=True,
+ filter=~Q(assignees__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ module_ids=Coalesce(
+ ArrayAgg(
+ "issue_module__module_id",
+ distinct=True,
+ filter=~Q(issue_module__module_id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ )
).distinct()
- @method_decorator(gzip_page)
- def list(self, request, slug, project_id):
filters = issue_filters(request.query_params, "GET")
# Custom ordering for priority and state
@@ -162,7 +169,7 @@ class IssueViewSet(WebhookMixin, BaseViewSet):
order_by_param = request.GET.get("order_by", "-created_at")
- issue_queryset = self.get_queryset().filter(**filters)
+ issue_queryset = queryset.filter(**filters)
# Priority Ordering
if order_by_param == "priority" or order_by_param == "-priority":
@@ -224,9 +231,236 @@ class IssueViewSet(WebhookMixin, BaseViewSet):
else:
issue_queryset = issue_queryset.order_by(order_by_param)
- issues = IssueSerializer(
- issue_queryset, many=True, fields=self.fields, expand=self.expand
- ).data
+ if self.fields or self.expand:
+ issues = IssueSerializer(
+ queryset, many=True, fields=self.fields, expand=self.expand
+ ).data
+ else:
+ issues = issue_queryset.values(
+ "id",
+ "name",
+ "state_id",
+ "sort_order",
+ "completed_at",
+ "estimate_point",
+ "priority",
+ "start_date",
+ "target_date",
+ "sequence_id",
+ "project_id",
+ "parent_id",
+ "cycle_id",
+ "module_ids",
+ "label_ids",
+ "assignee_ids",
+ "sub_issues_count",
+ "created_at",
+ "updated_at",
+ "created_by",
+ "updated_by",
+ "attachment_count",
+ "link_count",
+ "is_draft",
+ "archived_at",
+ )
+ return Response(issues, status=status.HTTP_200_OK)
+
+
+class IssueViewSet(WebhookMixin, BaseViewSet):
+ def get_serializer_class(self):
+ return (
+ IssueCreateSerializer
+ if self.action in ["create", "update", "partial_update"]
+ else IssueSerializer
+ )
+
+ model = Issue
+ webhook_event = "issue"
+ permission_classes = [
+ ProjectEntityPermission,
+ ]
+
+ search_fields = [
+ "name",
+ ]
+
+ filterset_fields = [
+ "state__name",
+ "assignees__id",
+ "workspace__id",
+ ]
+
+ def get_queryset(self):
+ return (
+ Issue.issue_objects.filter(
+ project_id=self.kwargs.get("project_id")
+ )
+ .filter(workspace__slug=self.kwargs.get("slug"))
+ .select_related("workspace", "project", "state", "parent")
+ .prefetch_related("assignees", "labels", "issue_module__module")
+ .annotate(cycle_id=F("issue_cycle__cycle_id"))
+ .annotate(
+ link_count=IssueLink.objects.filter(issue=OuterRef("id"))
+ .order_by()
+ .annotate(count=Func(F("id"), function="Count"))
+ .values("count")
+ )
+ .annotate(
+ attachment_count=IssueAttachment.objects.filter(
+ issue=OuterRef("id")
+ )
+ .order_by()
+ .annotate(count=Func(F("id"), function="Count"))
+ .values("count")
+ )
+ .annotate(
+ sub_issues_count=Issue.issue_objects.filter(
+ parent=OuterRef("id")
+ )
+ .order_by()
+ .annotate(count=Func(F("id"), function="Count"))
+ .values("count")
+ )
+ .annotate(
+ label_ids=Coalesce(
+ ArrayAgg(
+ "labels__id",
+ distinct=True,
+ filter=~Q(labels__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "assignees__id",
+ distinct=True,
+ filter=~Q(assignees__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ module_ids=Coalesce(
+ ArrayAgg(
+ "issue_module__module_id",
+ distinct=True,
+ filter=~Q(issue_module__module_id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ )
+ ).distinct()
+
+ @method_decorator(gzip_page)
+ def list(self, request, slug, project_id):
+ filters = issue_filters(request.query_params, "GET")
+ order_by_param = request.GET.get("order_by", "-created_at")
+
+ issue_queryset = self.get_queryset().filter(**filters)
+ # Custom ordering for priority and state
+ priority_order = ["urgent", "high", "medium", "low", "none"]
+ state_order = [
+ "backlog",
+ "unstarted",
+ "started",
+ "completed",
+ "cancelled",
+ ]
+
+ # Priority Ordering
+ if order_by_param == "priority" or order_by_param == "-priority":
+ priority_order = (
+ priority_order
+ if order_by_param == "priority"
+ else priority_order[::-1]
+ )
+ issue_queryset = issue_queryset.annotate(
+ priority_order=Case(
+ *[
+ When(priority=p, then=Value(i))
+ for i, p in enumerate(priority_order)
+ ],
+ output_field=CharField(),
+ )
+ ).order_by("priority_order")
+
+ # State Ordering
+ elif order_by_param in [
+ "state__name",
+ "state__group",
+ "-state__name",
+ "-state__group",
+ ]:
+ state_order = (
+ state_order
+ if order_by_param in ["state__name", "state__group"]
+ else state_order[::-1]
+ )
+ issue_queryset = issue_queryset.annotate(
+ state_order=Case(
+ *[
+ When(state__group=state_group, then=Value(i))
+ for i, state_group in enumerate(state_order)
+ ],
+ default=Value(len(state_order)),
+ output_field=CharField(),
+ )
+ ).order_by("state_order")
+ # assignee and label ordering
+ elif order_by_param in [
+ "labels__name",
+ "-labels__name",
+ "assignees__first_name",
+ "-assignees__first_name",
+ ]:
+ issue_queryset = issue_queryset.annotate(
+ max_values=Max(
+ order_by_param[1::]
+ if order_by_param.startswith("-")
+ else order_by_param
+ )
+ ).order_by(
+ "-max_values"
+ if order_by_param.startswith("-")
+ else "max_values"
+ )
+ else:
+ issue_queryset = issue_queryset.order_by(order_by_param)
+
+ # Only use serializer when expand or fields else return by values
+ if self.expand or self.fields:
+ issues = IssueSerializer(
+ issue_queryset,
+ many=True,
+ fields=self.fields,
+ expand=self.expand,
+ ).data
+ else:
+ issues = issue_queryset.values(
+ "id",
+ "name",
+ "state_id",
+ "sort_order",
+ "completed_at",
+ "estimate_point",
+ "priority",
+ "start_date",
+ "target_date",
+ "sequence_id",
+ "project_id",
+ "parent_id",
+ "cycle_id",
+ "module_ids",
+ "label_ids",
+ "assignee_ids",
+ "sub_issues_count",
+ "created_at",
+ "updated_at",
+ "created_by",
+ "updated_by",
+ "attachment_count",
+ "link_count",
+ "is_draft",
+ "archived_at",
+ )
return Response(issues, status=status.HTTP_200_OK)
def create(self, request, slug, project_id):
@@ -259,28 +493,97 @@ class IssueViewSet(WebhookMixin, BaseViewSet):
origin=request.META.get("HTTP_ORIGIN"),
)
issue = (
- self.get_queryset().filter(pk=serializer.data["id"]).first()
+ self.get_queryset()
+ .filter(pk=serializer.data["id"])
+ .values(
+ "id",
+ "name",
+ "state_id",
+ "sort_order",
+ "completed_at",
+ "estimate_point",
+ "priority",
+ "start_date",
+ "target_date",
+ "sequence_id",
+ "project_id",
+ "parent_id",
+ "cycle_id",
+ "module_ids",
+ "label_ids",
+ "assignee_ids",
+ "sub_issues_count",
+ "created_at",
+ "updated_at",
+ "created_by",
+ "updated_by",
+ "attachment_count",
+ "link_count",
+ "is_draft",
+ "archived_at",
+ )
+ .first()
)
- serializer = IssueSerializer(issue)
- return Response(serializer.data, status=status.HTTP_201_CREATED)
+ return Response(issue, status=status.HTTP_201_CREATED)
return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
def retrieve(self, request, slug, project_id, pk=None):
- issue = self.get_queryset().filter(pk=pk).first()
- return Response(
- IssueDetailSerializer(
- issue, fields=self.fields, expand=self.expand
- ).data,
- status=status.HTTP_200_OK,
- )
+ issue = (
+ self.get_queryset()
+ .filter(pk=pk)
+ .prefetch_related(
+ Prefetch(
+ "issue_reactions",
+ queryset=IssueReaction.objects.select_related(
+ "issue", "actor"
+ ),
+ )
+ )
+ .prefetch_related(
+ Prefetch(
+ "issue_attachment",
+ queryset=IssueAttachment.objects.select_related("issue"),
+ )
+ )
+ .prefetch_related(
+ Prefetch(
+ "issue_link",
+ queryset=IssueLink.objects.select_related("created_by"),
+ )
+ )
+ .annotate(
+ is_subscribed=Exists(
+ IssueSubscriber.objects.filter(
+ workspace__slug=slug,
+ project_id=project_id,
+ issue_id=OuterRef("pk"),
+ subscriber=request.user,
+ )
+ )
+ )
+ ).first()
+ if not issue:
+ return Response(
+ {"error": "The required object does not exist."},
+ status=status.HTTP_404_NOT_FOUND,
+ )
+
+ serializer = IssueDetailSerializer(issue, expand=self.expand)
+ return Response(serializer.data, status=status.HTTP_200_OK)
def partial_update(self, request, slug, project_id, pk=None):
- issue = Issue.objects.get(
- workspace__slug=slug, project_id=project_id, pk=pk
- )
+ issue = self.get_queryset().filter(pk=pk).first()
+
+ if not issue:
+ return Response(
+ {"error": "Issue not found"},
+ status=status.HTTP_404_NOT_FOUND,
+ )
+
current_instance = json.dumps(
IssueSerializer(issue).data, cls=DjangoJSONEncoder
)
+
requested_data = json.dumps(self.request.data, cls=DjangoJSONEncoder)
serializer = IssueCreateSerializer(
issue, data=request.data, partial=True
@@ -299,18 +602,13 @@ class IssueViewSet(WebhookMixin, BaseViewSet):
origin=request.META.get("HTTP_ORIGIN"),
)
issue = self.get_queryset().filter(pk=pk).first()
- return Response(
- IssueSerializer(issue).data, status=status.HTTP_200_OK
- )
+ return Response(status=status.HTTP_204_NO_CONTENT)
return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
def destroy(self, request, slug, project_id, pk=None):
issue = Issue.objects.get(
workspace__slug=slug, project_id=project_id, pk=pk
)
- current_instance = json.dumps(
- IssueSerializer(issue).data, cls=DjangoJSONEncoder
- )
issue.delete()
issue_activity.delay(
type="issue.activity.deleted",
@@ -318,7 +616,7 @@ class IssueViewSet(WebhookMixin, BaseViewSet):
actor_id=str(request.user.id),
issue_id=str(pk),
project_id=str(project_id),
- current_instance=current_instance,
+ current_instance={},
epoch=int(timezone.now().timestamp()),
notification=True,
origin=request.META.get("HTTP_ORIGIN"),
@@ -326,6 +624,7 @@ class IssueViewSet(WebhookMixin, BaseViewSet):
return Response(status=status.HTTP_204_NO_CONTENT)
+# TODO: deprecated remove once confirmed
class UserWorkSpaceIssues(BaseAPIView):
@method_decorator(gzip_page)
def get(self, request, slug):
@@ -380,12 +679,6 @@ class UserWorkSpaceIssues(BaseAPIView):
.annotate(count=Func(F("id"), function="Count"))
.values("count")
)
- .prefetch_related(
- Prefetch(
- "issue_reactions",
- queryset=IssueReaction.objects.select_related("actor"),
- )
- )
.filter(**filters)
).distinct()
@@ -470,6 +763,7 @@ class UserWorkSpaceIssues(BaseAPIView):
return Response(issues, status=status.HTTP_200_OK)
+# TODO: deprecated remove once confirmed
class WorkSpaceIssuesEndpoint(BaseAPIView):
permission_classes = [
WorkSpaceAdminPermission,
@@ -479,7 +773,10 @@ class WorkSpaceIssuesEndpoint(BaseAPIView):
def get(self, request, slug):
issues = (
Issue.issue_objects.filter(workspace__slug=slug)
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.order_by("-created_at")
)
serializer = IssueSerializer(issues, many=True)
@@ -502,6 +799,7 @@ class IssueActivityEndpoint(BaseAPIView):
.filter(
~Q(field__in=["comment", "vote", "reaction", "draft"]),
project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
workspace__slug=slug,
)
.filter(**filters)
@@ -511,6 +809,7 @@ class IssueActivityEndpoint(BaseAPIView):
IssueComment.objects.filter(issue_id=issue_id)
.filter(
project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
workspace__slug=slug,
)
.filter(**filters)
@@ -562,7 +861,10 @@ class IssueCommentViewSet(WebhookMixin, BaseViewSet):
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
.filter(issue_id=self.kwargs.get("issue_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.select_related("project")
.select_related("workspace")
.select_related("issue")
@@ -724,7 +1026,10 @@ class LabelViewSet(BaseViewSet):
.get_queryset()
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.select_related("project")
.select_related("workspace")
.select_related("parent")
@@ -772,20 +1077,9 @@ class SubIssuesEndpoint(BaseAPIView):
Issue.issue_objects.filter(
parent_id=issue_id, workspace__slug=slug
)
- .select_related("project")
- .select_related("workspace")
- .select_related("state")
- .select_related("parent")
- .prefetch_related("assignees")
- .prefetch_related("labels")
- .annotate(
- sub_issues_count=Issue.issue_objects.filter(
- parent=OuterRef("id")
- )
- .order_by()
- .annotate(count=Func(F("id"), function="Count"))
- .values("count")
- )
+ .select_related("workspace", "project", "state", "parent")
+ .prefetch_related("assignees", "labels", "issue_module__module")
+ .annotate(cycle_id=F("issue_cycle__cycle_id"))
.annotate(
link_count=IssueLink.objects.filter(issue=OuterRef("id"))
.order_by()
@@ -800,11 +1094,39 @@ class SubIssuesEndpoint(BaseAPIView):
.annotate(count=Func(F("id"), function="Count"))
.values("count")
)
- .prefetch_related(
- Prefetch(
- "issue_reactions",
- queryset=IssueReaction.objects.select_related("actor"),
+ .annotate(
+ sub_issues_count=Issue.issue_objects.filter(
+ parent=OuterRef("id")
)
+ .order_by()
+ .annotate(count=Func(F("id"), function="Count"))
+ .values("count")
+ )
+ .annotate(
+ label_ids=Coalesce(
+ ArrayAgg(
+ "labels__id",
+ distinct=True,
+ filter=~Q(labels__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "assignees__id",
+ distinct=True,
+ filter=~Q(assignees__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ module_ids=Coalesce(
+ ArrayAgg(
+ "issue_module__module_id",
+ distinct=True,
+ filter=~Q(issue_module__module_id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
)
.annotate(state_group=F("state__group"))
)
@@ -814,13 +1136,36 @@ class SubIssuesEndpoint(BaseAPIView):
for sub_issue in sub_issues:
result[sub_issue.state_group].append(str(sub_issue.id))
- serializer = IssueSerializer(
- sub_issues,
- many=True,
+ sub_issues = sub_issues.values(
+ "id",
+ "name",
+ "state_id",
+ "sort_order",
+ "completed_at",
+ "estimate_point",
+ "priority",
+ "start_date",
+ "target_date",
+ "sequence_id",
+ "project_id",
+ "parent_id",
+ "cycle_id",
+ "module_ids",
+ "label_ids",
+ "assignee_ids",
+ "sub_issues_count",
+ "created_at",
+ "updated_at",
+ "created_by",
+ "updated_by",
+ "attachment_count",
+ "link_count",
+ "is_draft",
+ "archived_at",
)
return Response(
{
- "sub_issues": serializer.data,
+ "sub_issues": sub_issues,
"state_distribution": result,
},
status=status.HTTP_200_OK,
@@ -897,7 +1242,10 @@ class IssueLinkViewSet(BaseViewSet):
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
.filter(issue_id=self.kwargs.get("issue_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.order_by("-created_at")
.distinct()
)
@@ -1085,7 +1433,7 @@ class IssueArchiveViewSet(BaseViewSet):
.filter(workspace__slug=self.kwargs.get("slug"))
.select_related("workspace", "project", "state", "parent")
.prefetch_related("assignees", "labels", "issue_module__module")
- .annotate(cycle_id=F("issue_cycle__cycle_id"))
+ .annotate(cycle_id=F("issue_cycle__cycle_id"))
.annotate(
link_count=IssueLink.objects.filter(issue=OuterRef("id"))
.order_by()
@@ -1108,15 +1456,36 @@ class IssueArchiveViewSet(BaseViewSet):
.annotate(count=Func(F("id"), function="Count"))
.values("count")
)
+ .annotate(
+ label_ids=Coalesce(
+ ArrayAgg(
+ "labels__id",
+ distinct=True,
+ filter=~Q(labels__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "assignees__id",
+ distinct=True,
+ filter=~Q(assignees__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ module_ids=Coalesce(
+ ArrayAgg(
+ "issue_module__module_id",
+ distinct=True,
+ filter=~Q(issue_module__module_id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ )
)
@method_decorator(gzip_page)
def list(self, request, slug, project_id):
- fields = [
- field
- for field in request.GET.get("fields", "").split(",")
- if field
- ]
filters = issue_filters(request.query_params, "GET")
show_sub_issues = request.GET.get("show_sub_issues", "true")
@@ -1132,10 +1501,7 @@ class IssueArchiveViewSet(BaseViewSet):
order_by_param = request.GET.get("order_by", "-created_at")
- issue_queryset = (
- self.get_queryset()
- .filter(**filters)
- )
+ issue_queryset = self.get_queryset().filter(**filters)
# Priority Ordering
if order_by_param == "priority" or order_by_param == "-priority":
@@ -1202,20 +1568,114 @@ class IssueArchiveViewSet(BaseViewSet):
if show_sub_issues == "true"
else issue_queryset.filter(parent__isnull=True)
)
-
- issues = IssueSerializer(
- issue_queryset, many=True, fields=fields if fields else None
- ).data
+ if self.expand or self.fields:
+ issues = IssueSerializer(
+ issue_queryset,
+ many=True,
+ fields=self.fields,
+ ).data
+ else:
+ issues = issue_queryset.values(
+ "id",
+ "name",
+ "state_id",
+ "sort_order",
+ "completed_at",
+ "estimate_point",
+ "priority",
+ "start_date",
+ "target_date",
+ "sequence_id",
+ "project_id",
+ "parent_id",
+ "cycle_id",
+ "module_ids",
+ "label_ids",
+ "assignee_ids",
+ "sub_issues_count",
+ "created_at",
+ "updated_at",
+ "created_by",
+ "updated_by",
+ "attachment_count",
+ "link_count",
+ "is_draft",
+ "archived_at",
+ )
return Response(issues, status=status.HTTP_200_OK)
def retrieve(self, request, slug, project_id, pk=None):
- issue = self.get_queryset().filter(pk=pk).first()
- return Response(
- IssueDetailSerializer(
- issue, fields=self.fields, expand=self.expand
- ).data,
- status=status.HTTP_200_OK,
+ issue = (
+ self.get_queryset()
+ .filter(pk=pk)
+ .prefetch_related(
+ Prefetch(
+ "issue_reactions",
+ queryset=IssueReaction.objects.select_related(
+ "issue", "actor"
+ ),
+ )
+ )
+ .prefetch_related(
+ Prefetch(
+ "issue_attachment",
+ queryset=IssueAttachment.objects.select_related("issue"),
+ )
+ )
+ .prefetch_related(
+ Prefetch(
+ "issue_link",
+ queryset=IssueLink.objects.select_related("created_by"),
+ )
+ )
+ .annotate(
+ is_subscribed=Exists(
+ IssueSubscriber.objects.filter(
+ workspace__slug=slug,
+ project_id=project_id,
+ issue_id=OuterRef("pk"),
+ subscriber=request.user,
+ )
+ )
+ )
+ ).first()
+ if not issue:
+ return Response(
+ {"error": "The required object does not exist."},
+ status=status.HTTP_404_NOT_FOUND,
+ )
+ serializer = IssueDetailSerializer(issue, expand=self.expand)
+ return Response(serializer.data, status=status.HTTP_200_OK)
+
+ def archive(self, request, slug, project_id, pk=None):
+ issue = Issue.issue_objects.get(
+ workspace__slug=slug,
+ project_id=project_id,
+ pk=pk,
)
+ if issue.state.group not in ["completed", "cancelled"]:
+ return Response(
+ {"error": "Can only archive completed or cancelled state group issue"},
+ status=status.HTTP_400_BAD_REQUEST,
+ )
+ issue_activity.delay(
+ type="issue.activity.updated",
+ requested_data=json.dumps({"archived_at": str(timezone.now().date()), "automation": False}),
+ actor_id=str(request.user.id),
+ issue_id=str(issue.id),
+ project_id=str(project_id),
+ current_instance=json.dumps(
+ IssueSerializer(issue).data, cls=DjangoJSONEncoder
+ ),
+ epoch=int(timezone.now().timestamp()),
+ notification=True,
+ origin=request.META.get("HTTP_ORIGIN"),
+ )
+ issue.archived_at = timezone.now().date()
+ issue.save()
+
+ return Response({"archived_at": str(issue.archived_at)}, status=status.HTTP_200_OK)
+
def unarchive(self, request, slug, project_id, pk=None):
issue = Issue.objects.get(
@@ -1240,7 +1700,7 @@ class IssueArchiveViewSet(BaseViewSet):
issue.archived_at = None
issue.save()
- return Response(IssueSerializer(issue).data, status=status.HTTP_200_OK)
+ return Response(status=status.HTTP_204_NO_CONTENT)
class IssueSubscriberViewSet(BaseViewSet):
@@ -1276,7 +1736,10 @@ class IssueSubscriberViewSet(BaseViewSet):
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
.filter(issue_id=self.kwargs.get("issue_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.order_by("-created_at")
.distinct()
)
@@ -1360,7 +1823,10 @@ class IssueReactionViewSet(BaseViewSet):
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
.filter(issue_id=self.kwargs.get("issue_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.order_by("-created_at")
.distinct()
)
@@ -1429,7 +1895,10 @@ class CommentReactionViewSet(BaseViewSet):
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
.filter(comment_id=self.kwargs.get("comment_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.order_by("-created_at")
.distinct()
)
@@ -1499,7 +1968,10 @@ class IssueRelationViewSet(BaseViewSet):
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
.filter(issue_id=self.kwargs.get("issue_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.select_related("project")
.select_related("workspace")
.select_related("issue")
@@ -1580,15 +2052,17 @@ class IssueRelationViewSet(BaseViewSet):
issue_relation = IssueRelation.objects.bulk_create(
[
IssueRelation(
- issue_id=issue
- if relation_type == "blocking"
- else issue_id,
- related_issue_id=issue_id
- if relation_type == "blocking"
- else issue,
- relation_type="blocked_by"
- if relation_type == "blocking"
- else relation_type,
+ issue_id=(
+ issue if relation_type == "blocking" else issue_id
+ ),
+ related_issue_id=(
+ issue_id if relation_type == "blocking" else issue
+ ),
+ relation_type=(
+ "blocked_by"
+ if relation_type == "blocking"
+ else relation_type
+ ),
project_id=project_id,
workspace_id=project.workspace_id,
created_by=request.user,
@@ -1669,19 +2143,11 @@ class IssueDraftViewSet(BaseViewSet):
def get_queryset(self):
return (
- Issue.objects.filter(
- project_id=self.kwargs.get("project_id")
- )
+ Issue.objects.filter(project_id=self.kwargs.get("project_id"))
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(is_draft=True)
.select_related("workspace", "project", "state", "parent")
.prefetch_related("assignees", "labels", "issue_module__module")
- .prefetch_related(
- Prefetch(
- "issue_reactions",
- queryset=IssueReaction.objects.select_related("actor"),
- )
- )
.annotate(cycle_id=F("issue_cycle__cycle_id"))
.annotate(
link_count=IssueLink.objects.filter(issue=OuterRef("id"))
@@ -1705,6 +2171,32 @@ class IssueDraftViewSet(BaseViewSet):
.annotate(count=Func(F("id"), function="Count"))
.values("count")
)
+ .annotate(
+ label_ids=Coalesce(
+ ArrayAgg(
+ "labels__id",
+ distinct=True,
+ filter=~Q(labels__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "assignees__id",
+ distinct=True,
+ filter=~Q(assignees__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ module_ids=Coalesce(
+ ArrayAgg(
+ "issue_module__module_id",
+ distinct=True,
+ filter=~Q(issue_module__module_id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ )
).distinct()
@method_decorator(gzip_page)
@@ -1728,10 +2220,7 @@ class IssueDraftViewSet(BaseViewSet):
order_by_param = request.GET.get("order_by", "-created_at")
- issue_queryset = (
- self.get_queryset()
- .filter(**filters)
- )
+ issue_queryset = self.get_queryset().filter(**filters)
# Priority Ordering
if order_by_param == "priority" or order_by_param == "-priority":
@@ -1793,9 +2282,42 @@ class IssueDraftViewSet(BaseViewSet):
else:
issue_queryset = issue_queryset.order_by(order_by_param)
- issues = IssueSerializer(
- issue_queryset, many=True, fields=fields if fields else None
- ).data
+ # Only use serializer when expand else return by values
+ if self.expand or self.fields:
+ issues = IssueSerializer(
+ issue_queryset,
+ many=True,
+ fields=self.fields,
+ expand=self.expand,
+ ).data
+ else:
+ issues = issue_queryset.values(
+ "id",
+ "name",
+ "state_id",
+ "sort_order",
+ "completed_at",
+ "estimate_point",
+ "priority",
+ "start_date",
+ "target_date",
+ "sequence_id",
+ "project_id",
+ "parent_id",
+ "cycle_id",
+ "module_ids",
+ "label_ids",
+ "assignee_ids",
+ "sub_issues_count",
+ "created_at",
+ "updated_at",
+ "created_by",
+ "updated_by",
+ "attachment_count",
+ "link_count",
+ "is_draft",
+ "archived_at",
+ )
return Response(issues, status=status.HTTP_200_OK)
def create(self, request, slug, project_id):
@@ -1830,24 +2352,24 @@ class IssueDraftViewSet(BaseViewSet):
issue = (
self.get_queryset().filter(pk=serializer.data["id"]).first()
)
- return Response(IssueSerializer(issue).data, status=status.HTTP_201_CREATED)
+ return Response(
+ IssueSerializer(issue).data, status=status.HTTP_201_CREATED
+ )
return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
def partial_update(self, request, slug, project_id, pk):
- issue = Issue.objects.get(
- workspace__slug=slug, project_id=project_id, pk=pk
- )
- serializer = IssueSerializer(issue, data=request.data, partial=True)
+ issue = self.get_queryset().filter(pk=pk).first()
+
+ if not issue:
+ return Response(
+ {"error": "Issue does not exist"},
+ status=status.HTTP_404_NOT_FOUND,
+ )
+
+ serializer = IssueCreateSerializer(issue, data=request.data, partial=True)
if serializer.is_valid():
- if request.data.get(
- "is_draft"
- ) is not None and not request.data.get("is_draft"):
- serializer.save(
- created_at=timezone.now(), updated_at=timezone.now()
- )
- else:
- serializer.save()
+ serializer.save()
issue_activity.delay(
type="issue_draft.activity.updated",
requested_data=json.dumps(request.data, cls=DjangoJSONEncoder),
@@ -1862,25 +2384,57 @@ class IssueDraftViewSet(BaseViewSet):
notification=True,
origin=request.META.get("HTTP_ORIGIN"),
)
- return Response(serializer.data, status=status.HTTP_200_OK)
+ return Response(status=status.HTTP_204_NO_CONTENT)
return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
def retrieve(self, request, slug, project_id, pk=None):
- issue = self.get_queryset().filter(pk=pk).first()
- return Response(
- IssueSerializer(
- issue, fields=self.fields, expand=self.expand
- ).data,
- status=status.HTTP_200_OK,
- )
+ issue = (
+ self.get_queryset()
+ .filter(pk=pk)
+ .prefetch_related(
+ Prefetch(
+ "issue_reactions",
+ queryset=IssueReaction.objects.select_related(
+ "issue", "actor"
+ ),
+ )
+ )
+ .prefetch_related(
+ Prefetch(
+ "issue_attachment",
+ queryset=IssueAttachment.objects.select_related("issue"),
+ )
+ )
+ .prefetch_related(
+ Prefetch(
+ "issue_link",
+ queryset=IssueLink.objects.select_related("created_by"),
+ )
+ )
+ .annotate(
+ is_subscribed=Exists(
+ IssueSubscriber.objects.filter(
+ workspace__slug=slug,
+ project_id=project_id,
+ issue_id=OuterRef("pk"),
+ subscriber=request.user,
+ )
+ )
+ )
+ ).first()
+
+ if not issue:
+ return Response(
+ {"error": "The required object does not exist."},
+ status=status.HTTP_404_NOT_FOUND,
+ )
+ serializer = IssueDetailSerializer(issue, expand=self.expand)
+ return Response(serializer.data, status=status.HTTP_200_OK)
def destroy(self, request, slug, project_id, pk=None):
issue = Issue.objects.get(
workspace__slug=slug, project_id=project_id, pk=pk
)
- current_instance = json.dumps(
- IssueSerializer(issue).data, cls=DjangoJSONEncoder
- )
issue.delete()
issue_activity.delay(
type="issue_draft.activity.deleted",
@@ -1888,7 +2442,7 @@ class IssueDraftViewSet(BaseViewSet):
actor_id=str(request.user.id),
issue_id=str(pk),
project_id=str(project_id),
- current_instance=current_instance,
+ current_instance={},
epoch=int(timezone.now().timestamp()),
notification=True,
origin=request.META.get("HTTP_ORIGIN"),
diff --git a/apiserver/plane/app/views/module.py b/apiserver/plane/app/views/module.py
index 4792a1f79..3b52db64f 100644
--- a/apiserver/plane/app/views/module.py
+++ b/apiserver/plane/app/views/module.py
@@ -4,11 +4,12 @@ import json
# Django Imports
from django.utils import timezone
from django.db.models import Prefetch, F, OuterRef, Func, Exists, Count, Q
-from django.core import serializers
from django.utils.decorators import method_decorator
from django.views.decorators.gzip import gzip_page
-from django.core.serializers.json import DjangoJSONEncoder
-
+from django.contrib.postgres.aggregates import ArrayAgg
+from django.contrib.postgres.fields import ArrayField
+from django.db.models import Value, UUIDField
+from django.db.models.functions import Coalesce
# Third party imports
from rest_framework.response import Response
@@ -24,6 +25,7 @@ from plane.app.serializers import (
ModuleFavoriteSerializer,
IssueSerializer,
ModuleUserPropertiesSerializer,
+ ModuleDetailSerializer,
)
from plane.app.permissions import (
ProjectEntityPermission,
@@ -38,11 +40,9 @@ from plane.db.models import (
ModuleFavorite,
IssueLink,
IssueAttachment,
- IssueSubscriber,
ModuleUserProperties,
)
from plane.bgtasks.issue_activites_task import issue_activity
-from plane.utils.grouper import group_results
from plane.utils.issue_filters import issue_filters
from plane.utils.analytics_plot import burndown_plot
@@ -62,7 +62,7 @@ class ModuleViewSet(WebhookMixin, BaseViewSet):
)
def get_queryset(self):
- subquery = ModuleFavorite.objects.filter(
+ favorite_subquery = ModuleFavorite.objects.filter(
user=self.request.user,
module_id=OuterRef("pk"),
project_id=self.kwargs.get("project_id"),
@@ -73,7 +73,7 @@ class ModuleViewSet(WebhookMixin, BaseViewSet):
.get_queryset()
.filter(project_id=self.kwargs.get("project_id"))
.filter(workspace__slug=self.kwargs.get("slug"))
- .annotate(is_favorite=Exists(subquery))
+ .annotate(is_favorite=Exists(favorite_subquery))
.select_related("project")
.select_related("workspace")
.select_related("lead")
@@ -145,6 +145,16 @@ class ModuleViewSet(WebhookMixin, BaseViewSet):
),
)
)
+ .annotate(
+ member_ids=Coalesce(
+ ArrayAgg(
+ "members__id",
+ distinct=True,
+ filter=~Q(members__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ )
+ )
.order_by("-is_favorite", "-created_at")
)
@@ -157,25 +167,84 @@ class ModuleViewSet(WebhookMixin, BaseViewSet):
if serializer.is_valid():
serializer.save()
- module = Module.objects.get(pk=serializer.data["id"])
- serializer = ModuleSerializer(module)
- return Response(serializer.data, status=status.HTTP_201_CREATED)
+ module = (
+ self.get_queryset()
+ .filter(pk=serializer.data["id"])
+ .values( # Required fields
+ "id",
+ "workspace_id",
+ "project_id",
+ # Model fields
+ "name",
+ "description",
+ "description_text",
+ "description_html",
+ "start_date",
+ "target_date",
+ "status",
+ "lead_id",
+ "member_ids",
+ "view_props",
+ "sort_order",
+ "external_source",
+ "external_id",
+ # computed fields
+ "is_favorite",
+ "total_issues",
+ "cancelled_issues",
+ "completed_issues",
+ "started_issues",
+ "unstarted_issues",
+ "backlog_issues",
+ "created_at",
+ "updated_at",
+ )
+ ).first()
+ return Response(module, status=status.HTTP_201_CREATED)
return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
def list(self, request, slug, project_id):
queryset = self.get_queryset()
- fields = [
- field
- for field in request.GET.get("fields", "").split(",")
- if field
- ]
- modules = ModuleSerializer(
- queryset, many=True, fields=fields if fields else None
- ).data
+ if self.fields:
+ modules = ModuleSerializer(
+ queryset,
+ many=True,
+ fields=self.fields,
+ ).data
+ else:
+ modules = queryset.values( # Required fields
+ "id",
+ "workspace_id",
+ "project_id",
+ # Model fields
+ "name",
+ "description",
+ "description_text",
+ "description_html",
+ "start_date",
+ "target_date",
+ "status",
+ "lead_id",
+ "member_ids",
+ "view_props",
+ "sort_order",
+ "external_source",
+ "external_id",
+ # computed fields
+ "is_favorite",
+ "total_issues",
+ "cancelled_issues",
+ "completed_issues",
+ "started_issues",
+ "unstarted_issues",
+ "backlog_issues",
+ "created_at",
+ "updated_at",
+ )
return Response(modules, status=status.HTTP_200_OK)
def retrieve(self, request, slug, project_id, pk):
- queryset = self.get_queryset().get(pk=pk)
+ queryset = self.get_queryset().filter(pk=pk)
assignee_distribution = (
Issue.objects.filter(
@@ -269,16 +338,16 @@ class ModuleViewSet(WebhookMixin, BaseViewSet):
.order_by("label_name")
)
- data = ModuleSerializer(queryset).data
+ data = ModuleDetailSerializer(queryset.first()).data
data["distribution"] = {
"assignees": assignee_distribution,
"labels": label_distribution,
"completion_chart": {},
}
- if queryset.start_date and queryset.target_date:
+ if queryset.first().start_date and queryset.first().target_date:
data["distribution"]["completion_chart"] = burndown_plot(
- queryset=queryset,
+ queryset=queryset.first(),
slug=slug,
project_id=project_id,
module_id=pk,
@@ -289,6 +358,47 @@ class ModuleViewSet(WebhookMixin, BaseViewSet):
status=status.HTTP_200_OK,
)
+ def partial_update(self, request, slug, project_id, pk):
+ queryset = self.get_queryset().filter(pk=pk)
+ serializer = ModuleWriteSerializer(
+ queryset.first(), data=request.data, partial=True
+ )
+
+ if serializer.is_valid():
+ serializer.save()
+ module = queryset.values(
+ # Required fields
+ "id",
+ "workspace_id",
+ "project_id",
+ # Model fields
+ "name",
+ "description",
+ "description_text",
+ "description_html",
+ "start_date",
+ "target_date",
+ "status",
+ "lead_id",
+ "member_ids",
+ "view_props",
+ "sort_order",
+ "external_source",
+ "external_id",
+ # computed fields
+ "is_favorite",
+ "total_issues",
+ "cancelled_issues",
+ "completed_issues",
+ "started_issues",
+ "unstarted_issues",
+ "backlog_issues",
+ "created_at",
+ "updated_at",
+ ).first()
+ return Response(module, status=status.HTTP_200_OK)
+ return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
+
def destroy(self, request, slug, project_id, pk):
module = Module.objects.get(
workspace__slug=slug, project_id=project_id, pk=pk
@@ -331,17 +441,15 @@ class ModuleIssueViewSet(WebhookMixin, BaseViewSet):
ProjectEntityPermission,
]
-
def get_queryset(self):
return (
Issue.issue_objects.filter(
project_id=self.kwargs.get("project_id"),
workspace__slug=self.kwargs.get("slug"),
- issue_module__module_id=self.kwargs.get("module_id")
+ issue_module__module_id=self.kwargs.get("module_id"),
)
.select_related("workspace", "project", "state", "parent")
- .prefetch_related("labels", "assignees")
- .prefetch_related('issue_module__module')
+ .prefetch_related("assignees", "labels", "issue_module__module")
.annotate(cycle_id=F("issue_cycle__cycle_id"))
.annotate(
link_count=IssueLink.objects.filter(issue=OuterRef("id"))
@@ -365,6 +473,32 @@ class ModuleIssueViewSet(WebhookMixin, BaseViewSet):
.annotate(count=Func(F("id"), function="Count"))
.values("count")
)
+ .annotate(
+ label_ids=Coalesce(
+ ArrayAgg(
+ "labels__id",
+ distinct=True,
+ filter=~Q(labels__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "assignees__id",
+ distinct=True,
+ filter=~Q(assignees__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ module_ids=Coalesce(
+ ArrayAgg(
+ "issue_module__module_id",
+ distinct=True,
+ filter=~Q(issue_module__module_id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ )
).distinct()
@method_decorator(gzip_page)
@@ -376,15 +510,44 @@ class ModuleIssueViewSet(WebhookMixin, BaseViewSet):
]
filters = issue_filters(request.query_params, "GET")
issue_queryset = self.get_queryset().filter(**filters)
- serializer = IssueSerializer(
- issue_queryset, many=True, fields=fields if fields else None
- )
- return Response(serializer.data, status=status.HTTP_200_OK)
+ if self.fields or self.expand:
+ issues = IssueSerializer(
+ issue_queryset, many=True, fields=fields if fields else None
+ ).data
+ else:
+ issues = issue_queryset.values(
+ "id",
+ "name",
+ "state_id",
+ "sort_order",
+ "completed_at",
+ "estimate_point",
+ "priority",
+ "start_date",
+ "target_date",
+ "sequence_id",
+ "project_id",
+ "parent_id",
+ "cycle_id",
+ "module_ids",
+ "label_ids",
+ "assignee_ids",
+ "sub_issues_count",
+ "created_at",
+ "updated_at",
+ "created_by",
+ "updated_by",
+ "attachment_count",
+ "link_count",
+ "is_draft",
+ "archived_at",
+ )
+ return Response(issues, status=status.HTTP_200_OK)
# create multiple issues inside a module
def create_module_issues(self, request, slug, project_id, module_id):
issues = request.data.get("issues", [])
- if not len(issues):
+ if not issues:
return Response(
{"error": "Issues are required"},
status=status.HTTP_400_BAD_REQUEST,
@@ -420,15 +583,12 @@ class ModuleIssueViewSet(WebhookMixin, BaseViewSet):
)
for issue in issues
]
- issues = (self.get_queryset().filter(pk__in=issues))
- serializer = IssueSerializer(issues , many=True)
- return Response(serializer.data, status=status.HTTP_201_CREATED)
-
+ return Response({"message": "success"}, status=status.HTTP_201_CREATED)
# create multiple module inside an issue
def create_issue_modules(self, request, slug, project_id, issue_id):
modules = request.data.get("modules", [])
- if not len(modules):
+ if not modules:
return Response(
{"error": "Modules are required"},
status=status.HTTP_400_BAD_REQUEST,
@@ -466,10 +626,7 @@ class ModuleIssueViewSet(WebhookMixin, BaseViewSet):
for module in modules
]
- issue = (self.get_queryset().filter(pk=issue_id).first())
- serializer = IssueSerializer(issue)
- return Response(serializer.data, status=status.HTTP_201_CREATED)
-
+ return Response({"message": "success"}, status=status.HTTP_201_CREATED)
def destroy(self, request, slug, project_id, module_id, issue_id):
module_issue = ModuleIssue.objects.get(
@@ -484,7 +641,9 @@ class ModuleIssueViewSet(WebhookMixin, BaseViewSet):
actor_id=str(request.user.id),
issue_id=str(issue_id),
project_id=str(project_id),
- current_instance=json.dumps({"module_name": module_issue.module.name}),
+ current_instance=json.dumps(
+ {"module_name": module_issue.module.name}
+ ),
epoch=int(timezone.now().timestamp()),
notification=True,
origin=request.META.get("HTTP_ORIGIN"),
@@ -514,7 +673,10 @@ class ModuleLinkViewSet(BaseViewSet):
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
.filter(module_id=self.kwargs.get("module_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.order_by("-created_at")
.distinct()
)
diff --git a/apiserver/plane/app/views/page.py b/apiserver/plane/app/views/page.py
index 1d8ff1fbb..7ecf22fa8 100644
--- a/apiserver/plane/app/views/page.py
+++ b/apiserver/plane/app/views/page.py
@@ -60,7 +60,10 @@ class PageViewSet(BaseViewSet):
.get_queryset()
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.filter(parent__isnull=True)
.filter(Q(owned_by=self.request.user) | Q(access=0))
.select_related("project")
diff --git a/apiserver/plane/app/views/project.py b/apiserver/plane/app/views/project.py
index 5d2f95673..6f9b2618e 100644
--- a/apiserver/plane/app/views/project.py
+++ b/apiserver/plane/app/views/project.py
@@ -77,6 +77,12 @@ class ProjectViewSet(WebhookMixin, BaseViewSet):
]
def get_queryset(self):
+ sort_order = ProjectMember.objects.filter(
+ member=self.request.user,
+ project_id=OuterRef("pk"),
+ workspace__slug=self.kwargs.get("slug"),
+ is_active=True,
+ ).values("sort_order")
return self.filter_queryset(
super()
.get_queryset()
@@ -147,6 +153,7 @@ class ProjectViewSet(WebhookMixin, BaseViewSet):
)
)
)
+ .annotate(sort_order=Subquery(sort_order))
.prefetch_related(
Prefetch(
"project_projectmember",
@@ -166,16 +173,8 @@ class ProjectViewSet(WebhookMixin, BaseViewSet):
for field in request.GET.get("fields", "").split(",")
if field
]
-
- sort_order_query = ProjectMember.objects.filter(
- member=request.user,
- project_id=OuterRef("pk"),
- workspace__slug=self.kwargs.get("slug"),
- is_active=True,
- ).values("sort_order")
projects = (
self.get_queryset()
- .annotate(sort_order=Subquery(sort_order_query))
.order_by("sort_order", "name")
)
if request.GET.get("per_page", False) and request.GET.get(
@@ -204,7 +203,7 @@ class ProjectViewSet(WebhookMixin, BaseViewSet):
serializer.save()
# Add the user as Administrator to the project
- project_member = ProjectMember.objects.create(
+ _ = ProjectMember.objects.create(
project_id=serializer.data["id"],
member=request.user,
role=20,
diff --git a/apiserver/plane/app/views/search.py b/apiserver/plane/app/views/search.py
index ccef3d18f..a2ed1c015 100644
--- a/apiserver/plane/app/views/search.py
+++ b/apiserver/plane/app/views/search.py
@@ -48,8 +48,8 @@ class GlobalSearchEndpoint(BaseAPIView):
return (
Project.objects.filter(
q,
- Q(project_projectmember__member=self.request.user)
- | Q(network=2),
+ project_projectmember__member=self.request.user,
+ project_projectmember__is_active=True,
workspace__slug=slug,
)
.distinct()
@@ -71,6 +71,7 @@ class GlobalSearchEndpoint(BaseAPIView):
issues = Issue.issue_objects.filter(
q,
project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
workspace__slug=slug,
)
@@ -95,6 +96,7 @@ class GlobalSearchEndpoint(BaseAPIView):
cycles = Cycle.objects.filter(
q,
project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
workspace__slug=slug,
)
@@ -118,6 +120,7 @@ class GlobalSearchEndpoint(BaseAPIView):
modules = Module.objects.filter(
q,
project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
workspace__slug=slug,
)
@@ -141,6 +144,7 @@ class GlobalSearchEndpoint(BaseAPIView):
pages = Page.objects.filter(
q,
project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
workspace__slug=slug,
)
@@ -164,6 +168,7 @@ class GlobalSearchEndpoint(BaseAPIView):
issue_views = IssueView.objects.filter(
q,
project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
workspace__slug=slug,
)
@@ -236,6 +241,7 @@ class IssueSearchEndpoint(BaseAPIView):
issues = Issue.issue_objects.filter(
workspace__slug=slug,
project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
)
if workspace_search == "false":
diff --git a/apiserver/plane/app/views/state.py b/apiserver/plane/app/views/state.py
index 242061e18..34b3d1dcc 100644
--- a/apiserver/plane/app/views/state.py
+++ b/apiserver/plane/app/views/state.py
@@ -31,7 +31,10 @@ class StateViewSet(BaseViewSet):
.get_queryset()
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.filter(~Q(name="Triage"))
.select_related("project")
.select_related("workspace")
diff --git a/apiserver/plane/app/views/view.py b/apiserver/plane/app/views/view.py
index 27f31f7a9..ade445fae 100644
--- a/apiserver/plane/app/views/view.py
+++ b/apiserver/plane/app/views/view.py
@@ -1,6 +1,6 @@
# Django imports
from django.db.models import (
- Prefetch,
+ Q,
OuterRef,
Func,
F,
@@ -13,16 +13,21 @@ from django.db.models import (
)
from django.utils.decorators import method_decorator
from django.views.decorators.gzip import gzip_page
-from django.db.models import Prefetch, OuterRef, Exists
+from django.contrib.postgres.aggregates import ArrayAgg
+from django.contrib.postgres.fields import ArrayField
+from django.db.models import Value, UUIDField
+from django.db.models.functions import Coalesce
+from django.contrib.postgres.aggregates import ArrayAgg
+from django.contrib.postgres.fields import ArrayField
+from django.db.models import Value, UUIDField
# Third party imports
from rest_framework.response import Response
from rest_framework import status
# Module imports
-from . import BaseViewSet, BaseAPIView
+from . import BaseViewSet
from plane.app.serializers import (
- GlobalViewSerializer,
IssueViewSerializer,
IssueSerializer,
IssueViewFavoriteSerializer,
@@ -30,22 +35,16 @@ from plane.app.serializers import (
from plane.app.permissions import (
WorkspaceEntityPermission,
ProjectEntityPermission,
- WorkspaceViewerPermission,
- ProjectLitePermission,
)
from plane.db.models import (
Workspace,
- GlobalView,
IssueView,
Issue,
IssueViewFavorite,
- IssueReaction,
IssueLink,
IssueAttachment,
- IssueSubscriber,
)
from plane.utils.issue_filters import issue_filters
-from plane.utils.grouper import group_results
class GlobalViewViewSet(BaseViewSet):
@@ -87,13 +86,60 @@ class GlobalViewIssuesViewSet(BaseViewSet):
.values("count")
)
.filter(workspace__slug=self.kwargs.get("slug"))
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.select_related("workspace", "project", "state", "parent")
.prefetch_related("assignees", "labels", "issue_module__module")
- .prefetch_related(
- Prefetch(
- "issue_reactions",
- queryset=IssueReaction.objects.select_related("actor"),
+ .annotate(cycle_id=F("issue_cycle__cycle_id"))
+ .annotate(
+ link_count=IssueLink.objects.filter(issue=OuterRef("id"))
+ .order_by()
+ .annotate(count=Func(F("id"), function="Count"))
+ .values("count")
+ )
+ .annotate(
+ attachment_count=IssueAttachment.objects.filter(
+ issue=OuterRef("id")
)
+ .order_by()
+ .annotate(count=Func(F("id"), function="Count"))
+ .values("count")
+ )
+ .annotate(
+ sub_issues_count=Issue.issue_objects.filter(
+ parent=OuterRef("id")
+ )
+ .order_by()
+ .annotate(count=Func(F("id"), function="Count"))
+ .values("count")
+ )
+ .annotate(
+ label_ids=Coalesce(
+ ArrayAgg(
+ "labels__id",
+ distinct=True,
+ filter=~Q(labels__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "assignees__id",
+ distinct=True,
+ filter=~Q(assignees__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ module_ids=Coalesce(
+ ArrayAgg(
+ "issue_module__module_id",
+ distinct=True,
+ filter=~Q(issue_module__module_id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
)
)
@@ -121,30 +167,7 @@ class GlobalViewIssuesViewSet(BaseViewSet):
issue_queryset = (
self.get_queryset()
.filter(**filters)
- .filter(project__project_projectmember__member=self.request.user)
.annotate(cycle_id=F("issue_cycle__cycle_id"))
- .annotate(
- link_count=IssueLink.objects.filter(issue=OuterRef("id"))
- .order_by()
- .annotate(count=Func(F("id"), function="Count"))
- .values("count")
- )
- .annotate(
- attachment_count=IssueAttachment.objects.filter(
- issue=OuterRef("id")
- )
- .order_by()
- .annotate(count=Func(F("id"), function="Count"))
- .values("count")
- )
- .annotate(
- sub_issues_count=Issue.issue_objects.filter(
- parent=OuterRef("id")
- )
- .order_by()
- .annotate(count=Func(F("id"), function="Count"))
- .values("count")
- )
)
# Priority Ordering
@@ -207,10 +230,39 @@ class GlobalViewIssuesViewSet(BaseViewSet):
else:
issue_queryset = issue_queryset.order_by(order_by_param)
- serializer = IssueSerializer(
- issue_queryset, many=True, fields=fields if fields else None
- )
- return Response(serializer.data, status=status.HTTP_200_OK)
+ if self.fields:
+ issues = IssueSerializer(
+ issue_queryset, many=True, fields=self.fields
+ ).data
+ else:
+ issues = issue_queryset.values(
+ "id",
+ "name",
+ "state_id",
+ "sort_order",
+ "completed_at",
+ "estimate_point",
+ "priority",
+ "start_date",
+ "target_date",
+ "sequence_id",
+ "project_id",
+ "parent_id",
+ "cycle_id",
+ "module_ids",
+ "label_ids",
+ "assignee_ids",
+ "sub_issues_count",
+ "created_at",
+ "updated_at",
+ "created_by",
+ "updated_by",
+ "attachment_count",
+ "link_count",
+ "is_draft",
+ "archived_at",
+ )
+ return Response(issues, status=status.HTTP_200_OK)
class IssueViewViewSet(BaseViewSet):
@@ -235,7 +287,10 @@ class IssueViewViewSet(BaseViewSet):
.get_queryset()
.filter(workspace__slug=self.kwargs.get("slug"))
.filter(project_id=self.kwargs.get("project_id"))
- .filter(project__project_projectmember__member=self.request.user)
+ .filter(
+ project__project_projectmember__member=self.request.user,
+ project__project_projectmember__is_active=True,
+ )
.select_related("project")
.select_related("workspace")
.annotate(is_favorite=Exists(subquery))
diff --git a/apiserver/plane/app/views/workspace.py b/apiserver/plane/app/views/workspace.py
index f4d3dbbb5..7c4a5db8d 100644
--- a/apiserver/plane/app/views/workspace.py
+++ b/apiserver/plane/app/views/workspace.py
@@ -1,9 +1,12 @@
# Python imports
import jwt
+import csv
+import io
from datetime import date, datetime
from dateutil.relativedelta import relativedelta
# Django imports
+from django.http import HttpResponse
from django.db import IntegrityError
from django.conf import settings
from django.utils import timezone
@@ -22,9 +25,14 @@ from django.db.models import (
When,
Max,
IntegerField,
+ Sum,
)
from django.db.models.functions import ExtractWeek, Cast, ExtractDay
from django.db.models.fields import DateField
+from django.contrib.postgres.aggregates import ArrayAgg
+from django.contrib.postgres.fields import ArrayField
+from django.db.models import Value, UUIDField
+from django.db.models.functions import Coalesce
# Third party modules
from rest_framework import status
@@ -73,6 +81,9 @@ from plane.db.models import (
WorkspaceUserProperties,
Estimate,
EstimatePoint,
+ Module,
+ ModuleLink,
+ Cycle,
)
from plane.app.permissions import (
WorkSpaceBasePermission,
@@ -85,6 +96,12 @@ from plane.app.permissions import (
from plane.bgtasks.workspace_invitation_task import workspace_invitation
from plane.utils.issue_filters import issue_filters
from plane.bgtasks.event_tracking_task import workspace_invite_event
+from plane.app.serializers.module import (
+ ModuleSerializer,
+)
+from plane.app.serializers.cycle import (
+ CycleSerializer,
+)
class WorkSpaceViewSet(BaseViewSet):
@@ -546,7 +563,6 @@ class WorkSpaceMemberViewSet(BaseViewSet):
.get_queryset()
.filter(
workspace__slug=self.kwargs.get("slug"),
- member__is_bot=False,
is_active=True,
)
.select_related("workspace", "workspace__owner")
@@ -754,7 +770,6 @@ class WorkspaceProjectMemberEndpoint(BaseAPIView):
project_ids = (
ProjectMember.objects.filter(
member=request.user,
- member__is_bot=False,
is_active=True,
)
.values_list("project_id", flat=True)
@@ -764,7 +779,6 @@ class WorkspaceProjectMemberEndpoint(BaseAPIView):
# Get all the project members in which the user is involved
project_members = ProjectMember.objects.filter(
workspace__slug=slug,
- member__is_bot=False,
project_id__in=project_ids,
is_active=True,
).select_related("project", "member", "workspace")
@@ -1075,6 +1089,7 @@ class WorkspaceUserProfileStatsEndpoint(BaseAPIView):
workspace__slug=slug,
assignees__in=[user_id],
project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True
)
.filter(**filters)
.annotate(state_group=F("state__group"))
@@ -1090,6 +1105,7 @@ class WorkspaceUserProfileStatsEndpoint(BaseAPIView):
workspace__slug=slug,
assignees__in=[user_id],
project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True
)
.filter(**filters)
.values("priority")
@@ -1112,6 +1128,7 @@ class WorkspaceUserProfileStatsEndpoint(BaseAPIView):
Issue.issue_objects.filter(
workspace__slug=slug,
project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True,
created_by_id=user_id,
)
.filter(**filters)
@@ -1123,6 +1140,7 @@ class WorkspaceUserProfileStatsEndpoint(BaseAPIView):
workspace__slug=slug,
assignees__in=[user_id],
project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True,
)
.filter(**filters)
.count()
@@ -1134,6 +1152,7 @@ class WorkspaceUserProfileStatsEndpoint(BaseAPIView):
workspace__slug=slug,
assignees__in=[user_id],
project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True,
)
.filter(**filters)
.count()
@@ -1145,6 +1164,7 @@ class WorkspaceUserProfileStatsEndpoint(BaseAPIView):
assignees__in=[user_id],
state__group="completed",
project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True
)
.filter(**filters)
.count()
@@ -1155,6 +1175,7 @@ class WorkspaceUserProfileStatsEndpoint(BaseAPIView):
workspace__slug=slug,
subscriber_id=user_id,
project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True
)
.filter(**filters)
.count()
@@ -1204,6 +1225,7 @@ class WorkspaceUserActivityEndpoint(BaseAPIView):
~Q(field__in=["comment", "vote", "reaction", "draft"]),
workspace__slug=slug,
project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True,
actor=user_id,
).select_related("actor", "workspace", "issue", "project")
@@ -1219,6 +1241,66 @@ class WorkspaceUserActivityEndpoint(BaseAPIView):
)
+class ExportWorkspaceUserActivityEndpoint(BaseAPIView):
+ permission_classes = [
+ WorkspaceEntityPermission,
+ ]
+
+ def generate_csv_from_rows(self, rows):
+ """Generate CSV buffer from rows."""
+ csv_buffer = io.StringIO()
+ writer = csv.writer(csv_buffer, delimiter=",", quoting=csv.QUOTE_ALL)
+ [writer.writerow(row) for row in rows]
+ csv_buffer.seek(0)
+ return csv_buffer
+
+ def post(self, request, slug, user_id):
+
+ if not request.data.get("date"):
+ return Response(
+ {"error": "Date is required"},
+ status=status.HTTP_400_BAD_REQUEST,
+ )
+
+ user_activities = IssueActivity.objects.filter(
+ ~Q(field__in=["comment", "vote", "reaction", "draft"]),
+ workspace__slug=slug,
+ created_at__date=request.data.get("date"),
+ project__project_projectmember__member=request.user,
+ actor_id=user_id,
+ ).select_related("actor", "workspace", "issue", "project")[:10000]
+
+ header = [
+ "Actor name",
+ "Issue ID",
+ "Project",
+ "Created at",
+ "Updated at",
+ "Action",
+ "Field",
+ "Old value",
+ "New value",
+ ]
+ rows = [
+ (
+ activity.actor.display_name,
+ f"{activity.project.identifier} - {activity.issue.sequence_id if activity.issue else ''}",
+ activity.project.name,
+ activity.created_at,
+ activity.updated_at,
+ activity.verb,
+ activity.field,
+ activity.old_value,
+ activity.new_value,
+ )
+ for activity in user_activities
+ ]
+ csv_buffer = self.generate_csv_from_rows([header] + rows)
+ response = HttpResponse(csv_buffer.getvalue(), content_type="text/csv")
+ response["Content-Disposition"] = 'attachment; filename="workspace-user-activity.csv"'
+ return response
+
+
class WorkspaceUserProfileEndpoint(BaseAPIView):
def get(self, request, slug, user_id):
user_data = User.objects.get(pk=user_id)
@@ -1234,6 +1316,7 @@ class WorkspaceUserProfileEndpoint(BaseAPIView):
Project.objects.filter(
workspace__slug=slug,
project_projectmember__member=request.user,
+ project_projectmember__is_active=True,
)
.annotate(
created_issues=Count(
@@ -1283,10 +1366,6 @@ class WorkspaceUserProfileEndpoint(BaseAPIView):
)
.values(
"id",
- "name",
- "identifier",
- "emoji",
- "icon_prop",
"created_issues",
"assigned_issues",
"completed_issues",
@@ -1343,6 +1422,7 @@ class WorkspaceUserProfileIssuesEndpoint(BaseAPIView):
| Q(issue_subscribers__subscriber_id=user_id),
workspace__slug=slug,
project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True
)
.filter(**filters)
.select_related("workspace", "project", "state", "parent")
@@ -1370,6 +1450,32 @@ class WorkspaceUserProfileIssuesEndpoint(BaseAPIView):
.annotate(count=Func(F("id"), function="Count"))
.values("count")
)
+ .annotate(
+ label_ids=Coalesce(
+ ArrayAgg(
+ "labels__id",
+ distinct=True,
+ filter=~Q(labels__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ assignee_ids=Coalesce(
+ ArrayAgg(
+ "assignees__id",
+ distinct=True,
+ filter=~Q(assignees__id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ module_ids=Coalesce(
+ ArrayAgg(
+ "issue_module__module_id",
+ distinct=True,
+ filter=~Q(issue_module__module_id__isnull=True),
+ ),
+ Value([], output_field=ArrayField(UUIDField())),
+ ),
+ )
.order_by("created_at")
).distinct()
@@ -1448,6 +1554,7 @@ class WorkspaceLabelsEndpoint(BaseAPIView):
labels = Label.objects.filter(
workspace__slug=slug,
project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True
)
serializer = LabelSerializer(labels, many=True).data
return Response(serializer, status=status.HTTP_200_OK)
@@ -1462,6 +1569,7 @@ class WorkspaceStatesEndpoint(BaseAPIView):
states = State.objects.filter(
workspace__slug=slug,
project__project_projectmember__member=request.user,
+ project__project_projectmember__is_active=True
)
serializer = StateSerializer(states, many=True).data
return Response(serializer, status=status.HTTP_200_OK)
@@ -1490,6 +1598,192 @@ class WorkspaceEstimatesEndpoint(BaseAPIView):
return Response(serializer.data, status=status.HTTP_200_OK)
+class WorkspaceModulesEndpoint(BaseAPIView):
+ permission_classes = [
+ WorkspaceViewerPermission,
+ ]
+
+ def get(self, request, slug):
+ modules = (
+ Module.objects.filter(workspace__slug=slug)
+ .select_related("project")
+ .select_related("workspace")
+ .select_related("lead")
+ .prefetch_related("members")
+ .prefetch_related(
+ Prefetch(
+ "link_module",
+ queryset=ModuleLink.objects.select_related(
+ "module", "created_by"
+ ),
+ )
+ )
+ .annotate(
+ total_issues=Count(
+ "issue_module",
+ filter=Q(
+ issue_module__issue__archived_at__isnull=True,
+ issue_module__issue__is_draft=False,
+ ),
+ ),
+ )
+ .annotate(
+ completed_issues=Count(
+ "issue_module__issue__state__group",
+ filter=Q(
+ issue_module__issue__state__group="completed",
+ issue_module__issue__archived_at__isnull=True,
+ issue_module__issue__is_draft=False,
+ ),
+ )
+ )
+ .annotate(
+ cancelled_issues=Count(
+ "issue_module__issue__state__group",
+ filter=Q(
+ issue_module__issue__state__group="cancelled",
+ issue_module__issue__archived_at__isnull=True,
+ issue_module__issue__is_draft=False,
+ ),
+ )
+ )
+ .annotate(
+ started_issues=Count(
+ "issue_module__issue__state__group",
+ filter=Q(
+ issue_module__issue__state__group="started",
+ issue_module__issue__archived_at__isnull=True,
+ issue_module__issue__is_draft=False,
+ ),
+ )
+ )
+ .annotate(
+ unstarted_issues=Count(
+ "issue_module__issue__state__group",
+ filter=Q(
+ issue_module__issue__state__group="unstarted",
+ issue_module__issue__archived_at__isnull=True,
+ issue_module__issue__is_draft=False,
+ ),
+ )
+ )
+ .annotate(
+ backlog_issues=Count(
+ "issue_module__issue__state__group",
+ filter=Q(
+ issue_module__issue__state__group="backlog",
+ issue_module__issue__archived_at__isnull=True,
+ issue_module__issue__is_draft=False,
+ ),
+ )
+ )
+ .order_by(self.kwargs.get("order_by", "-created_at"))
+ )
+
+ serializer = ModuleSerializer(modules, many=True).data
+ return Response(serializer, status=status.HTTP_200_OK)
+
+
+class WorkspaceCyclesEndpoint(BaseAPIView):
+ permission_classes = [
+ WorkspaceViewerPermission,
+ ]
+
+ def get(self, request, slug):
+ cycles = (
+ Cycle.objects.filter(workspace__slug=slug)
+ .select_related("project")
+ .select_related("workspace")
+ .select_related("owned_by")
+ .annotate(
+ total_issues=Count(
+ "issue_cycle",
+ filter=Q(
+ issue_cycle__issue__archived_at__isnull=True,
+ issue_cycle__issue__is_draft=False,
+ ),
+ )
+ )
+ .annotate(
+ completed_issues=Count(
+ "issue_cycle__issue__state__group",
+ filter=Q(
+ issue_cycle__issue__state__group="completed",
+ issue_cycle__issue__archived_at__isnull=True,
+ issue_cycle__issue__is_draft=False,
+ ),
+ )
+ )
+ .annotate(
+ cancelled_issues=Count(
+ "issue_cycle__issue__state__group",
+ filter=Q(
+ issue_cycle__issue__state__group="cancelled",
+ issue_cycle__issue__archived_at__isnull=True,
+ issue_cycle__issue__is_draft=False,
+ ),
+ )
+ )
+ .annotate(
+ started_issues=Count(
+ "issue_cycle__issue__state__group",
+ filter=Q(
+ issue_cycle__issue__state__group="started",
+ issue_cycle__issue__archived_at__isnull=True,
+ issue_cycle__issue__is_draft=False,
+ ),
+ )
+ )
+ .annotate(
+ unstarted_issues=Count(
+ "issue_cycle__issue__state__group",
+ filter=Q(
+ issue_cycle__issue__state__group="unstarted",
+ issue_cycle__issue__archived_at__isnull=True,
+ issue_cycle__issue__is_draft=False,
+ ),
+ )
+ )
+ .annotate(
+ backlog_issues=Count(
+ "issue_cycle__issue__state__group",
+ filter=Q(
+ issue_cycle__issue__state__group="backlog",
+ issue_cycle__issue__archived_at__isnull=True,
+ issue_cycle__issue__is_draft=False,
+ ),
+ )
+ )
+ .annotate(
+ total_estimates=Sum("issue_cycle__issue__estimate_point")
+ )
+ .annotate(
+ completed_estimates=Sum(
+ "issue_cycle__issue__estimate_point",
+ filter=Q(
+ issue_cycle__issue__state__group="completed",
+ issue_cycle__issue__archived_at__isnull=True,
+ issue_cycle__issue__is_draft=False,
+ ),
+ )
+ )
+ .annotate(
+ started_estimates=Sum(
+ "issue_cycle__issue__estimate_point",
+ filter=Q(
+ issue_cycle__issue__state__group="started",
+ issue_cycle__issue__archived_at__isnull=True,
+ issue_cycle__issue__is_draft=False,
+ ),
+ )
+ )
+ .order_by(self.kwargs.get("order_by", "-created_at"))
+ .distinct()
+ )
+ serializer = CycleSerializer(cycles, many=True).data
+ return Response(serializer, status=status.HTTP_200_OK)
+
+
class WorkspaceUserPropertiesEndpoint(BaseAPIView):
permission_classes = [
WorkspaceViewerPermission,
diff --git a/apiserver/plane/bgtasks/email_notification_task.py b/apiserver/plane/bgtasks/email_notification_task.py
index 9e9b348e1..2a98c6b33 100644
--- a/apiserver/plane/bgtasks/email_notification_task.py
+++ b/apiserver/plane/bgtasks/email_notification_task.py
@@ -1,21 +1,33 @@
from datetime import datetime
from bs4 import BeautifulSoup
-
# Third party imports
from celery import shared_task
+from sentry_sdk import capture_exception
# Django imports
from django.utils import timezone
from django.core.mail import EmailMultiAlternatives, get_connection
from django.template.loader import render_to_string
from django.utils.html import strip_tags
+from django.conf import settings
# Module imports
from plane.db.models import EmailNotificationLog, User, Issue
from plane.license.utils.instance_value import get_email_configuration
from plane.settings.redis import redis_instance
+# acquire and delete redis lock
+def acquire_lock(lock_id, expire_time=300):
+ redis_client = redis_instance()
+ """Attempt to acquire a lock with a specified expiration time."""
+ return redis_client.set(lock_id, 'true', nx=True, ex=expire_time)
+
+def release_lock(lock_id):
+ """Release a lock."""
+ redis_client = redis_instance()
+ redis_client.delete(lock_id)
+
@shared_task
def stack_email_notification():
# get all email notifications
@@ -142,135 +154,155 @@ def process_html_content(content):
processed_content_list.append(processed_content)
return processed_content_list
+
@shared_task
def send_email_notification(
issue_id, notification_data, receiver_id, email_notification_ids
):
+ # Convert UUIDs to a sorted, concatenated string
+ sorted_ids = sorted(email_notification_ids)
+ ids_str = "_".join(str(id) for id in sorted_ids)
+ lock_id = f"send_email_notif_{issue_id}_{receiver_id}_{ids_str}"
+
+ # acquire the lock for sending emails
try:
- ri = redis_instance()
- base_api = (ri.get(str(issue_id)).decode())
- data = create_payload(notification_data=notification_data)
+ if acquire_lock(lock_id=lock_id):
+ # get the redis instance
+ ri = redis_instance()
+ base_api = (ri.get(str(issue_id)).decode())
+ data = create_payload(notification_data=notification_data)
- # Get email configurations
- (
- EMAIL_HOST,
- EMAIL_HOST_USER,
- EMAIL_HOST_PASSWORD,
- EMAIL_PORT,
- EMAIL_USE_TLS,
- EMAIL_FROM,
- ) = get_email_configuration()
+ # Get email configurations
+ (
+ EMAIL_HOST,
+ EMAIL_HOST_USER,
+ EMAIL_HOST_PASSWORD,
+ EMAIL_PORT,
+ EMAIL_USE_TLS,
+ EMAIL_FROM,
+ ) = get_email_configuration()
- receiver = User.objects.get(pk=receiver_id)
- issue = Issue.objects.get(pk=issue_id)
- template_data = []
- total_changes = 0
- comments = []
- actors_involved = []
- for actor_id, changes in data.items():
- actor = User.objects.get(pk=actor_id)
- total_changes = total_changes + len(changes)
- comment = changes.pop("comment", False)
- mention = changes.pop("mention", False)
- actors_involved.append(actor_id)
- if comment:
- comments.append(
- {
- "actor_comments": comment,
- "actor_detail": {
- "avatar_url": actor.avatar,
- "first_name": actor.first_name,
- "last_name": actor.last_name,
- },
- }
+ receiver = User.objects.get(pk=receiver_id)
+ issue = Issue.objects.get(pk=issue_id)
+ template_data = []
+ total_changes = 0
+ comments = []
+ actors_involved = []
+ for actor_id, changes in data.items():
+ actor = User.objects.get(pk=actor_id)
+ total_changes = total_changes + len(changes)
+ comment = changes.pop("comment", False)
+ mention = changes.pop("mention", False)
+ actors_involved.append(actor_id)
+ if comment:
+ comments.append(
+ {
+ "actor_comments": comment,
+ "actor_detail": {
+ "avatar_url": actor.avatar,
+ "first_name": actor.first_name,
+ "last_name": actor.last_name,
+ },
+ }
+ )
+ if mention:
+ mention["new_value"] = process_html_content(mention.get("new_value"))
+ mention["old_value"] = process_html_content(mention.get("old_value"))
+ comments.append(
+ {
+ "actor_comments": mention,
+ "actor_detail": {
+ "avatar_url": actor.avatar,
+ "first_name": actor.first_name,
+ "last_name": actor.last_name,
+ },
+ }
+ )
+ activity_time = changes.pop("activity_time")
+ # Parse the input string into a datetime object
+ formatted_time = datetime.strptime(activity_time, "%Y-%m-%d %H:%M:%S").strftime("%H:%M %p")
+
+ if changes:
+ template_data.append(
+ {
+ "actor_detail": {
+ "avatar_url": actor.avatar,
+ "first_name": actor.first_name,
+ "last_name": actor.last_name,
+ },
+ "changes": changes,
+ "issue_details": {
+ "name": issue.name,
+ "identifier": f"{issue.project.identifier}-{issue.sequence_id}",
+ },
+ "activity_time": str(formatted_time),
+ }
)
- if mention:
- mention["new_value"] = process_html_content(mention.get("new_value"))
- mention["old_value"] = process_html_content(mention.get("old_value"))
- comments.append(
- {
- "actor_comments": mention,
- "actor_detail": {
- "avatar_url": actor.avatar,
- "first_name": actor.first_name,
- "last_name": actor.last_name,
- },
- }
- )
- activity_time = changes.pop("activity_time")
- # Parse the input string into a datetime object
- formatted_time = datetime.strptime(activity_time, "%Y-%m-%d %H:%M:%S").strftime("%H:%M %p")
- if changes:
- template_data.append(
- {
- "actor_detail": {
- "avatar_url": actor.avatar,
- "first_name": actor.first_name,
- "last_name": actor.last_name,
- },
- "changes": changes,
- "issue_details": {
- "name": issue.name,
- "identifier": f"{issue.project.identifier}-{issue.sequence_id}",
- },
- "activity_time": str(formatted_time),
- }
- )
+ summary = "Updates were made to the issue by"
- summary = "Updates were made to the issue by"
-
- # Send the mail
- subject = f"{issue.project.identifier}-{issue.sequence_id} {issue.name}"
- context = {
- "data": template_data,
- "summary": summary,
- "actors_involved": len(set(actors_involved)),
- "issue": {
- "issue_identifier": f"{str(issue.project.identifier)}-{str(issue.sequence_id)}",
- "name": issue.name,
+ # Send the mail
+ subject = f"{issue.project.identifier}-{issue.sequence_id} {issue.name}"
+ context = {
+ "data": template_data,
+ "summary": summary,
+ "actors_involved": len(set(actors_involved)),
+ "issue": {
+ "issue_identifier": f"{str(issue.project.identifier)}-{str(issue.sequence_id)}",
+ "name": issue.name,
+ "issue_url": f"{base_api}/{str(issue.project.workspace.slug)}/projects/{str(issue.project.id)}/issues/{str(issue.id)}",
+ },
+ "receiver": {
+ "email": receiver.email,
+ },
"issue_url": f"{base_api}/{str(issue.project.workspace.slug)}/projects/{str(issue.project.id)}/issues/{str(issue.id)}",
- },
- "receiver": {
- "email": receiver.email,
- },
- "issue_url": f"{base_api}/{str(issue.project.workspace.slug)}/projects/{str(issue.project.id)}/issues/{str(issue.id)}",
- "project_url": f"{base_api}/{str(issue.project.workspace.slug)}/projects/{str(issue.project.id)}/issues/",
- "workspace":str(issue.project.workspace.slug),
- "project": str(issue.project.name),
- "user_preference": f"{base_api}/profile/preferences/email",
- "comments": comments,
- }
- html_content = render_to_string(
- "emails/notifications/issue-updates.html", context
- )
- text_content = strip_tags(html_content)
-
- try:
- connection = get_connection(
- host=EMAIL_HOST,
- port=int(EMAIL_PORT),
- username=EMAIL_HOST_USER,
- password=EMAIL_HOST_PASSWORD,
- use_tls=EMAIL_USE_TLS == "1",
+ "project_url": f"{base_api}/{str(issue.project.workspace.slug)}/projects/{str(issue.project.id)}/issues/",
+ "workspace":str(issue.project.workspace.slug),
+ "project": str(issue.project.name),
+ "user_preference": f"{base_api}/profile/preferences/email",
+ "comments": comments,
+ }
+ html_content = render_to_string(
+ "emails/notifications/issue-updates.html", context
)
+ text_content = strip_tags(html_content)
- msg = EmailMultiAlternatives(
- subject=subject,
- body=text_content,
- from_email=EMAIL_FROM,
- to=[receiver.email],
- connection=connection,
- )
- msg.attach_alternative(html_content, "text/html")
- msg.send()
+ try:
+ connection = get_connection(
+ host=EMAIL_HOST,
+ port=int(EMAIL_PORT),
+ username=EMAIL_HOST_USER,
+ password=EMAIL_HOST_PASSWORD,
+ use_tls=EMAIL_USE_TLS == "1",
+ )
- EmailNotificationLog.objects.filter(
- pk__in=email_notification_ids
- ).update(sent_at=timezone.now())
+ msg = EmailMultiAlternatives(
+ subject=subject,
+ body=text_content,
+ from_email=EMAIL_FROM,
+ to=[receiver.email],
+ connection=connection,
+ )
+ msg.attach_alternative(html_content, "text/html")
+ msg.send()
+
+ EmailNotificationLog.objects.filter(
+ pk__in=email_notification_ids
+ ).update(sent_at=timezone.now())
+
+ # release the lock
+ release_lock(lock_id=lock_id)
+ return
+ except Exception as e:
+ capture_exception(e)
+ # release the lock
+ release_lock(lock_id=lock_id)
+ return
+ else:
+ print("Duplicate task recived. Skipping...")
return
- except Exception as e:
+ except (Issue.DoesNotExist, User.DoesNotExist) as e:
+ if settings.DEBUG:
print(e)
- return
- except Issue.DoesNotExist:
+ release_lock(lock_id=lock_id)
return
diff --git a/apiserver/plane/bgtasks/export_task.py b/apiserver/plane/bgtasks/export_task.py
index b99e4b1d9..d8522e769 100644
--- a/apiserver/plane/bgtasks/export_task.py
+++ b/apiserver/plane/bgtasks/export_task.py
@@ -292,6 +292,7 @@ def issue_export_task(
workspace__id=workspace_id,
project_id__in=project_ids,
project__project_projectmember__member=exporter_instance.initiated_by_id,
+ project__project_projectmember__is_active=True
)
.select_related(
"project", "workspace", "state", "parent", "created_by"
diff --git a/apiserver/plane/bgtasks/importer_task.py b/apiserver/plane/bgtasks/importer_task.py
index 421521363..7a1dc4fc6 100644
--- a/apiserver/plane/bgtasks/importer_task.py
+++ b/apiserver/plane/bgtasks/importer_task.py
@@ -60,15 +60,6 @@ def service_importer(service, importer_id):
batch_size=100,
)
- _ = [
- send_welcome_slack.delay(
- str(user.id),
- True,
- f"{user.email} was imported to Plane from {service}",
- )
- for user in new_users
- ]
-
workspace_users = User.objects.filter(
email__in=[
user.get("email").strip().lower()
diff --git a/apiserver/plane/bgtasks/issue_activites_task.py b/apiserver/plane/bgtasks/issue_activites_task.py
index b86ab5e78..2a16ee911 100644
--- a/apiserver/plane/bgtasks/issue_activites_task.py
+++ b/apiserver/plane/bgtasks/issue_activites_task.py
@@ -483,17 +483,23 @@ def track_archive_at(
)
)
else:
+ if requested_data.get("automation"):
+ comment = "Plane has archived the issue"
+ new_value = "archive"
+ else:
+ comment = "Actor has archived the issue"
+ new_value = "manual_archive"
issue_activities.append(
IssueActivity(
issue_id=issue_id,
project_id=project_id,
workspace_id=workspace_id,
- comment="Plane has archived the issue",
+ comment=comment,
verb="updated",
actor_id=actor_id,
field="archived_at",
old_value=None,
- new_value="archive",
+ new_value=new_value,
epoch=epoch,
)
)
diff --git a/apiserver/plane/bgtasks/issue_automation_task.py b/apiserver/plane/bgtasks/issue_automation_task.py
index 974a545fc..c6c4d7515 100644
--- a/apiserver/plane/bgtasks/issue_automation_task.py
+++ b/apiserver/plane/bgtasks/issue_automation_task.py
@@ -79,7 +79,7 @@ def archive_old_issues():
issue_activity.delay(
type="issue.activity.updated",
requested_data=json.dumps(
- {"archived_at": str(archive_at)}
+ {"archived_at": str(archive_at), "automation": True}
),
actor_id=str(project.created_by_id),
issue_id=issue.id,
diff --git a/apiserver/plane/db/migrations/0061_project_logo_props.py b/apiserver/plane/db/migrations/0061_project_logo_props.py
new file mode 100644
index 000000000..d8752d9dd
--- /dev/null
+++ b/apiserver/plane/db/migrations/0061_project_logo_props.py
@@ -0,0 +1,54 @@
+# Generated by Django 4.2.7 on 2024-03-03 16:25
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+ def update_project_logo_props(apps, schema_editor):
+ Project = apps.get_model("db", "Project")
+
+ bulk_update_project_logo = []
+ # Iterate through projects and update logo_props
+ for project in Project.objects.all():
+ project.logo_props["in_use"] = "emoji" if project.emoji else "icon"
+ project.logo_props["emoji"] = {
+ "value": project.emoji if project.emoji else "",
+ "url": "",
+ }
+ project.logo_props["icon"] = {
+ "name": (
+ project.icon_prop.get("name", "")
+ if project.icon_prop
+ else ""
+ ),
+ "color": (
+ project.icon_prop.get("color", "")
+ if project.icon_prop
+ else ""
+ ),
+ }
+ bulk_update_project_logo.append(project)
+
+ # Bulk update logo_props for all projects
+ Project.objects.bulk_update(
+ bulk_update_project_logo, ["logo_props"], batch_size=1000
+ )
+
+ dependencies = [
+ ("db", "0060_cycle_progress_snapshot"),
+ ]
+
+ operations = [
+ migrations.AlterField(
+ model_name="issuelink",
+ name="url",
+ field=models.TextField(),
+ ),
+ migrations.AddField(
+ model_name="project",
+ name="logo_props",
+ field=models.JSONField(default=dict),
+ ),
+ migrations.RunPython(update_project_logo_props),
+ ]
diff --git a/apiserver/plane/db/models/issue.py b/apiserver/plane/db/models/issue.py
index d5ed4247a..5bd0b3397 100644
--- a/apiserver/plane/db/models/issue.py
+++ b/apiserver/plane/db/models/issue.py
@@ -320,7 +320,7 @@ class IssueAssignee(ProjectBaseModel):
class IssueLink(ProjectBaseModel):
title = models.CharField(max_length=255, null=True, blank=True)
- url = models.URLField()
+ url = models.TextField()
issue = models.ForeignKey(
"db.Issue", on_delete=models.CASCADE, related_name="issue_link"
)
diff --git a/apiserver/plane/db/models/project.py b/apiserver/plane/db/models/project.py
index b93174724..bb4885d14 100644
--- a/apiserver/plane/db/models/project.py
+++ b/apiserver/plane/db/models/project.py
@@ -107,6 +107,7 @@ class Project(BaseModel):
close_in = models.IntegerField(
default=0, validators=[MinValueValidator(0), MaxValueValidator(12)]
)
+ logo_props = models.JSONField(default=dict)
default_state = models.ForeignKey(
"db.State",
on_delete=models.SET_NULL,
diff --git a/apiserver/plane/db/models/user.py b/apiserver/plane/db/models/user.py
index f254a3cb7..0377ccb8b 100644
--- a/apiserver/plane/db/models/user.py
+++ b/apiserver/plane/db/models/user.py
@@ -12,15 +12,9 @@ from django.contrib.auth.models import (
PermissionsMixin,
)
from django.db.models.signals import post_save
-from django.conf import settings
from django.dispatch import receiver
from django.utils import timezone
-# Third party imports
-from sentry_sdk import capture_exception
-from slack_sdk import WebClient
-from slack_sdk.errors import SlackApiError
-
def get_default_onboarding():
return {
@@ -144,25 +138,6 @@ class User(AbstractBaseUser, PermissionsMixin):
super(User, self).save(*args, **kwargs)
-@receiver(post_save, sender=User)
-def send_welcome_slack(sender, instance, created, **kwargs):
- try:
- if created and not instance.is_bot:
- # Send message on slack as well
- if settings.SLACK_BOT_TOKEN:
- client = WebClient(token=settings.SLACK_BOT_TOKEN)
- try:
- _ = client.chat_postMessage(
- channel="#trackers",
- text=f"New user {instance.email} has signed up and begun the onboarding journey.",
- )
- except SlackApiError as e:
- print(f"Got an error: {e.response['error']}")
- return
- except Exception as e:
- capture_exception(e)
- return
-
@receiver(post_save, sender=User)
def create_user_notification(sender, instance, created, **kwargs):
diff --git a/apiserver/plane/settings/common.py b/apiserver/plane/settings/common.py
index f03209250..5c8947e73 100644
--- a/apiserver/plane/settings/common.py
+++ b/apiserver/plane/settings/common.py
@@ -1,4 +1,5 @@
"""Global Settings"""
+
# Python imports
import os
import ssl
@@ -307,7 +308,9 @@ if bool(os.environ.get("SENTRY_DSN", False)) and os.environ.get(
traces_sample_rate=1,
send_default_pii=True,
environment=os.environ.get("SENTRY_ENVIRONMENT", "development"),
- profiles_sample_rate=1.0,
+ profiles_sample_rate=float(
+ os.environ.get("SENTRY_PROFILE_SAMPLE_RATE", 0.5)
+ ),
)
diff --git a/apiserver/plane/urls.py b/apiserver/plane/urls.py
index 669f3ea73..3b042ea1f 100644
--- a/apiserver/plane/urls.py
+++ b/apiserver/plane/urls.py
@@ -7,6 +7,7 @@ from django.views.generic import TemplateView
from django.conf import settings
+handler404 = "plane.app.views.error_404.custom_404_view"
urlpatterns = [
path("", TemplateView.as_view(template_name="index.html")),
diff --git a/apiserver/plane/utils/issue_search.py b/apiserver/plane/utils/issue_search.py
index d38b1f4c3..3b6dea332 100644
--- a/apiserver/plane/utils/issue_search.py
+++ b/apiserver/plane/utils/issue_search.py
@@ -9,11 +9,11 @@ from plane.db.models import Issue
def search_issues(query, queryset):
- fields = ["name", "sequence_id"]
+ fields = ["name", "sequence_id", "project__identifier"]
q = Q()
for field in fields:
if field == "sequence_id" and len(query) <= 20:
- sequences = re.findall(r"[A-Za-z0-9]{1,12}-\d+", query)
+ sequences = re.findall(r"\b\d+\b", query)
for sequence_id in sequences:
q |= Q(**{"sequence_id": sequence_id})
else:
diff --git a/apiserver/requirements/base.txt b/apiserver/requirements/base.txt
index 194bf8d90..eb0f54201 100644
--- a/apiserver/requirements/base.txt
+++ b/apiserver/requirements/base.txt
@@ -30,7 +30,7 @@ openpyxl==3.1.2
beautifulsoup4==4.12.2
dj-database-url==2.1.0
posthog==3.0.2
-cryptography==42.0.0
+cryptography==42.0.4
lxml==4.9.3
boto3==1.28.40
diff --git a/apiserver/runtime.txt b/apiserver/runtime.txt
index d45f665de..424240cc0 100644
--- a/apiserver/runtime.txt
+++ b/apiserver/runtime.txt
@@ -1 +1 @@
-python-3.11.7
\ No newline at end of file
+python-3.11.8
\ No newline at end of file
diff --git a/deploy/1-click/README.md b/deploy/1-click/README.md
new file mode 100644
index 000000000..08bc35b28
--- /dev/null
+++ b/deploy/1-click/README.md
@@ -0,0 +1,82 @@
+# 1-Click Self-Hosting
+
+In this guide, we will walk you through the process of setting up a 1-click self-hosted environment. Self-hosting allows you to have full control over your applications and data. It's a great way to ensure privacy, control, and customization.
+
+Let's get started!
+
+## Installing Plane
+
+Installing Plane is a very easy and minimal step process.
+
+### Prerequisite
+
+- Operating System (latest): Debian / Ubuntu / Centos
+- Supported CPU Architechture: AMD64 / ARM64 / x86_64 / aarch64
+
+### Downloading Latest Stable Release
+
+```
+curl -fsSL https://raw.githubusercontent.com/makeplane/plane/master/deploy/1-click/install.sh | sh -
+
+```
+
+
+ Downloading Preview Release
+
+```
+export BRANCH=preview
+
+curl -fsSL https://raw.githubusercontent.com/makeplane/plane/preview/deploy/1-click/install.sh | sh -
+
+```
+
+NOTE: `Preview` builds do not support ARM64/AARCH64 CPU architecture
+
+
+
+--
+
+Expect this after a successful install
+
+
+
+Access the application on a browser via http://server-ip-address
+
+---
+
+### Get Control of your Plane Server Setup
+
+Plane App is available via the command `plane-app`. Running the command `plane-app --help` helps you to manage Plane
+
+
+
+Basic Operations :
+
+1. Start Server using `plane-app start`
+1. Stop Server using `plane-app stop`
+1. Restart Server using `plane-app restart`
+
+Advanced Operations :
+
+1. Configure Plane using `plane-app --configure`. This will give you options to modify
+
+ - NGINX Port (default 80)
+ - Domain Name (default is the local server public IP address)
+ - File Upload Size (default 5MB)
+ - External Postgres DB Url (optional - default empty)
+ - External Redis URL (optional - default empty)
+ - AWS S3 Bucket (optional - to be configured only in case the user wants to use an S3 Bucket)
+
+1. Upgrade Plane using `plane-app --upgrade`. This will get the latest stable version of Plane files (docker-compose.yaml, .env, and docker images)
+
+1. Updating Plane App installer using `plane-app --update-installer` will update the `plane-app` utility.
+
+1. Uninstall Plane using `plane-app --uninstall`. This will uninstall the Plane application from the server and all docker containers but do not remove the data stored in Postgres, Redis, and Minio.
+
+1. Plane App can be reinstalled using `plane-app --install`.
+
+Application Data is stored in the mentioned folders :
+
+1. DB Data: /opt/plane/data/postgres
+1. Redis Data: /opt/plane/data/redis
+1. Minio Data: /opt/plane/data/minio
diff --git a/deploy/1-click/images/help.png b/deploy/1-click/images/help.png
new file mode 100644
index 000000000..c14603a4b
Binary files /dev/null and b/deploy/1-click/images/help.png differ
diff --git a/deploy/1-click/images/install.png b/deploy/1-click/images/install.png
new file mode 100644
index 000000000..c8ba1e5f8
Binary files /dev/null and b/deploy/1-click/images/install.png differ
diff --git a/deploy/1-click/install.sh b/deploy/1-click/install.sh
index 917d08fdf..9a0eac902 100644
--- a/deploy/1-click/install.sh
+++ b/deploy/1-click/install.sh
@@ -1,17 +1,20 @@
#!/bin/bash
+export GIT_REPO=makeplane/plane
+
# Check if the user has sudo access
if command -v curl &> /dev/null; then
sudo curl -sSL \
-o /usr/local/bin/plane-app \
- https://raw.githubusercontent.com/makeplane/plane/${BRANCH:-master}/deploy/1-click/plane-app?token=$(date +%s)
+ https://raw.githubusercontent.com/$GIT_REPO/${BRANCH:-master}/deploy/1-click/plane-app?token=$(date +%s)
else
sudo wget -q \
-O /usr/local/bin/plane-app \
- https://raw.githubusercontent.com/makeplane/plane/${BRANCH:-master}/deploy/1-click/plane-app?token=$(date +%s)
+ https://raw.githubusercontent.com/$GIT_REPO/${BRANCH:-master}/deploy/1-click/plane-app?token=$(date +%s)
fi
sudo chmod +x /usr/local/bin/plane-app
-sudo sed -i 's/export DEPLOY_BRANCH=${BRANCH:-master}/export DEPLOY_BRANCH='${BRANCH:-master}'/' /usr/local/bin/plane-app
+sudo sed -i 's@export DEPLOY_BRANCH=${BRANCH:-master}@export DEPLOY_BRANCH='${BRANCH:-master}'@' /usr/local/bin/plane-app
+sudo sed -i 's@CODE_REPO=${GIT_REPO:-makeplane/plane}@CODE_REPO='$GIT_REPO'@' /usr/local/bin/plane-app
-plane-app --help
+plane-app -i #--help
diff --git a/deploy/1-click/plane-app b/deploy/1-click/plane-app
index 2d6ef0a6f..e6bd24b9e 100644
--- a/deploy/1-click/plane-app
+++ b/deploy/1-click/plane-app
@@ -90,9 +90,9 @@ function prepare_environment() {
show_message "- Updating OS with required tools ✋" >&2
sudo "$PACKAGE_MANAGER" update -y
- sudo "$PACKAGE_MANAGER" upgrade -y
+ # sudo "$PACKAGE_MANAGER" upgrade -y
- local required_tools=("curl" "awk" "wget" "nano" "dialog" "git" "uidmap")
+ local required_tools=("curl" "awk" "wget" "nano" "dialog" "git" "uidmap" "jq")
for tool in "${required_tools[@]}"; do
if ! command -v $tool &> /dev/null; then
@@ -150,11 +150,11 @@ function download_plane() {
show_message "Downloading Plane Setup Files ✋" >&2
sudo curl -H 'Cache-Control: no-cache, no-store' \
-s -o $PLANE_INSTALL_DIR/docker-compose.yaml \
- https://raw.githubusercontent.com/makeplane/plane/$DEPLOY_BRANCH/deploy/selfhost/docker-compose.yml?token=$(date +%s)
+ https://raw.githubusercontent.com/$CODE_REPO/$DEPLOY_BRANCH/deploy/selfhost/docker-compose.yml?token=$(date +%s)
sudo curl -H 'Cache-Control: no-cache, no-store' \
-s -o $PLANE_INSTALL_DIR/variables-upgrade.env \
- https://raw.githubusercontent.com/makeplane/plane/$DEPLOY_BRANCH/deploy/selfhost/variables.env?token=$(date +%s)
+ https://raw.githubusercontent.com/$CODE_REPO/$DEPLOY_BRANCH/deploy/selfhost/variables.env?token=$(date +%s)
# if .env does not exists rename variables-upgrade.env to .env
if [ ! -f "$PLANE_INSTALL_DIR/.env" ]; then
@@ -202,7 +202,7 @@ function printUsageInstructions() {
}
function build_local_image() {
show_message "- Downloading Plane Source Code ✋" >&2
- REPO=https://github.com/makeplane/plane.git
+ REPO=https://github.com/$CODE_REPO.git
CURR_DIR=$PWD
PLANE_TEMP_CODE_DIR=$PLANE_INSTALL_DIR/temp
sudo rm -rf $PLANE_TEMP_CODE_DIR > /dev/null
@@ -290,40 +290,40 @@ function configure_plane() {
fi
- smtp_host=$(read_env "EMAIL_HOST")
- smtp_user=$(read_env "EMAIL_HOST_USER")
- smtp_password=$(read_env "EMAIL_HOST_PASSWORD")
- smtp_port=$(read_env "EMAIL_PORT")
- smtp_from=$(read_env "EMAIL_FROM")
- smtp_tls=$(read_env "EMAIL_USE_TLS")
- smtp_ssl=$(read_env "EMAIL_USE_SSL")
+ # smtp_host=$(read_env "EMAIL_HOST")
+ # smtp_user=$(read_env "EMAIL_HOST_USER")
+ # smtp_password=$(read_env "EMAIL_HOST_PASSWORD")
+ # smtp_port=$(read_env "EMAIL_PORT")
+ # smtp_from=$(read_env "EMAIL_FROM")
+ # smtp_tls=$(read_env "EMAIL_USE_TLS")
+ # smtp_ssl=$(read_env "EMAIL_USE_SSL")
- SMTP_SETTINGS=$(dialog \
- --ok-label "Next" \
- --cancel-label "Skip" \
- --backtitle "Plane Configuration" \
- --title "SMTP Settings" \
- --form "" \
- 0 0 0 \
- "Host:" 1 1 "$smtp_host" 1 10 80 0 \
- "User:" 2 1 "$smtp_user" 2 10 80 0 \
- "Password:" 3 1 "$smtp_password" 3 10 80 0 \
- "Port:" 4 1 "${smtp_port:-587}" 4 10 5 0 \
- "From:" 5 1 "${smtp_from:-Mailer }" 5 10 80 0 \
- "TLS:" 6 1 "${smtp_tls:-1}" 6 10 1 1 \
- "SSL:" 7 1 "${smtp_ssl:-0}" 7 10 1 1 \
- 2>&1 1>&3)
+ # SMTP_SETTINGS=$(dialog \
+ # --ok-label "Next" \
+ # --cancel-label "Skip" \
+ # --backtitle "Plane Configuration" \
+ # --title "SMTP Settings" \
+ # --form "" \
+ # 0 0 0 \
+ # "Host:" 1 1 "$smtp_host" 1 10 80 0 \
+ # "User:" 2 1 "$smtp_user" 2 10 80 0 \
+ # "Password:" 3 1 "$smtp_password" 3 10 80 0 \
+ # "Port:" 4 1 "${smtp_port:-587}" 4 10 5 0 \
+ # "From:" 5 1 "${smtp_from:-Mailer }" 5 10 80 0 \
+ # "TLS:" 6 1 "${smtp_tls:-1}" 6 10 1 1 \
+ # "SSL:" 7 1 "${smtp_ssl:-0}" 7 10 1 1 \
+ # 2>&1 1>&3)
- save_smtp_settings=0
- if [ $? -eq 0 ]; then
- save_smtp_settings=1
- smtp_host=$(echo "$SMTP_SETTINGS" | sed -n 1p)
- smtp_user=$(echo "$SMTP_SETTINGS" | sed -n 2p)
- smtp_password=$(echo "$SMTP_SETTINGS" | sed -n 3p)
- smtp_port=$(echo "$SMTP_SETTINGS" | sed -n 4p)
- smtp_from=$(echo "$SMTP_SETTINGS" | sed -n 5p)
- smtp_tls=$(echo "$SMTP_SETTINGS" | sed -n 6p)
- fi
+ # save_smtp_settings=0
+ # if [ $? -eq 0 ]; then
+ # save_smtp_settings=1
+ # smtp_host=$(echo "$SMTP_SETTINGS" | sed -n 1p)
+ # smtp_user=$(echo "$SMTP_SETTINGS" | sed -n 2p)
+ # smtp_password=$(echo "$SMTP_SETTINGS" | sed -n 3p)
+ # smtp_port=$(echo "$SMTP_SETTINGS" | sed -n 4p)
+ # smtp_from=$(echo "$SMTP_SETTINGS" | sed -n 5p)
+ # smtp_tls=$(echo "$SMTP_SETTINGS" | sed -n 6p)
+ # fi
external_pgdb_url=$(dialog \
--backtitle "Plane Configuration" \
--title "Using External Postgres Database ?" \
@@ -383,15 +383,6 @@ function configure_plane() {
domain_name: $domain_name
upload_limit: $upload_limit
- save_smtp_settings: $save_smtp_settings
- smtp_host: $smtp_host
- smtp_user: $smtp_user
- smtp_password: $smtp_password
- smtp_port: $smtp_port
- smtp_from: $smtp_from
- smtp_tls: $smtp_tls
- smtp_ssl: $smtp_ssl
-
save_aws_settings: $save_aws_settings
aws_region: $aws_region
aws_access_key: $aws_access_key
@@ -413,15 +404,15 @@ function configure_plane() {
fi
# check enable smpt settings value
- if [ $save_smtp_settings == 1 ]; then
- update_env "EMAIL_HOST" "$smtp_host"
- update_env "EMAIL_HOST_USER" "$smtp_user"
- update_env "EMAIL_HOST_PASSWORD" "$smtp_password"
- update_env "EMAIL_PORT" "$smtp_port"
- update_env "EMAIL_FROM" "$smtp_from"
- update_env "EMAIL_USE_TLS" "$smtp_tls"
- update_env "EMAIL_USE_SSL" "$smtp_ssl"
- fi
+ # if [ $save_smtp_settings == 1 ]; then
+ # update_env "EMAIL_HOST" "$smtp_host"
+ # update_env "EMAIL_HOST_USER" "$smtp_user"
+ # update_env "EMAIL_HOST_PASSWORD" "$smtp_password"
+ # update_env "EMAIL_PORT" "$smtp_port"
+ # update_env "EMAIL_FROM" "$smtp_from"
+ # update_env "EMAIL_USE_TLS" "$smtp_tls"
+ # update_env "EMAIL_USE_SSL" "$smtp_ssl"
+ # fi
# check enable aws settings value
if [[ $save_aws_settings == 1 && $aws_access_key != "" && $aws_secret_key != "" ]] ; then
@@ -493,13 +484,24 @@ function install() {
check_for_docker_images
last_installed_on=$(read_config "INSTALLATION_DATE")
- if [ "$last_installed_on" == "" ]; then
- configure_plane
- fi
- printUsageInstructions
-
- update_config "INSTALLATION_DATE" "$(date)"
+ # if [ "$last_installed_on" == "" ]; then
+ # configure_plane
+ # fi
+ update_env "NGINX_PORT" "80"
+ update_env "DOMAIN_NAME" "$MY_IP"
+ update_env "WEB_URL" "http://$MY_IP"
+ update_env "CORS_ALLOWED_ORIGINS" "http://$MY_IP"
+
+ update_config "INSTALLATION_DATE" "$(date '+%Y-%m-%d')"
+
+ if command -v crontab &> /dev/null; then
+ sudo touch /etc/cron.daily/makeplane
+ sudo chmod +x /etc/cron.daily/makeplane
+ sudo echo "0 2 * * * root /usr/local/bin/plane-app --upgrade" > /etc/cron.daily/makeplane
+ sudo crontab /etc/cron.daily/makeplane
+ fi
+
show_message "Plane Installed Successfully ✅"
show_message ""
else
@@ -539,12 +541,15 @@ function upgrade() {
prepare_environment
if [ $? -eq 0 ]; then
+ stop_server
download_plane
if [ $? -eq 0 ]; then
check_for_docker_images
upgrade_configuration
update_config "UPGRADE_DATE" "$(date)"
-
+
+ start_server
+
show_message ""
show_message "Plane Upgraded Successfully ✅"
show_message ""
@@ -601,6 +606,11 @@ function uninstall() {
sudo rm $PLANE_INSTALL_DIR/variables-upgrade.env &> /dev/null
sudo rm $PLANE_INSTALL_DIR/config.env &> /dev/null
sudo rm $PLANE_INSTALL_DIR/docker-compose.yaml &> /dev/null
+
+ if command -v crontab &> /dev/null; then
+ sudo crontab -r &> /dev/null
+ sudo rm /etc/cron.daily/makeplane &> /dev/null
+ fi
# rm -rf $PLANE_INSTALL_DIR &> /dev/null
show_message "- Configuration Cleaned ✅"
@@ -642,7 +652,39 @@ function start_server() {
while ! sudo docker compose -f "$docker_compose_file" --env-file="$env_file" ps --services --filter "status=running" --quiet | grep -q "."; do
sleep 1
done
+ # wait for migrator container to exit with status 0 before starting the application
+ migrator_container_id=$(sudo docker container ls -aq -f "name=plane-migrator")
+
+ # if migrator container is running, wait for it to exit
+ if [ -n "$migrator_container_id" ]; then
+ while sudo docker inspect --format='{{.State.Status}}' $migrator_container_id | grep -q "running"; do
+ show_message "Waiting for Plane Server ($APP_RELEASE) to start...✋ (Migrator in progress)" "replace_last_line" >&2
+ sleep 1
+ done
+ fi
+
+ # if migrator exit status is not 0, show error message and exit
+ if [ -n "$migrator_container_id" ]; then
+ migrator_exit_code=$(sudo docker inspect --format='{{.State.ExitCode}}' $migrator_container_id)
+ if [ $migrator_exit_code -ne 0 ]; then
+ # show_message "Migrator failed with exit code $migrator_exit_code ❌" "replace_last_line" >&2
+ show_message "Plane Server failed to start ❌" "replace_last_line" >&2
+ stop_server
+ exit 1
+ fi
+ fi
+
+ api_container_id=$(sudo docker container ls -q -f "name=plane-api")
+ while ! sudo docker logs $api_container_id 2>&1 | grep -i "Application startup complete";
+ do
+ show_message "Waiting for Plane Server ($APP_RELEASE) to start...✋ (API starting)" "replace_last_line" >&2
+ sleep 1
+ done
show_message "Plane Server Started ($APP_RELEASE) ✅" "replace_last_line" >&2
+ show_message "---------------------------------------------------------------" >&2
+ show_message "Access the Plane application at http://$MY_IP" >&2
+ show_message "---------------------------------------------------------------" >&2
+
else
show_message "Plane Server not installed. Please install Plane first ❌" "replace_last_line" >&2
fi
@@ -694,7 +736,7 @@ function update_installer() {
show_message "Updating Plane Installer ✋" >&2
sudo curl -H 'Cache-Control: no-cache, no-store' \
-s -o /usr/local/bin/plane-app \
- https://raw.githubusercontent.com/makeplane/plane/$DEPLOY_BRANCH/deploy/1-click/plane-app?token=$(date +%s)
+ https://raw.githubusercontent.com/$CODE_REPO/$DEPLOY_BRANCH/deploy/1-click/plane-app?token=$(date +%s)
sudo chmod +x /usr/local/bin/plane-app > /dev/null&> /dev/null
show_message "Plane Installer Updated ✅" "replace_last_line" >&2
@@ -711,12 +753,14 @@ fi
PLANE_INSTALL_DIR=/opt/plane
DATA_DIR=$PLANE_INSTALL_DIR/data
-LOG_DIR=$PLANE_INSTALL_DIR/log
+LOG_DIR=$PLANE_INSTALL_DIR/logs
+CODE_REPO=${GIT_REPO:-makeplane/plane}
OS_SUPPORTED=false
CPU_ARCH=$(uname -m)
PROGRESS_MSG=""
USE_GLOBAL_IMAGES=0
PACKAGE_MANAGER=""
+MY_IP=$(curl -s ifconfig.me)
if [[ $CPU_ARCH == "amd64" || $CPU_ARCH == "x86_64" || ( $DEPLOY_BRANCH == "master" && ( $CPU_ARCH == "arm64" || $CPU_ARCH == "aarch64" ) ) ]]; then
USE_GLOBAL_IMAGES=1
@@ -740,6 +784,9 @@ elif [ "$1" == "restart" ]; then
restart_server
elif [ "$1" == "--install" ] || [ "$1" == "-i" ]; then
install
+ start_server
+ show_message "" >&2
+ show_message "To view help, use plane-app --help " >&2
elif [ "$1" == "--configure" ] || [ "$1" == "-c" ]; then
configure_plane
printUsageInstructions
diff --git a/deploy/selfhost/docker-compose.yml b/deploy/selfhost/docker-compose.yml
index 60861878c..07e5ea9f6 100644
--- a/deploy/selfhost/docker-compose.yml
+++ b/deploy/selfhost/docker-compose.yml
@@ -56,8 +56,6 @@ x-app-env : &app-env
- BUCKET_NAME=${BUCKET_NAME:-uploads}
- FILE_SIZE_LIMIT=${FILE_SIZE_LIMIT:-5242880}
-
-
services:
web:
<<: *app-env
@@ -138,7 +136,6 @@ services:
command: postgres -c 'max_connections=1000'
volumes:
- pgdata:/var/lib/postgresql/data
-
plane-redis:
<<: *app-env
image: redis:6.2.7-alpine
diff --git a/deploy/selfhost/install.sh b/deploy/selfhost/install.sh
index 30f2d15d7..16b6ea7c3 100755
--- a/deploy/selfhost/install.sh
+++ b/deploy/selfhost/install.sh
@@ -13,6 +13,23 @@ YELLOW='\033[1;33m'
GREEN='\033[0;32m'
NC='\033[0m' # No Color
+function print_header() {
+clear
+
+cat <<"EOF"
+---------------------------------------
+ ____ _
+| _ \| | __ _ _ __ ___
+| |_) | |/ _` | '_ \ / _ \
+| __/| | (_| | | | | __/
+|_| |_|\__,_|_| |_|\___|
+
+---------------------------------------
+Project management tool from the future
+---------------------------------------
+EOF
+}
+
function buildLocalImage() {
if [ "$1" == "--force-build" ]; then
DO_BUILD="1"
@@ -110,7 +127,7 @@ function download() {
exit 0
fi
else
- docker compose -f $PLANE_INSTALL_DIR/docker-compose.yaml pull
+ docker compose -f $DOCKER_FILE_PATH --env-file=$DOCKER_ENV_PATH pull
fi
echo ""
@@ -121,19 +138,48 @@ function download() {
}
function startServices() {
- cd $PLANE_INSTALL_DIR
- docker compose up -d --quiet-pull
- cd $SCRIPT_DIR
+ docker compose -f $DOCKER_FILE_PATH --env-file=$DOCKER_ENV_PATH up -d --quiet-pull
+
+ local migrator_container_id=$(docker container ls -aq -f "name=plane-app-migrator")
+ if [ -n "$migrator_container_id" ]; then
+ local idx=0
+ while docker inspect --format='{{.State.Status}}' $migrator_container_id | grep -q "running"; do
+ local message=">>> Waiting for Data Migration to finish"
+ local dots=$(printf '%*s' $idx | tr ' ' '.')
+ echo -ne "\r$message$dots"
+ ((idx++))
+ sleep 1
+ done
+ fi
+ printf "\r\033[K"
+
+ # if migrator exit status is not 0, show error message and exit
+ if [ -n "$migrator_container_id" ]; then
+ local migrator_exit_code=$(docker inspect --format='{{.State.ExitCode}}' $migrator_container_id)
+ if [ $migrator_exit_code -ne 0 ]; then
+ echo "Plane Server failed to start ❌"
+ stopServices
+ exit 1
+ fi
+ fi
+
+ local api_container_id=$(docker container ls -q -f "name=plane-app-api")
+ local idx2=0
+ while ! docker logs $api_container_id 2>&1 | grep -m 1 -i "Application startup complete" | grep -q ".";
+ do
+ local message=">>> Waiting for API Service to Start"
+ local dots=$(printf '%*s' $idx2 | tr ' ' '.')
+ echo -ne "\r$message$dots"
+ ((idx2++))
+ sleep 1
+ done
+ printf "\r\033[K"
}
function stopServices() {
- cd $PLANE_INSTALL_DIR
- docker compose down
- cd $SCRIPT_DIR
+ docker compose -f $DOCKER_FILE_PATH --env-file=$DOCKER_ENV_PATH down
}
function restartServices() {
- cd $PLANE_INSTALL_DIR
- docker compose restart
- cd $SCRIPT_DIR
+ docker compose -f $DOCKER_FILE_PATH --env-file=$DOCKER_ENV_PATH restart
}
function upgrade() {
echo "***** STOPPING SERVICES ****"
@@ -144,47 +190,137 @@ function upgrade() {
download
echo "***** PLEASE VALIDATE AND START SERVICES ****"
+}
+function viewSpecificLogs(){
+ local SERVICE_NAME=$1
+ if docker-compose -f $DOCKER_FILE_PATH ps | grep -q "$SERVICE_NAME"; then
+ echo "Service '$SERVICE_NAME' is running."
+ else
+ echo "Service '$SERVICE_NAME' is not running."
+ fi
+
+ docker compose -f $DOCKER_FILE_PATH logs -f $SERVICE_NAME
+}
+function viewLogs(){
+
+ ARG_SERVICE_NAME=$2
+
+ if [ -z "$ARG_SERVICE_NAME" ];
+ then
+ echo
+ echo "Select a Service you want to view the logs for:"
+ echo " 1) Web"
+ echo " 2) Space"
+ echo " 3) API"
+ echo " 4) Worker"
+ echo " 5) Beat-Worker"
+ echo " 6) Migrator"
+ echo " 7) Proxy"
+ echo " 8) Redis"
+ echo " 9) Postgres"
+ echo " 10) Minio"
+ echo " 0) Back to Main Menu"
+ echo
+ read -p "Service: " DOCKER_SERVICE_NAME
+
+ until (( DOCKER_SERVICE_NAME >= 0 && DOCKER_SERVICE_NAME <= 10 )); do
+ echo "Invalid selection. Please enter a number between 1 and 11."
+ read -p "Service: " DOCKER_SERVICE_NAME
+ done
+
+ if [ -z "$DOCKER_SERVICE_NAME" ];
+ then
+ echo "INVALID SERVICE NAME SUPPLIED"
+ else
+ case $DOCKER_SERVICE_NAME in
+ 1) viewSpecificLogs "web";;
+ 2) viewSpecificLogs "space";;
+ 3) viewSpecificLogs "api";;
+ 4) viewSpecificLogs "worker";;
+ 5) viewSpecificLogs "beat-worker";;
+ 6) viewSpecificLogs "migrator";;
+ 7) viewSpecificLogs "proxy";;
+ 8) viewSpecificLogs "plane-redis";;
+ 9) viewSpecificLogs "plane-db";;
+ 10) viewSpecificLogs "plane-minio";;
+ 0) askForAction;;
+ *) echo "INVALID SERVICE NAME SUPPLIED";;
+ esac
+ fi
+ elif [ -n "$ARG_SERVICE_NAME" ];
+ then
+ ARG_SERVICE_NAME=$(echo "$ARG_SERVICE_NAME" | tr '[:upper:]' '[:lower:]')
+ case $ARG_SERVICE_NAME in
+ web) viewSpecificLogs "web";;
+ space) viewSpecificLogs "space";;
+ api) viewSpecificLogs "api";;
+ worker) viewSpecificLogs "worker";;
+ beat-worker) viewSpecificLogs "beat-worker";;
+ migrator) viewSpecificLogs "migrator";;
+ proxy) viewSpecificLogs "proxy";;
+ redis) viewSpecificLogs "plane-redis";;
+ postgres) viewSpecificLogs "plane-db";;
+ minio) viewSpecificLogs "plane-minio";;
+ *) echo "INVALID SERVICE NAME SUPPLIED";;
+ esac
+ else
+ echo "INVALID SERVICE NAME SUPPLIED"
+ fi
}
function askForAction() {
- echo
- echo "Select a Action you want to perform:"
- echo " 1) Install (${CPU_ARCH})"
- echo " 2) Start"
- echo " 3) Stop"
- echo " 4) Restart"
- echo " 5) Upgrade"
- echo " 6) Exit"
- echo
- read -p "Action [2]: " ACTION
- until [[ -z "$ACTION" || "$ACTION" =~ ^[1-6]$ ]]; do
- echo "$ACTION: invalid selection."
+ local DEFAULT_ACTION=$1
+
+ if [ -z "$DEFAULT_ACTION" ];
+ then
+ echo
+ echo "Select a Action you want to perform:"
+ echo " 1) Install (${CPU_ARCH})"
+ echo " 2) Start"
+ echo " 3) Stop"
+ echo " 4) Restart"
+ echo " 5) Upgrade"
+ echo " 6) View Logs"
+ echo " 7) Exit"
+ echo
read -p "Action [2]: " ACTION
- done
- echo
+ until [[ -z "$ACTION" || "$ACTION" =~ ^[1-7]$ ]]; do
+ echo "$ACTION: invalid selection."
+ read -p "Action [2]: " ACTION
+ done
+ if [ -z "$ACTION" ];
+ then
+ ACTION=2
+ fi
+ echo
+ fi
- if [ "$ACTION" == "1" ]
+ if [ "$ACTION" == "1" ] || [ "$DEFAULT_ACTION" == "install" ]
then
install
askForAction
- elif [ "$ACTION" == "2" ] || [ "$ACTION" == "" ]
+ elif [ "$ACTION" == "2" ] || [ "$DEFAULT_ACTION" == "start" ]
then
startServices
askForAction
- elif [ "$ACTION" == "3" ]
+ elif [ "$ACTION" == "3" ] || [ "$DEFAULT_ACTION" == "stop" ]
then
stopServices
askForAction
- elif [ "$ACTION" == "4" ]
+ elif [ "$ACTION" == "4" ] || [ "$DEFAULT_ACTION" == "restart" ]
then
restartServices
askForAction
- elif [ "$ACTION" == "5" ]
+ elif [ "$ACTION" == "5" ] || [ "$DEFAULT_ACTION" == "upgrade" ]
then
upgrade
askForAction
- elif [ "$ACTION" == "6" ]
+ elif [ "$ACTION" == "6" ] || [ "$DEFAULT_ACTION" == "logs" ]
+ then
+ viewLogs $@
+ askForAction
+ elif [ "$ACTION" == "7" ]
then
exit 0
else
@@ -217,4 +353,8 @@ then
fi
mkdir -p $PLANE_INSTALL_DIR/archive
-askForAction
+DOCKER_FILE_PATH=$PLANE_INSTALL_DIR/docker-compose.yaml
+DOCKER_ENV_PATH=$PLANE_INSTALL_DIR/.env
+
+print_header
+askForAction $@
diff --git a/package.json b/package.json
index 762ce322a..9239a9b41 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"repository": "https://github.com/makeplane/plane.git",
- "version": "0.15.1",
+ "version": "0.16.0",
"license": "AGPL-3.0",
"private": true,
"workspaces": [
diff --git a/packages/editor/core/package.json b/packages/editor/core/package.json
index 7f7f4831a..198b21b0f 100644
--- a/packages/editor/core/package.json
+++ b/packages/editor/core/package.json
@@ -1,6 +1,6 @@
{
"name": "@plane/editor-core",
- "version": "0.15.1",
+ "version": "0.16.0",
"description": "Core Editor that powers Plane",
"private": true,
"main": "./dist/index.mjs",
@@ -59,8 +59,7 @@
"@types/node": "18.15.3",
"@types/react": "^18.2.42",
"@types/react-dom": "^18.2.17",
- "eslint": "^7.32.0",
- "eslint-config-next": "13.2.4",
+ "eslint-config-custom": "*",
"postcss": "^8.4.29",
"tailwind-config-custom": "*",
"tsconfig": "*",
diff --git a/packages/editor/core/src/lib/editor-commands.ts b/packages/editor/core/src/lib/editor-commands.ts
index 4a56f07c2..6524d1ff5 100644
--- a/packages/editor/core/src/lib/editor-commands.ts
+++ b/packages/editor/core/src/lib/editor-commands.ts
@@ -97,8 +97,8 @@ export const insertTableCommand = (editor: Editor, range?: Range) => {
}
}
}
- if (range) editor.chain().focus().deleteRange(range).insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run();
- else editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run();
+ if (range) editor.chain().focus().deleteRange(range).insertTable({ rows: 3, cols: 3 }).run();
+ else editor.chain().focus().insertTable({ rows: 3, cols: 3 }).run();
};
export const unsetLinkEditor = (editor: Editor) => {
diff --git a/packages/editor/core/src/styles/editor.css b/packages/editor/core/src/styles/editor.css
index b0d2a1021..dbbea671e 100644
--- a/packages/editor/core/src/styles/editor.css
+++ b/packages/editor/core/src/styles/editor.css
@@ -170,68 +170,6 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
}
}
-#editor-container {
- table {
- border-collapse: collapse;
- table-layout: fixed;
- margin: 0.5em 0 0.5em 0;
-
- border: 1px solid rgb(var(--color-border-200));
- width: 100%;
-
- td,
- th {
- min-width: 1em;
- border: 1px solid rgb(var(--color-border-200));
- padding: 10px 15px;
- vertical-align: top;
- box-sizing: border-box;
- position: relative;
- transition: background-color 0.3s ease;
-
- > * {
- margin-bottom: 0;
- }
- }
-
- th {
- font-weight: bold;
- text-align: left;
- background-color: rgb(var(--color-primary-100));
- }
-
- td:hover {
- background-color: rgba(var(--color-primary-300), 0.1);
- }
-
- .selectedCell:after {
- z-index: 2;
- position: absolute;
- content: "";
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- background-color: rgba(var(--color-primary-300), 0.1);
- pointer-events: none;
- }
-
- .column-resize-handle {
- position: absolute;
- right: -2px;
- top: 0;
- bottom: -2px;
- width: 2px;
- background-color: rgb(var(--color-primary-400));
- pointer-events: none;
- }
- }
-}
-
-.tableWrapper {
- overflow-x: auto;
-}
-
.resize-cursor {
cursor: ew-resize;
cursor: col-resize;
diff --git a/packages/editor/core/src/styles/table.css b/packages/editor/core/src/styles/table.css
index 8a47a8c59..3ba17ee1b 100644
--- a/packages/editor/core/src/styles/table.css
+++ b/packages/editor/core/src/styles/table.css
@@ -9,15 +9,15 @@
border-collapse: collapse;
table-layout: fixed;
margin: 0;
- margin-bottom: 3rem;
- border: 1px solid rgba(var(--color-border-200));
+ margin-bottom: 1rem;
+ border: 2px solid rgba(var(--color-border-300));
width: 100%;
}
.tableWrapper table td,
.tableWrapper table th {
min-width: 1em;
- border: 1px solid rgba(var(--color-border-200));
+ border: 1px solid rgba(var(--color-border-300));
padding: 10px 15px;
vertical-align: top;
box-sizing: border-box;
@@ -43,7 +43,8 @@
.tableWrapper table th {
font-weight: bold;
text-align: left;
- background-color: rgba(var(--color-primary-100));
+ background-color: #d9e4ff;
+ color: #171717;
}
.tableWrapper table th * {
@@ -62,14 +63,43 @@
pointer-events: none;
}
+.colorPicker {
+ display: grid;
+ padding: 8px 8px;
+ grid-template-columns: repeat(6, 1fr);
+ gap: 5px;
+}
+
+.colorPickerLabel {
+ font-size: 0.85rem;
+ color: #6b7280;
+ padding: 8px 8px;
+ padding-bottom: 0px;
+}
+
+.colorPickerItem {
+ margin: 2px 0px;
+ width: 24px;
+ height: 24px;
+ border-radius: 4px;
+ border: none;
+ cursor: pointer;
+}
+
+.divider {
+ background-color: #e5e7eb;
+ height: 1px;
+ margin: 3px 0;
+}
+
.tableWrapper table .column-resize-handle {
position: absolute;
right: -2px;
top: 0;
bottom: -2px;
width: 4px;
- z-index: 99;
- background-color: rgba(var(--color-primary-400));
+ z-index: 5;
+ background-color: #d9e4ff;
pointer-events: none;
}
@@ -81,7 +111,7 @@
.tableWrapper .tableControls .rowsControl {
transition: opacity ease-in 100ms;
position: absolute;
- z-index: 99;
+ z-index: 5;
display: flex;
justify-content: center;
align-items: center;
@@ -112,7 +142,7 @@
}
.tableWrapper .tableControls .rowsControlDiv {
- background-color: rgba(var(--color-primary-100));
+ background-color: #d9e4ff;
border: 1px solid rgba(var(--color-border-200));
border-radius: 2px;
background-size: 1.25rem;
@@ -127,7 +157,7 @@
}
.tableWrapper .tableControls .columnsControlDiv {
- background-color: rgba(var(--color-primary-100));
+ background-color: #d9e4ff;
border: 1px solid rgba(var(--color-border-200));
border-radius: 2px;
background-size: 1.25rem;
@@ -144,10 +174,12 @@
.tableWrapper .tableControls .tableColorPickerToolbox {
border: 1px solid rgba(var(--color-border-300));
background-color: rgba(var(--color-background-100));
+ border-radius: 5px;
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
padding: 0.25rem;
display: flex;
flex-direction: column;
- width: 200px;
+ width: max-content;
gap: 0.25rem;
}
@@ -158,7 +190,7 @@
align-items: center;
gap: 0.5rem;
border: none;
- padding: 0.1rem;
+ padding: 0.3rem 0.5rem 0.1rem 0.1rem;
border-radius: 4px;
cursor: pointer;
transition: all 0.2s;
@@ -166,16 +198,14 @@
.tableWrapper .tableControls .tableToolbox .toolboxItem:hover,
.tableWrapper .tableControls .tableColorPickerToolbox .toolboxItem:hover {
- background-color: rgba(var(--color-background-100), 0.5);
+ background-color: rgba(var(--color-background-80), 0.6);
}
.tableWrapper .tableControls .tableToolbox .toolboxItem .iconContainer,
.tableWrapper .tableControls .tableColorPickerToolbox .toolboxItem .iconContainer,
.tableWrapper .tableControls .tableToolbox .toolboxItem .colorContainer,
.tableWrapper .tableControls .tableColorPickerToolbox .toolboxItem .colorContainer {
- border: 1px solid rgba(var(--color-border-300));
- border-radius: 3px;
- padding: 4px;
+ padding: 4px 0px;
display: flex;
align-items: center;
justify-content: center;
@@ -187,8 +217,8 @@
.tableWrapper .tableControls .tableColorPickerToolbox .toolboxItem .iconContainer svg,
.tableWrapper .tableControls .tableToolbox .toolboxItem .colorContainer svg,
.tableWrapper .tableControls .tableColorPickerToolbox .toolboxItem .colorContainer svg {
- width: 2rem;
- height: 2rem;
+ width: 1rem;
+ height: 1rem;
}
.tableToolbox {
diff --git a/packages/editor/core/src/ui/extensions/custom-link/helpers/clickHandler.ts b/packages/editor/core/src/ui/extensions/custom-link/helpers/clickHandler.ts
index 0854092a9..ec6c540da 100644
--- a/packages/editor/core/src/ui/extensions/custom-link/helpers/clickHandler.ts
+++ b/packages/editor/core/src/ui/extensions/custom-link/helpers/clickHandler.ts
@@ -15,9 +15,15 @@ export function clickHandler(options: ClickHandlerOptions): Plugin {
return false;
}
- const eventTarget = event.target as HTMLElement;
+ let a = event.target as HTMLElement;
+ const els = [];
- if (eventTarget.nodeName !== "A") {
+ while (a.nodeName !== "DIV") {
+ els.push(a);
+ a = a.parentNode as HTMLElement;
+ }
+
+ if (!els.find((value) => value.nodeName === "A")) {
return false;
}
@@ -28,9 +34,7 @@ export function clickHandler(options: ClickHandlerOptions): Plugin {
const target = link?.target ?? attrs.target;
if (link && href) {
- if (view.editable) {
- window.open(href, target);
- }
+ window.open(href, target);
return true;
}
diff --git a/packages/editor/core/src/ui/extensions/custom-link/helpers/pasteHandler.ts b/packages/editor/core/src/ui/extensions/custom-link/helpers/pasteHandler.ts
index 83e38054c..475bf28d9 100644
--- a/packages/editor/core/src/ui/extensions/custom-link/helpers/pasteHandler.ts
+++ b/packages/editor/core/src/ui/extensions/custom-link/helpers/pasteHandler.ts
@@ -33,16 +33,8 @@ export function pasteHandler(options: PasteHandlerOptions): Plugin {
return false;
}
- const html = event.clipboardData?.getData("text/html");
-
- const hrefRegex = /href="([^"]*)"/;
-
- const existingLink = html?.match(hrefRegex);
-
- const url = existingLink ? existingLink[1] : link.href;
-
options.editor.commands.setMark(options.type, {
- href: url,
+ href: link.href,
});
return true;
diff --git a/packages/editor/core/src/ui/extensions/custom-link/index.tsx b/packages/editor/core/src/ui/extensions/custom-link/index.ts
similarity index 69%
rename from packages/editor/core/src/ui/extensions/custom-link/index.tsx
rename to packages/editor/core/src/ui/extensions/custom-link/index.ts
index e66d18904..88e7abfe5 100644
--- a/packages/editor/core/src/ui/extensions/custom-link/index.tsx
+++ b/packages/editor/core/src/ui/extensions/custom-link/index.ts
@@ -1,41 +1,76 @@
-import { Mark, markPasteRule, mergeAttributes } from "@tiptap/core";
+import { Mark, markPasteRule, mergeAttributes, PasteRuleMatch } from "@tiptap/core";
import { Plugin } from "@tiptap/pm/state";
import { find, registerCustomProtocol, reset } from "linkifyjs";
-
-import { autolink } from "src/ui/extensions/custom-link/helpers/autolink";
-import { clickHandler } from "src/ui/extensions/custom-link/helpers/clickHandler";
-import { pasteHandler } from "src/ui/extensions/custom-link/helpers/pasteHandler";
+import { autolink } from "./helpers/autolink";
+import { clickHandler } from "./helpers/clickHandler";
+import { pasteHandler } from "./helpers/pasteHandler";
export interface LinkProtocolOptions {
scheme: string;
optionalSlashes?: boolean;
}
+export const pasteRegex =
+ /https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z]{2,}\b(?:[-a-zA-Z0-9@:%._+~#=?!&/]*)(?:[-a-zA-Z0-9@:%._+~#=?!&/]*)/gi;
+
export interface LinkOptions {
+ /**
+ * If enabled, it adds links as you type.
+ */
autolink: boolean;
- inclusive: boolean;
+ /**
+ * An array of custom protocols to be registered with linkifyjs.
+ */
protocols: Array;
+ /**
+ * If enabled, links will be opened on click.
+ */
openOnClick: boolean;
+ /**
+ * If enabled, links will be inclusive i.e. if you move your cursor to the
+ * link text, and start typing, it'll be a part of the link itself.
+ */
+ inclusive: boolean;
+ /**
+ * Adds a link to the current selection if the pasted content only contains an url.
+ */
linkOnPaste: boolean;
+ /**
+ * A list of HTML attributes to be rendered.
+ */
HTMLAttributes: Record;
+ /**
+ * A validation function that modifies link verification for the auto linker.
+ * @param url - The url to be validated.
+ * @returns - True if the url is valid, false otherwise.
+ */
validate?: (url: string) => boolean;
}
declare module "@tiptap/core" {
interface Commands {
link: {
+ /**
+ * Set a link mark
+ */
setLink: (attributes: {
href: string;
target?: string | null;
rel?: string | null;
class?: string | null;
}) => ReturnType;
+ /**
+ * Toggle a link mark
+ */
toggleLink: (attributes: {
href: string;
target?: string | null;
rel?: string | null;
class?: string | null;
}) => ReturnType;
+ /**
+ * Unset a link mark
+ */
unsetLink: () => ReturnType;
};
}
@@ -150,37 +185,31 @@ export const CustomLinkExtension = Mark.create({
addPasteRules() {
return [
markPasteRule({
- find: (text) =>
- find(text)
- .filter((link) => {
- if (this.options.validate) {
- return this.options.validate(link.value);
- }
- return true;
- })
- .filter((link) => link.isLink)
- .map((link) => ({
- text: link.value,
- index: link.start,
- data: link,
- })),
- type: this.type,
- getAttributes: (match, pasteEvent) => {
- const html = pasteEvent?.clipboardData?.getData("text/html");
- const hrefRegex = /href="([^"]*)"/;
+ find: (text) => {
+ const foundLinks: PasteRuleMatch[] = [];
- const existingLink = html?.match(hrefRegex);
+ if (text) {
+ const links = find(text).filter((item) => item.isLink);
- if (existingLink) {
- return {
- href: existingLink[1],
- };
+ if (links.length) {
+ links.forEach((link) =>
+ foundLinks.push({
+ text: link.value,
+ data: {
+ href: link.href,
+ },
+ index: link.start,
+ })
+ );
+ }
}
- return {
- href: match.data?.href,
- };
+ return foundLinks;
},
+ type: this.type,
+ getAttributes: (match) => ({
+ href: match.data?.href,
+ }),
}),
];
},
diff --git a/packages/editor/core/src/ui/extensions/horizontal-rule/horizontal-rule.ts b/packages/editor/core/src/ui/extensions/horizontal-rule/horizontal-rule.ts
new file mode 100644
index 000000000..2af845b7a
--- /dev/null
+++ b/packages/editor/core/src/ui/extensions/horizontal-rule/horizontal-rule.ts
@@ -0,0 +1,111 @@
+import { isNodeSelection, mergeAttributes, Node, nodeInputRule } from "@tiptap/core";
+import { NodeSelection, TextSelection } from "@tiptap/pm/state";
+
+export interface HorizontalRuleOptions {
+ HTMLAttributes: Record;
+}
+
+declare module "@tiptap/core" {
+ interface Commands {
+ horizontalRule: {
+ /**
+ * Add a horizontal rule
+ */
+ setHorizontalRule: () => ReturnType;
+ };
+ }
+}
+
+export const CustomHorizontalRule = Node.create({
+ name: "horizontalRule",
+
+ addOptions() {
+ return {
+ HTMLAttributes: {},
+ };
+ },
+
+ group: "block",
+
+ parseHTML() {
+ return [{ tag: "hr" }];
+ },
+
+ renderHTML({ HTMLAttributes }) {
+ return ["hr", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+ },
+
+ addCommands() {
+ return {
+ setHorizontalRule:
+ () =>
+ ({ chain, state }) => {
+ const { selection } = state;
+ const { $from: $originFrom, $to: $originTo } = selection;
+
+ const currentChain = chain();
+
+ if ($originFrom.parentOffset === 0) {
+ currentChain.insertContentAt(
+ {
+ from: Math.max($originFrom.pos - 1, 0),
+ to: $originTo.pos,
+ },
+ {
+ type: this.name,
+ }
+ );
+ } else if (isNodeSelection(selection)) {
+ currentChain.insertContentAt($originTo.pos, {
+ type: this.name,
+ });
+ } else {
+ currentChain.insertContent({ type: this.name });
+ }
+
+ return (
+ currentChain
+ // set cursor after horizontal rule
+ .command(({ tr, dispatch }) => {
+ if (dispatch) {
+ const { $to } = tr.selection;
+ const posAfter = $to.end();
+
+ if ($to.nodeAfter) {
+ if ($to.nodeAfter.isTextblock) {
+ tr.setSelection(TextSelection.create(tr.doc, $to.pos + 1));
+ } else if ($to.nodeAfter.isBlock) {
+ tr.setSelection(NodeSelection.create(tr.doc, $to.pos));
+ } else {
+ tr.setSelection(TextSelection.create(tr.doc, $to.pos));
+ }
+ } else {
+ // add node after horizontal rule if it’s the end of the document
+ const node = $to.parent.type.contentMatch.defaultType?.create();
+
+ if (node) {
+ tr.insert(posAfter, node);
+ tr.setSelection(TextSelection.create(tr.doc, posAfter + 1));
+ }
+ }
+
+ tr.scrollIntoView();
+ }
+
+ return true;
+ })
+ .run()
+ );
+ },
+ };
+ },
+
+ addInputRules() {
+ return [
+ nodeInputRule({
+ find: /^(?:---|—-|___\s|\*\*\*\s)$/,
+ type: this.type,
+ }),
+ ];
+ },
+});
diff --git a/packages/editor/core/src/ui/extensions/index.tsx b/packages/editor/core/src/ui/extensions/index.tsx
index 5bfba3b0f..7da381e98 100644
--- a/packages/editor/core/src/ui/extensions/index.tsx
+++ b/packages/editor/core/src/ui/extensions/index.tsx
@@ -25,7 +25,9 @@ import { DeleteImage } from "src/types/delete-image";
import { IMentionSuggestion } from "src/types/mention-suggestion";
import { RestoreImage } from "src/types/restore-image";
import { CustomLinkExtension } from "src/ui/extensions/custom-link";
-import { CustomCodeInlineExtension } from "./code-inline";
+import { CustomCodeInlineExtension } from "src/ui/extensions/code-inline";
+import { CustomTypographyExtension } from "src/ui/extensions/typography";
+import { CustomHorizontalRule } from "./horizontal-rule/horizontal-rule";
export const CoreEditorExtensions = (
mentionConfig: {
@@ -54,9 +56,7 @@ export const CoreEditorExtensions = (
},
code: false,
codeBlock: false,
- horizontalRule: {
- HTMLAttributes: { class: "mt-4 mb-4" },
- },
+ horizontalRule: false,
blockquote: false,
dropcursor: {
color: "rgba(var(--color-text-100))",
@@ -66,6 +66,10 @@ export const CoreEditorExtensions = (
CustomQuoteExtension.configure({
HTMLAttributes: { className: "border-l-4 border-custom-border-300" },
}),
+
+ CustomHorizontalRule.configure({
+ HTMLAttributes: { class: "mt-4 mb-4" },
+ }),
CustomKeymap,
ListKeymap,
CustomLinkExtension.configure({
@@ -79,6 +83,7 @@ export const CoreEditorExtensions = (
"text-custom-primary-300 underline underline-offset-[3px] hover:text-custom-primary-500 transition-colors cursor-pointer",
},
}),
+ CustomTypographyExtension,
ImageExtension(deleteFile, restoreFile, cancelUploadImage).configure({
HTMLAttributes: {
class: "rounded-lg border border-custom-border-300",
diff --git a/packages/editor/core/src/ui/extensions/table/table-cell/table-cell.ts b/packages/editor/core/src/ui/extensions/table/table-cell/table-cell.ts
index aedb59411..403bd3f02 100644
--- a/packages/editor/core/src/ui/extensions/table/table-cell/table-cell.ts
+++ b/packages/editor/core/src/ui/extensions/table/table-cell/table-cell.ts
@@ -13,7 +13,7 @@ export const TableCell = Node.create({
};
},
- content: "paragraph+",
+ content: "block+",
addAttributes() {
return {
@@ -33,7 +33,10 @@ export const TableCell = Node.create({
},
},
background: {
- default: "none",
+ default: null,
+ },
+ textColor: {
+ default: null,
},
};
},
@@ -50,7 +53,7 @@ export const TableCell = Node.create({
return [
"td",
mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
- style: `background-color: ${node.attrs.background}`,
+ style: `background-color: ${node.attrs.background}; color: ${node.attrs.textColor}`,
}),
0,
];
diff --git a/packages/editor/core/src/ui/extensions/table/table-header/table-header.ts b/packages/editor/core/src/ui/extensions/table/table-header/table-header.ts
index c0decdbf8..bd994f467 100644
--- a/packages/editor/core/src/ui/extensions/table/table-header/table-header.ts
+++ b/packages/editor/core/src/ui/extensions/table/table-header/table-header.ts
@@ -33,7 +33,7 @@ export const TableHeader = Node.create({
},
},
background: {
- default: "rgb(var(--color-primary-100))",
+ default: "none",
},
};
},
diff --git a/packages/editor/core/src/ui/extensions/table/table-row/table-row.ts b/packages/editor/core/src/ui/extensions/table/table-row/table-row.ts
index 28c9a9a48..f961c0582 100644
--- a/packages/editor/core/src/ui/extensions/table/table-row/table-row.ts
+++ b/packages/editor/core/src/ui/extensions/table/table-row/table-row.ts
@@ -13,6 +13,17 @@ export const TableRow = Node.create({
};
},
+ addAttributes() {
+ return {
+ background: {
+ default: null,
+ },
+ textColor: {
+ default: null,
+ },
+ };
+ },
+
content: "(tableCell | tableHeader)*",
tableRole: "row",
@@ -22,6 +33,12 @@ export const TableRow = Node.create({
},
renderHTML({ HTMLAttributes }) {
- return ["tr", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+ const style = HTMLAttributes.background
+ ? `background-color: ${HTMLAttributes.background}; color: ${HTMLAttributes.textColor}`
+ : "";
+
+ const attributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { style });
+
+ return ["tr", attributes, 0];
},
});
diff --git a/packages/editor/core/src/ui/extensions/table/table/icons.ts b/packages/editor/core/src/ui/extensions/table/table/icons.ts
index c08710ec3..f73c55c09 100644
--- a/packages/editor/core/src/ui/extensions/table/table/icons.ts
+++ b/packages/editor/core/src/ui/extensions/table/table/icons.ts
@@ -1,7 +1,7 @@
export const icons = {
colorPicker: ` = {
placement: "right",
};
-function setCellsBackgroundColor(editor: Editor, backgroundColor: string) {
+function setCellsBackgroundColor(editor: Editor, color: { backgroundColor: string; textColor: string }) {
return editor
.chain()
.focus()
.updateAttributes("tableCell", {
- background: backgroundColor,
- })
- .updateAttributes("tableHeader", {
- background: backgroundColor,
+ background: color.backgroundColor,
+ textColor: color.textColor,
})
.run();
}
+function setTableRowBackgroundColor(editor: Editor, color: { backgroundColor: string; textColor: string }) {
+ const { state, dispatch } = editor.view;
+ const { selection } = state;
+ if (!(selection instanceof CellSelection)) {
+ return false;
+ }
+
+ // Get the position of the hovered cell in the selection to determine the row.
+ const hoveredCell = selection.$headCell || selection.$anchorCell;
+
+ // Find the depth of the table row node
+ let rowDepth = hoveredCell.depth;
+ while (rowDepth > 0 && hoveredCell.node(rowDepth).type.name !== "tableRow") {
+ rowDepth--;
+ }
+
+ // If we couldn't find a tableRow node, we can't set the background color
+ if (hoveredCell.node(rowDepth).type.name !== "tableRow") {
+ return false;
+ }
+
+ // Get the position where the table row starts
+ const rowStartPos = hoveredCell.start(rowDepth);
+
+ // Create a transaction that sets the background color on the tableRow node.
+ const tr = state.tr.setNodeMarkup(rowStartPos - 1, null, {
+ ...hoveredCell.node(rowDepth).attrs,
+ background: color.backgroundColor,
+ textColor: color.textColor,
+ });
+
+ dispatch(tr);
+ return true;
+}
+
const columnsToolboxItems: ToolboxItem[] = [
{
- label: "Add Column Before",
+ label: "Toggle column header",
+ icon: icons.toggleColumnHeader,
+ action: ({ editor }: { editor: Editor }) => editor.chain().focus().toggleHeaderColumn().run(),
+ },
+ {
+ label: "Add column before",
icon: icons.insertLeftTableIcon,
action: ({ editor }: { editor: Editor }) => editor.chain().focus().addColumnBefore().run(),
},
{
- label: "Add Column After",
+ label: "Add column after",
icon: icons.insertRightTableIcon,
action: ({ editor }: { editor: Editor }) => editor.chain().focus().addColumnAfter().run(),
},
{
- label: "Pick Column Color",
- icon: icons.colorPicker,
- action: ({
- editor,
- triggerButton,
- controlsContainer,
- }: {
- editor: Editor;
- triggerButton: HTMLElement;
- controlsContainer: Element;
- }) => {
- createColorPickerToolbox({
- triggerButton,
- tippyOptions: {
- appendTo: controlsContainer,
- },
- onSelectColor: (color) => setCellsBackgroundColor(editor, color),
- });
- },
+ label: "Pick color",
+ icon: "", // No icon needed for color picker
+ action: (args: any) => {}, // Placeholder action; actual color picking is handled in `createToolbox`
},
{
- label: "Delete Column",
+ label: "Delete column",
icon: icons.deleteColumn,
action: ({ editor }: { editor: Editor }) => editor.chain().focus().deleteColumn().run(),
},
@@ -135,35 +157,24 @@ const columnsToolboxItems: ToolboxItem[] = [
const rowsToolboxItems: ToolboxItem[] = [
{
- label: "Add Row Above",
+ label: "Toggle row header",
+ icon: icons.toggleRowHeader,
+ action: ({ editor }: { editor: Editor }) => editor.chain().focus().toggleHeaderRow().run(),
+ },
+ {
+ label: "Add row above",
icon: icons.insertTopTableIcon,
action: ({ editor }: { editor: Editor }) => editor.chain().focus().addRowBefore().run(),
},
{
- label: "Add Row Below",
+ label: "Add row below",
icon: icons.insertBottomTableIcon,
action: ({ editor }: { editor: Editor }) => editor.chain().focus().addRowAfter().run(),
},
{
- label: "Pick Row Color",
- icon: icons.colorPicker,
- action: ({
- editor,
- triggerButton,
- controlsContainer,
- }: {
- editor: Editor;
- triggerButton: HTMLButtonElement;
- controlsContainer: Element | "parent" | ((ref: Element) => Element) | undefined;
- }) => {
- createColorPickerToolbox({
- triggerButton,
- tippyOptions: {
- appendTo: controlsContainer,
- },
- onSelectColor: (color) => setCellsBackgroundColor(editor, color),
- });
- },
+ label: "Pick color",
+ icon: "",
+ action: (args: any) => {}, // Placeholder action; actual color picking is handled in `createToolbox`
},
{
label: "Delete Row",
@@ -176,37 +187,58 @@ function createToolbox({
triggerButton,
items,
tippyOptions,
+ onSelectColor,
onClickItem,
+ colors,
}: {
triggerButton: Element | null;
items: ToolboxItem[];
tippyOptions: any;
onClickItem: (item: ToolboxItem) => void;
+ onSelectColor: (color: { backgroundColor: string; textColor: string }) => void;
+ colors: { [key: string]: { backgroundColor: string; textColor: string; icon?: string } };
}): Instance {
// @ts-expect-error
const toolbox = tippy(triggerButton, {
content: h(
"div",
{ className: "tableToolbox" },
- items.map((item) =>
- h(
- "div",
- {
- className: "toolboxItem",
- itemType: "button",
- onClick() {
- onClickItem(item);
+ items.map((item, index) => {
+ if (item.label === "Pick color") {
+ return h("div", { className: "flex flex-col" }, [
+ h("div", { className: "divider" }),
+ h("div", { className: "colorPickerLabel" }, item.label),
+ h(
+ "div",
+ { className: "colorPicker grid" },
+ Object.entries(colors).map(([colorName, colorValue]) =>
+ h("div", {
+ className: "colorPickerItem flex items-center justify-center",
+ style: `background-color: ${colorValue.backgroundColor};
+ color: ${colorValue.textColor || "inherit"};`,
+ innerHTML:
+ colorValue.icon ?? `A `,
+ onClick: () => onSelectColor(colorValue),
+ })
+ )
+ ),
+ h("div", { className: "divider" }),
+ ]);
+ } else {
+ return h(
+ "div",
+ {
+ className: "toolboxItem",
+ itemType: "div",
+ onClick: () => onClickItem(item),
},
- },
- [
- h("div", {
- className: "iconContainer",
- innerHTML: item.icon,
- }),
- h("div", { className: "label" }, item.label),
- ]
- )
- )
+ [
+ h("div", { className: "iconContainer", innerHTML: item.icon }),
+ h("div", { className: "label" }, item.label),
+ ]
+ );
+ }
+ })
),
...tippyOptions,
});
@@ -214,71 +246,6 @@ function createToolbox({
return Array.isArray(toolbox) ? toolbox[0] : toolbox;
}
-function createColorPickerToolbox({
- triggerButton,
- tippyOptions,
- onSelectColor = () => {},
-}: {
- triggerButton: HTMLElement;
- tippyOptions: Partial;
- onSelectColor?: (color: string) => void;
-}) {
- const items = {
- Default: "rgb(var(--color-primary-100))",
- Orange: "#FFE5D1",
- Grey: "#F1F1F1",
- Yellow: "#FEF3C7",
- Green: "#DCFCE7",
- Red: "#FFDDDD",
- Blue: "#D9E4FF",
- Pink: "#FFE8FA",
- Purple: "#E8DAFB",
- };
-
- const colorPicker = tippy(triggerButton, {
- ...defaultTippyOptions,
- content: h(
- "div",
- { className: "tableColorPickerToolbox" },
- Object.entries(items).map(([key, value]) =>
- h(
- "div",
- {
- className: "toolboxItem",
- itemType: "button",
- onClick: () => {
- onSelectColor(value);
- colorPicker.hide();
- },
- },
- [
- h("div", {
- className: "colorContainer",
- style: {
- backgroundColor: value,
- },
- }),
- h(
- "div",
- {
- className: "label",
- },
- key
- ),
- ]
- )
- )
- ),
- onHidden: (instance) => {
- instance.destroy();
- },
- showOnCreate: true,
- ...tippyOptions,
- });
-
- return colorPicker;
-}
-
export class TableView implements NodeView {
node: ProseMirrorNode;
cellMinWidth: number;
@@ -347,10 +314,27 @@ export class TableView implements NodeView {
this.rowsControl,
this.columnsControl
);
+ const columnColors = {
+ Blue: { backgroundColor: "#D9E4FF", textColor: "#171717" },
+ Orange: { backgroundColor: "#FFEDD5", textColor: "#171717" },
+ Grey: { backgroundColor: "#F1F1F1", textColor: "#171717" },
+ Yellow: { backgroundColor: "#FEF3C7", textColor: "#171717" },
+ Green: { backgroundColor: "#DCFCE7", textColor: "#171717" },
+ Red: { backgroundColor: "#FFDDDD", textColor: "#171717" },
+ Pink: { backgroundColor: "#FFE8FA", textColor: "#171717" },
+ Purple: { backgroundColor: "#E8DAFB", textColor: "#171717" },
+ None: {
+ backgroundColor: "none",
+ textColor: "none",
+ icon: `) as any;
+ if (curr.spec.hoveredTable !== undefined) {
+ acc["hoveredTable"] = curr.spec.hoveredTable;
+ }
+ return acc;
+ },
+ {} as Record
+ ) as any;
if (table === undefined || cell === undefined) {
return this.root.classList.add("controls--disabled");
@@ -457,12 +444,12 @@ export class TableView implements NodeView {
const cellDom = this.editor.view.nodeDOM(cell.pos) as HTMLElement;
- if (!this.table) {
+ if (!this.table || !cellDom) {
return;
}
- const tableRect = this.table.getBoundingClientRect();
- const cellRect = cellDom.getBoundingClientRect();
+ const tableRect = this.table?.getBoundingClientRect();
+ const cellRect = cellDom?.getBoundingClientRect();
if (this.columnsControl) {
this.columnsControl.style.left = `${cellRect.left - tableRect.left - this.table.parentElement!.scrollLeft}px`;
diff --git a/packages/editor/core/src/ui/extensions/table/table/table.ts b/packages/editor/core/src/ui/extensions/table/table/table.ts
index 5600fd82a..ef595eee2 100644
--- a/packages/editor/core/src/ui/extensions/table/table/table.ts
+++ b/packages/editor/core/src/ui/extensions/table/table/table.ts
@@ -107,10 +107,9 @@ export const Table = Node.create({
addCommands() {
return {
insertTable:
- ({ rows = 3, cols = 3, withHeaderRow = true } = {}) =>
+ ({ rows = 3, cols = 3, withHeaderRow = false } = {}) =>
({ tr, dispatch, editor }) => {
const node = createTable(editor.schema, rows, cols, withHeaderRow);
-
if (dispatch) {
const offset = tr.selection.anchor + 1;
diff --git a/packages/editor/core/src/ui/extensions/typography/index.ts b/packages/editor/core/src/ui/extensions/typography/index.ts
new file mode 100644
index 000000000..78af3c46e
--- /dev/null
+++ b/packages/editor/core/src/ui/extensions/typography/index.ts
@@ -0,0 +1,109 @@
+import { Extension } from "@tiptap/core";
+import {
+ TypographyOptions,
+ emDash,
+ ellipsis,
+ leftArrow,
+ rightArrow,
+ copyright,
+ trademark,
+ servicemark,
+ registeredTrademark,
+ oneHalf,
+ plusMinus,
+ notEqual,
+ laquo,
+ raquo,
+ multiplication,
+ superscriptTwo,
+ superscriptThree,
+ oneQuarter,
+ threeQuarters,
+ impliesArrowRight,
+} from "src/ui/extensions/typography/inputRules";
+
+export const CustomTypographyExtension = Extension.create({
+ name: "typography",
+
+ addInputRules() {
+ const rules = [];
+
+ if (this.options.emDash !== false) {
+ rules.push(emDash(this.options.emDash));
+ }
+
+ if (this.options.impliesArrowRight !== false) {
+ rules.push(impliesArrowRight(this.options.impliesArrowRight));
+ }
+
+ if (this.options.ellipsis !== false) {
+ rules.push(ellipsis(this.options.ellipsis));
+ }
+
+ if (this.options.leftArrow !== false) {
+ rules.push(leftArrow(this.options.leftArrow));
+ }
+
+ if (this.options.rightArrow !== false) {
+ rules.push(rightArrow(this.options.rightArrow));
+ }
+
+ if (this.options.copyright !== false) {
+ rules.push(copyright(this.options.copyright));
+ }
+
+ if (this.options.trademark !== false) {
+ rules.push(trademark(this.options.trademark));
+ }
+
+ if (this.options.servicemark !== false) {
+ rules.push(servicemark(this.options.servicemark));
+ }
+
+ if (this.options.registeredTrademark !== false) {
+ rules.push(registeredTrademark(this.options.registeredTrademark));
+ }
+
+ if (this.options.oneHalf !== false) {
+ rules.push(oneHalf(this.options.oneHalf));
+ }
+
+ if (this.options.plusMinus !== false) {
+ rules.push(plusMinus(this.options.plusMinus));
+ }
+
+ if (this.options.notEqual !== false) {
+ rules.push(notEqual(this.options.notEqual));
+ }
+
+ if (this.options.laquo !== false) {
+ rules.push(laquo(this.options.laquo));
+ }
+
+ if (this.options.raquo !== false) {
+ rules.push(raquo(this.options.raquo));
+ }
+
+ if (this.options.multiplication !== false) {
+ rules.push(multiplication(this.options.multiplication));
+ }
+
+ if (this.options.superscriptTwo !== false) {
+ rules.push(superscriptTwo(this.options.superscriptTwo));
+ }
+
+ if (this.options.superscriptThree !== false) {
+ rules.push(superscriptThree(this.options.superscriptThree));
+ }
+
+ if (this.options.oneQuarter !== false) {
+ rules.push(oneQuarter(this.options.oneQuarter));
+ }
+
+ if (this.options.threeQuarters !== false) {
+ rules.push(threeQuarters(this.options.threeQuarters));
+ }
+
+ return rules;
+ },
+});
diff --git a/packages/editor/core/src/ui/extensions/typography/inputRules.ts b/packages/editor/core/src/ui/extensions/typography/inputRules.ts
new file mode 100644
index 000000000..f528e9242
--- /dev/null
+++ b/packages/editor/core/src/ui/extensions/typography/inputRules.ts
@@ -0,0 +1,137 @@
+import { textInputRule } from "@tiptap/core";
+
+export interface TypographyOptions {
+ emDash: false | string;
+ ellipsis: false | string;
+ leftArrow: false | string;
+ rightArrow: false | string;
+ copyright: false | string;
+ trademark: false | string;
+ servicemark: false | string;
+ registeredTrademark: false | string;
+ oneHalf: false | string;
+ plusMinus: false | string;
+ notEqual: false | string;
+ laquo: false | string;
+ raquo: false | string;
+ multiplication: false | string;
+ superscriptTwo: false | string;
+ superscriptThree: false | string;
+ oneQuarter: false | string;
+ threeQuarters: false | string;
+ impliesArrowRight: false | string;
+}
+
+export const emDash = (override?: string) =>
+ textInputRule({
+ find: /--$/,
+ replace: override ?? "—",
+ });
+
+export const impliesArrowRight = (override?: string) =>
+ textInputRule({
+ find: /=>$/,
+ replace: override ?? "⇒",
+ });
+
+export const leftArrow = (override?: string) =>
+ textInputRule({
+ find: /<-$/,
+ replace: override ?? "←",
+ });
+
+export const rightArrow = (override?: string) =>
+ textInputRule({
+ find: /->$/,
+ replace: override ?? "→",
+ });
+
+export const ellipsis = (override?: string) =>
+ textInputRule({
+ find: /\.\.\.$/,
+ replace: override ?? "…",
+ });
+
+export const copyright = (override?: string) =>
+ textInputRule({
+ find: /\(c\)$/,
+ replace: override ?? "©",
+ });
+
+export const trademark = (override?: string) =>
+ textInputRule({
+ find: /\(tm\)$/,
+ replace: override ?? "™",
+ });
+
+export const servicemark = (override?: string) =>
+ textInputRule({
+ find: /\(sm\)$/,
+ replace: override ?? "℠",
+ });
+
+export const registeredTrademark = (override?: string) =>
+ textInputRule({
+ find: /\(r\)$/,
+ replace: override ?? "®",
+ });
+
+export const oneHalf = (override?: string) =>
+ textInputRule({
+ find: /(?:^|\s)(1\/2)\s$/,
+ replace: override ?? "½",
+ });
+
+export const plusMinus = (override?: string) =>
+ textInputRule({
+ find: /\+\/-$/,
+ replace: override ?? "±",
+ });
+
+export const notEqual = (override?: string) =>
+ textInputRule({
+ find: /!=$/,
+ replace: override ?? "≠",
+ });
+
+export const laquo = (override?: string) =>
+ textInputRule({
+ find: /<<$/,
+ replace: override ?? "«",
+ });
+
+export const raquo = (override?: string) =>
+ textInputRule({
+ find: />>$/,
+ replace: override ?? "»",
+ });
+
+export const multiplication = (override?: string) =>
+ textInputRule({
+ find: /\d+\s?([*x])\s?\d+$/,
+ replace: override ?? "×",
+ });
+
+export const superscriptTwo = (override?: string) =>
+ textInputRule({
+ find: /\^2$/,
+ replace: override ?? "²",
+ });
+
+export const superscriptThree = (override?: string) =>
+ textInputRule({
+ find: /\^3$/,
+ replace: override ?? "³",
+ });
+
+export const oneQuarter = (override?: string) =>
+ textInputRule({
+ find: /(?:^|\s)(1\/4)\s$/,
+ replace: override ?? "¼",
+ });
+
+export const threeQuarters = (override?: string) =>
+ textInputRule({
+ find: /(?:^|\s)(3\/4)\s$/,
+ replace: override ?? "¾",
+ });
diff --git a/packages/editor/core/src/ui/props.tsx b/packages/editor/core/src/ui/props.tsx
index 2aaeb4264..1846efe47 100644
--- a/packages/editor/core/src/ui/props.tsx
+++ b/packages/editor/core/src/ui/props.tsx
@@ -42,15 +42,6 @@ export function CoreEditorProps(
return false;
},
handleDrop: (view, event, _slice, moved) => {
- if (typeof window !== "undefined") {
- const selection: any = window?.getSelection();
- if (selection.rangeCount !== 0) {
- const range = selection.getRangeAt(0);
- if (findTableAncestor(range.startContainer)) {
- return;
- }
- }
- }
if (!moved && event.dataTransfer && event.dataTransfer.files && event.dataTransfer.files[0]) {
event.preventDefault();
const file = event.dataTransfer.files[0];
diff --git a/packages/editor/document-editor/package.json b/packages/editor/document-editor/package.json
index b33bc12fb..870d5edd9 100644
--- a/packages/editor/document-editor/package.json
+++ b/packages/editor/document-editor/package.json
@@ -1,6 +1,6 @@
{
"name": "@plane/document-editor",
- "version": "0.15.1",
+ "version": "0.16.0",
"description": "Package that powers Plane's Pages Editor",
"main": "./dist/index.mjs",
"module": "./dist/index.mjs",
@@ -37,7 +37,6 @@
"@tiptap/extension-placeholder": "^2.1.13",
"@tiptap/pm": "^2.1.13",
"@tiptap/suggestion": "^2.1.13",
- "eslint-config-next": "13.2.4",
"lucide-react": "^0.309.0",
"react-popper": "^2.3.0",
"tippy.js": "^6.3.7",
@@ -47,7 +46,7 @@
"@types/node": "18.15.3",
"@types/react": "^18.2.42",
"@types/react-dom": "^18.2.17",
- "eslint": "8.36.0",
+ "eslint-config-custom": "*",
"postcss": "^8.4.29",
"tailwind-config-custom": "*",
"tsconfig": "*",
diff --git a/packages/editor/document-editor/src/ui/components/content-browser.tsx b/packages/editor/document-editor/src/ui/components/content-browser.tsx
index 97231ea96..be70067a2 100644
--- a/packages/editor/document-editor/src/ui/components/content-browser.tsx
+++ b/packages/editor/document-editor/src/ui/components/content-browser.tsx
@@ -15,7 +15,7 @@ export const ContentBrowser = (props: ContentBrowserProps) => {
const handleOnClick = (marking: IMarking) => {
scrollSummary(editor, marking);
if (setSidePeekVisible) setSidePeekVisible(false);
- }
+ };
return (
diff --git a/packages/editor/document-editor/src/ui/components/links/link-edit-view.tsx b/packages/editor/document-editor/src/ui/components/links/link-edit-view.tsx
index 136d04e01..971915439 100644
--- a/packages/editor/document-editor/src/ui/components/links/link-edit-view.tsx
+++ b/packages/editor/document-editor/src/ui/components/links/link-edit-view.tsx
@@ -40,9 +40,11 @@ export const LinkEditView = ({
const [positionRef, setPositionRef] = useState({ from: from, to: to });
const [localUrl, setLocalUrl] = useState(viewProps.url);
- const linkRemoved = useRef
();
+ const linkRemoved = useRef();
const getText = (from: number, to: number) => {
+ if (to >= editor.state.doc.content.size) return "";
+
const text = editor.state.doc.textBetween(from, to, "\n");
return text;
};
@@ -72,10 +74,12 @@ export const LinkEditView = ({
const url = isValidUrl(localUrl) ? localUrl : viewProps.url;
+ if (to >= editor.state.doc.content.size) return;
+
editor.view.dispatch(editor.state.tr.removeMark(from, to, editor.schema.marks.link));
editor.view.dispatch(editor.state.tr.addMark(from, to, editor.schema.marks.link.create({ href: url })));
},
- [localUrl]
+ [localUrl, editor, from, to, viewProps.url]
);
const handleUpdateText = (text: string) => {
diff --git a/packages/editor/document-editor/src/ui/components/summary-popover.tsx b/packages/editor/document-editor/src/ui/components/summary-popover.tsx
index 6ad7cad83..41056c6ad 100644
--- a/packages/editor/document-editor/src/ui/components/summary-popover.tsx
+++ b/packages/editor/document-editor/src/ui/components/summary-popover.tsx
@@ -33,8 +33,9 @@ export const SummaryPopover: React.FC = (props) => {
setSidePeekVisible(!sidePeekVisible)}
>
diff --git a/packages/editor/document-editor/src/ui/extensions/index.tsx b/packages/editor/document-editor/src/ui/extensions/index.tsx
index 2576d0d74..cedc3ed80 100644
--- a/packages/editor/document-editor/src/ui/extensions/index.tsx
+++ b/packages/editor/document-editor/src/ui/extensions/index.tsx
@@ -26,4 +26,3 @@ export const DocumentEditorExtensions = (
}),
IssueWidgetPlaceholder(),
];
-
diff --git a/packages/editor/document-editor/src/ui/extensions/widgets/issue-embed-suggestion-list/issue-suggestion-renderer.tsx b/packages/editor/document-editor/src/ui/extensions/widgets/issue-embed-suggestion-list/issue-suggestion-renderer.tsx
index 869c7a8c6..e586bfd80 100644
--- a/packages/editor/document-editor/src/ui/extensions/widgets/issue-embed-suggestion-list/issue-suggestion-renderer.tsx
+++ b/packages/editor/document-editor/src/ui/extensions/widgets/issue-embed-suggestion-list/issue-suggestion-renderer.tsx
@@ -145,7 +145,7 @@ const IssueSuggestionList = ({
{sections.map((section) => {
const sectionItems = displayedItems[section];
@@ -175,8 +175,8 @@ const IssueSuggestionList = ({
>
{item.identifier}
-
-
{item.title}
+
))}
diff --git a/packages/editor/document-editor/src/ui/menu/fixed-menu.tsx b/packages/editor/document-editor/src/ui/menu/fixed-menu.tsx
index be57a4a91..397e8c576 100644
--- a/packages/editor/document-editor/src/ui/menu/fixed-menu.tsx
+++ b/packages/editor/document-editor/src/ui/menu/fixed-menu.tsx
@@ -48,34 +48,12 @@ export const FixedMenu = (props: EditorBubbleMenuProps) => {
function getComplexItems(): BubbleMenuItem[] {
const items: BubbleMenuItem[] = [TableItem(editor)];
- if (shouldShowImageItem()) {
- items.push(ImageItem(editor, uploadFile, setIsSubmitting));
- }
-
+ items.push(ImageItem(editor, uploadFile, setIsSubmitting));
return items;
}
const complexItems: BubbleMenuItem[] = getComplexItems();
- function shouldShowImageItem(): boolean {
- if (typeof window !== "undefined") {
- const selectionRange: any = window?.getSelection();
- const { selection } = props.editor.state;
-
- if (selectionRange.rangeCount !== 0) {
- const range = selectionRange.getRangeAt(0);
- if (findTableAncestor(range.startContainer)) {
- return false;
- }
- if (isCellSelection(selection)) {
- return false;
- }
- }
- return true;
- }
- return false;
- }
-
return (
diff --git a/packages/editor/extensions/package.json b/packages/editor/extensions/package.json
index 8481abdf3..f95aa4d7e 100644
--- a/packages/editor/extensions/package.json
+++ b/packages/editor/extensions/package.json
@@ -1,6 +1,6 @@
{
"name": "@plane/editor-extensions",
- "version": "0.15.1",
+ "version": "0.16.0",
"description": "Package that powers Plane's Editor with extensions",
"private": true,
"main": "./dist/index.mjs",
@@ -33,7 +33,6 @@
"@tiptap/pm": "^2.1.13",
"@tiptap/react": "^2.1.13",
"@tiptap/suggestion": "^2.1.13",
- "eslint-config-next": "13.2.4",
"lucide-react": "^0.294.0",
"tippy.js": "^6.3.7"
},
@@ -41,7 +40,7 @@
"@types/node": "18.15.3",
"@types/react": "^18.2.42",
"@types/react-dom": "^18.2.17",
- "eslint": "8.36.0",
+ "eslint-config-custom": "*",
"postcss": "^8.4.29",
"tailwind-config-custom": "*",
"tsconfig": "*",
diff --git a/packages/editor/extensions/src/extensions/drag-drop.tsx b/packages/editor/extensions/src/extensions/drag-drop.tsx
index af99fec61..ce4088413 100644
--- a/packages/editor/extensions/src/extensions/drag-drop.tsx
+++ b/packages/editor/extensions/src/extensions/drag-drop.tsx
@@ -35,7 +35,7 @@ export interface DragHandleOptions {
}
function absoluteRect(node: Element) {
- const data = node.getBoundingClientRect();
+ const data = node?.getBoundingClientRect();
return {
top: data.top,
@@ -65,7 +65,7 @@ function nodeDOMAtCoords(coords: { x: number; y: number }) {
}
function nodePosAtDOM(node: Element, view: EditorView) {
- const boundingRect = node.getBoundingClientRect();
+ const boundingRect = node?.getBoundingClientRect();
if (node.nodeName === "IMG") {
return view.posAtCoords({
diff --git a/packages/editor/lite-text-editor/package.json b/packages/editor/lite-text-editor/package.json
index 71d70399d..c84cb7a9b 100644
--- a/packages/editor/lite-text-editor/package.json
+++ b/packages/editor/lite-text-editor/package.json
@@ -1,6 +1,6 @@
{
"name": "@plane/lite-text-editor",
- "version": "0.15.1",
+ "version": "0.16.0",
"description": "Package that powers Plane's Comment Editor",
"private": true,
"main": "./dist/index.mjs",
@@ -36,10 +36,9 @@
"@types/node": "18.15.3",
"@types/react": "^18.2.42",
"@types/react-dom": "^18.2.17",
- "eslint": "^7.32.0",
+ "eslint-config-custom": "*",
"postcss": "^8.4.29",
"tailwind-config-custom": "*",
- "eslint-config-custom": "*",
"tsconfig": "*",
"tsup": "^7.2.0",
"typescript": "4.9.5"
diff --git a/packages/editor/lite-text-editor/src/ui/menus/fixed-menu/index.tsx b/packages/editor/lite-text-editor/src/ui/menus/fixed-menu/index.tsx
index 71ad4e0e1..c6786698d 100644
--- a/packages/editor/lite-text-editor/src/ui/menus/fixed-menu/index.tsx
+++ b/packages/editor/lite-text-editor/src/ui/menus/fixed-menu/index.tsx
@@ -60,34 +60,13 @@ export const FixedMenu = (props: EditorBubbleMenuProps) => {
function getComplexItems(): BubbleMenuItem[] {
const items: BubbleMenuItem[] = [TableItem(props.editor)];
- if (shouldShowImageItem()) {
- items.push(ImageItem(props.editor, props.uploadFile, props.setIsSubmitting));
- }
+ items.push(ImageItem(props.editor, props.uploadFile, props.setIsSubmitting));
return items;
}
const complexItems: BubbleMenuItem[] = getComplexItems();
- function shouldShowImageItem(): boolean {
- if (typeof window !== "undefined") {
- const selectionRange: any = window?.getSelection();
- const { selection } = props.editor.state;
-
- if (selectionRange.rangeCount !== 0) {
- const range = selectionRange.getRangeAt(0);
- if (findTableAncestor(range.startContainer)) {
- return false;
- }
- if (isCellSelection(selection)) {
- return false;
- }
- }
- return true;
- }
- return false;
- }
-
const handleAccessChange = (accessKey: string) => {
props.commentAccessSpecifier?.onAccessChange(accessKey);
};
diff --git a/packages/editor/rich-text-editor/package.json b/packages/editor/rich-text-editor/package.json
index a85a8b998..794650678 100644
--- a/packages/editor/rich-text-editor/package.json
+++ b/packages/editor/rich-text-editor/package.json
@@ -1,6 +1,6 @@
{
"name": "@plane/rich-text-editor",
- "version": "0.15.1",
+ "version": "0.16.0",
"description": "Rich Text Editor that powers Plane",
"private": true,
"main": "./dist/index.mjs",
@@ -39,7 +39,7 @@
"@types/node": "18.15.3",
"@types/react": "^18.2.42",
"@types/react-dom": "^18.2.17",
- "eslint": "^7.32.0",
+ "eslint-config-custom": "*",
"postcss": "^8.4.29",
"react": "^18.2.0",
"tailwind-config-custom": "*",
diff --git a/packages/editor/rich-text-editor/src/ui/index.tsx b/packages/editor/rich-text-editor/src/ui/index.tsx
index 43c3f8f34..4bcb340fd 100644
--- a/packages/editor/rich-text-editor/src/ui/index.tsx
+++ b/packages/editor/rich-text-editor/src/ui/index.tsx
@@ -15,6 +15,7 @@ import { EditorBubbleMenu } from "src/ui/menus/bubble-menu";
export type IRichTextEditor = {
value: string;
+ initialValue?: string;
dragDropEnabled?: boolean;
uploadFile: UploadImage;
restoreFile: RestoreImage;
@@ -54,6 +55,7 @@ const RichTextEditor = ({
setShouldShowAlert,
editorContentCustomClassNames,
value,
+ initialValue,
uploadFile,
deleteFile,
noBorder,
@@ -97,6 +99,10 @@ const RichTextEditor = ({
customClassName,
});
+ React.useEffect(() => {
+ if (editor && initialValue && editor.getHTML() != initialValue) editor.commands.setContent(initialValue);
+ }, [editor, initialValue]);
+
if (!editor) return null;
return (
diff --git a/packages/eslint-config-custom/index.js b/packages/eslint-config-custom/index.js
index 82be65376..9eae2e3f9 100644
--- a/packages/eslint-config-custom/index.js
+++ b/packages/eslint-config-custom/index.js
@@ -1,22 +1,43 @@
module.exports = {
- extends: ["next", "turbo", "prettier"],
+ extends: [
+ "next",
+ "turbo",
+ "prettier",
+ "plugin:@typescript-eslint/recommended",
+ ],
parser: "@typescript-eslint/parser",
- plugins: ["react", "@typescript-eslint"],
+ parserOptions: {
+ ecmaVersion: 2021, // Or the ECMAScript version you are using
+ sourceType: "module", // Or 'script' if you're using CommonJS or other modules
+ },
+ plugins: ["react", "@typescript-eslint", "import"],
settings: {
next: {
rootDir: ["web/", "space/", "packages/*/"],
},
},
rules: {
- "@next/next/no-html-link-for-pages": "off",
- "react/jsx-key": "off",
"prefer-const": "error",
"no-irregular-whitespace": "error",
"no-trailing-spaces": "error",
"no-duplicate-imports": "error",
"arrow-body-style": ["error", "as-needed"],
- "react/self-closing-comp": ["error", { component: true, html: true }],
+ "@next/next/no-html-link-for-pages": "off",
"@next/next/no-img-element": "off",
- "@typescript-eslint/no-unused-vars": ["warn"],
+ "react/jsx-key": "error",
+ "react/self-closing-comp": ["error", { component: true, html: true }],
+ "react/jsx-boolean-value": "error",
+ "react/jsx-no-duplicate-props": "error",
+ "@typescript-eslint/no-unused-vars": ["error"],
+ "@typescript-eslint/no-explicit-any": "warn",
+ "@typescript-eslint/no-useless-empty-export": "error",
+ "@typescript-eslint/prefer-ts-expect-error": "error",
+ "@typescript-eslint/naming-convention": [
+ "error",
+ {
+ selector: ["function", "variable"],
+ format: ["camelCase", "snake_case", "UPPER_CASE", "PascalCase"],
+ },
+ ],
},
};
diff --git a/packages/eslint-config-custom/package.json b/packages/eslint-config-custom/package.json
index 6bfe67261..f7577ab87 100644
--- a/packages/eslint-config-custom/package.json
+++ b/packages/eslint-config-custom/package.json
@@ -1,21 +1,19 @@
{
"name": "eslint-config-custom",
"private": true,
- "version": "0.15.1",
+ "version": "0.16.0",
"main": "index.js",
"license": "MIT",
+ "devDependencies": {},
"dependencies": {
- "eslint": "^7.23.0",
- "eslint-config-next": "13.0.0",
- "eslint-config-prettier": "^8.3.0",
- "eslint-config-turbo": "latest",
- "eslint-plugin-react": "7.31.8"
- },
- "devDependencies": {
- "@typescript-eslint/eslint-plugin": "^6.13.2",
- "typescript": "^4.7.4"
- },
- "publishConfig": {
- "access": "public"
+ "@typescript-eslint/eslint-plugin": "^7.1.1",
+ "@typescript-eslint/parser": "^7.1.1",
+ "eslint": "^8.57.0",
+ "eslint-config-next": "^14.1.0",
+ "eslint-config-prettier": "^9.1.0",
+ "eslint-config-turbo": "^1.12.4",
+ "eslint-plugin-import": "^2.29.1",
+ "eslint-plugin-react": "^7.33.2",
+ "typescript": "^5.3.3"
}
}
diff --git a/packages/tailwind-config-custom/package.json b/packages/tailwind-config-custom/package.json
index 50ede8674..d7e807b91 100644
--- a/packages/tailwind-config-custom/package.json
+++ b/packages/tailwind-config-custom/package.json
@@ -1,6 +1,6 @@
{
"name": "tailwind-config-custom",
- "version": "0.15.1",
+ "version": "0.16.0",
"description": "common tailwind configuration across monorepo",
"main": "index.js",
"private": true,
diff --git a/packages/tailwind-config-custom/tailwind.config.js b/packages/tailwind-config-custom/tailwind.config.js
index 3465b8196..5d767e84f 100644
--- a/packages/tailwind-config-custom/tailwind.config.js
+++ b/packages/tailwind-config-custom/tailwind.config.js
@@ -198,6 +198,31 @@ module.exports = {
300: convertToRGB("--color-onboarding-border-300"),
},
},
+ toast: {
+ text: {
+ success: convertToRGB("--color-toast-success-text"),
+ error: convertToRGB("--color-toast-error-text"),
+ warning: convertToRGB("--color-toast-warning-text"),
+ info: convertToRGB("--color-toast-info-text"),
+ loading: convertToRGB("--color-toast-loading-text"),
+ secondary: convertToRGB("--color-toast-secondary-text"),
+ tertiary: convertToRGB("--color-toast-tertiary-text"),
+ },
+ background: {
+ success: convertToRGB("--color-toast-success-background"),
+ error: convertToRGB("--color-toast-error-background"),
+ warning: convertToRGB("--color-toast-warning-background"),
+ info: convertToRGB("--color-toast-info-background"),
+ loading: convertToRGB("--color-toast-loading-background"),
+ },
+ border: {
+ success: convertToRGB("--color-toast-success-border"),
+ error: convertToRGB("--color-toast-error-border"),
+ warning: convertToRGB("--color-toast-warning-border"),
+ info: convertToRGB("--color-toast-info-border"),
+ loading: convertToRGB("--color-toast-loading-border"),
+ },
+ },
},
keyframes: {
leftToaster: {
diff --git a/packages/tsconfig/package.json b/packages/tsconfig/package.json
index 42ce3fed5..e0829e87b 100644
--- a/packages/tsconfig/package.json
+++ b/packages/tsconfig/package.json
@@ -1,6 +1,6 @@
{
"name": "tsconfig",
- "version": "0.15.1",
+ "version": "0.16.0",
"private": true,
"files": [
"base.json",
diff --git a/packages/types/package.json b/packages/types/package.json
index 0e5c2eb16..9c9938845 100644
--- a/packages/types/package.json
+++ b/packages/types/package.json
@@ -1,6 +1,6 @@
{
"name": "@plane/types",
- "version": "0.15.1",
+ "version": "0.16.0",
"private": true,
"main": "./src/index.d.ts"
}
diff --git a/packages/types/src/cycles.d.ts b/packages/types/src/cycles.d.ts
index 5d715385a..25b7427f5 100644
--- a/packages/types/src/cycles.d.ts
+++ b/packages/types/src/cycles.d.ts
@@ -1,11 +1,4 @@
-import type {
- IUser,
- TIssue,
- IProjectLite,
- IWorkspaceLite,
- IIssueFilterOptions,
- IUserLite,
-} from "@plane/types";
+import type { TIssue, IIssueFilterOptions } from "@plane/types";
export type TCycleView = "all" | "active" | "upcoming" | "completed" | "draft";
@@ -30,10 +23,9 @@ export interface ICycle {
is_favorite: boolean;
issue: string;
name: string;
- owned_by: string;
+ owned_by_id: string;
progress_snapshot: TProgressSnapshot;
- project: string;
- project_detail: IProjectLite;
+ project_id: string;
status: TCycleGroups;
sort_order: number;
start_date: string | null;
@@ -42,12 +34,11 @@ export interface ICycle {
unstarted_issues: number;
updated_at: Date;
updated_by: string;
- assignees: IUserLite[];
+ assignee_ids: string[];
view_props: {
filters: IIssueFilterOptions;
};
- workspace: string;
- workspace_detail: IWorkspaceLite;
+ workspace_id: string;
}
export type TProgressSnapshot = {
diff --git a/packages/types/src/dashboard.d.ts b/packages/types/src/dashboard.ts
similarity index 82%
rename from packages/types/src/dashboard.d.ts
rename to packages/types/src/dashboard.ts
index 407b5cd79..be7d7b3be 100644
--- a/packages/types/src/dashboard.d.ts
+++ b/packages/types/src/dashboard.ts
@@ -3,6 +3,15 @@ import { TIssue } from "./issues/issue";
import { TIssueRelationTypes } from "./issues/issue_relation";
import { TStateGroups } from "./state";
+enum EDurationFilters {
+ NONE = "none",
+ TODAY = "today",
+ THIS_WEEK = "this_week",
+ THIS_MONTH = "this_month",
+ THIS_YEAR = "this_year",
+ CUSTOM = "custom",
+}
+
export type TWidgetKeys =
| "overview_stats"
| "assigned_issues"
@@ -15,30 +24,27 @@ export type TWidgetKeys =
export type TIssuesListTypes = "pending" | "upcoming" | "overdue" | "completed";
-export type TDurationFilterOptions =
- | "none"
- | "today"
- | "this_week"
- | "this_month"
- | "this_year";
-
// widget filters
export type TAssignedIssuesWidgetFilters = {
- duration?: TDurationFilterOptions;
+ custom_dates?: string[];
+ duration?: EDurationFilters;
tab?: TIssuesListTypes;
};
export type TCreatedIssuesWidgetFilters = {
- duration?: TDurationFilterOptions;
+ custom_dates?: string[];
+ duration?: EDurationFilters;
tab?: TIssuesListTypes;
};
export type TIssuesByStateGroupsWidgetFilters = {
- duration?: TDurationFilterOptions;
+ duration?: EDurationFilters;
+ custom_dates?: string[];
};
export type TIssuesByPriorityWidgetFilters = {
- duration?: TDurationFilterOptions;
+ custom_dates?: string[];
+ duration?: EDurationFilters;
};
export type TWidgetFiltersFormData =
@@ -97,6 +103,12 @@ export type TWidgetStatsRequestParams =
| {
target_date: string;
widget_key: "issues_by_priority";
+ }
+ | {
+ cursor: string;
+ per_page: number;
+ search?: string;
+ widget_key: "recent_collaborators";
};
export type TWidgetIssue = TIssue & {
@@ -141,8 +153,17 @@ export type TRecentActivityWidgetResponse = IIssueActivity;
export type TRecentProjectsWidgetResponse = string[];
export type TRecentCollaboratorsWidgetResponse = {
- active_issue_count: number;
- user_id: string;
+ count: number;
+ extra_stats: Object | null;
+ next_cursor: string;
+ next_page_results: boolean;
+ prev_cursor: string;
+ prev_page_results: boolean;
+ results: {
+ active_issue_count: number;
+ user_id: string;
+ }[];
+ total_pages: number;
};
export type TWidgetStatsResponse =
@@ -153,7 +174,7 @@ export type TWidgetStatsResponse =
| TCreatedIssuesWidgetResponse
| TRecentActivityWidgetResponse[]
| TRecentProjectsWidgetResponse
- | TRecentCollaboratorsWidgetResponse[];
+ | TRecentCollaboratorsWidgetResponse;
// dashboard
export type TDashboard = {
diff --git a/packages/types/src/enums.ts b/packages/types/src/enums.ts
new file mode 100644
index 000000000..259f13e9b
--- /dev/null
+++ b/packages/types/src/enums.ts
@@ -0,0 +1,6 @@
+export enum EUserProjectRoles {
+ GUEST = 5,
+ VIEWER = 10,
+ MEMBER = 15,
+ ADMIN = 20,
+}
diff --git a/packages/types/src/inbox.d.ts b/packages/types/src/inbox/inbox-types.d.ts
similarity index 65%
rename from packages/types/src/inbox.d.ts
rename to packages/types/src/inbox/inbox-types.d.ts
index 4d666ae83..9db71c3ee 100644
--- a/packages/types/src/inbox.d.ts
+++ b/packages/types/src/inbox/inbox-types.d.ts
@@ -1,5 +1,5 @@
-import { TIssue } from "./issues/base";
-import type { IProjectLite } from "./projects";
+import { TIssue } from "../issues/base";
+import type { IProjectLite } from "../projects";
export type TInboxIssueExtended = {
completed_at: string | null;
@@ -33,34 +33,6 @@ export interface IInbox {
workspace: string;
}
-interface StatePending {
- readonly status: -2;
-}
-interface StatusReject {
- status: -1;
-}
-
-interface StatusSnoozed {
- status: 0;
- snoozed_till: Date;
-}
-
-interface StatusAccepted {
- status: 1;
-}
-
-interface StatusDuplicate {
- status: 2;
- duplicate_to: string;
-}
-
-export type TInboxStatus =
- | StatusReject
- | StatusSnoozed
- | StatusAccepted
- | StatusDuplicate
- | StatePending;
-
export interface IInboxFilterOptions {
priority?: string[] | null;
inbox_status?: number[] | null;
diff --git a/packages/types/src/inbox/root.d.ts b/packages/types/src/inbox/root.d.ts
index 2f10c088d..6fd21a4fe 100644
--- a/packages/types/src/inbox/root.d.ts
+++ b/packages/types/src/inbox/root.d.ts
@@ -1,2 +1,3 @@
-export * from "./inbox";
export * from "./inbox-issue";
+export * from "./inbox-types";
+export * from "./inbox";
diff --git a/packages/types/src/index.d.ts b/packages/types/src/index.d.ts
index 6e8ded942..bfebd92d0 100644
--- a/packages/types/src/index.d.ts
+++ b/packages/types/src/index.d.ts
@@ -4,7 +4,6 @@ export * from "./cycles";
export * from "./dashboard";
export * from "./projects";
export * from "./state";
-export * from "./invitation";
export * from "./issues";
export * from "./modules";
export * from "./views";
@@ -15,7 +14,6 @@ export * from "./estimate";
export * from "./importer";
// FIXME: Remove this after development and the refactor/mobx-store-issue branch is stable
-export * from "./inbox";
export * from "./inbox/root";
export * from "./analytics";
@@ -31,11 +29,3 @@ export * from "./auth";
export * from "./api_token";
export * from "./instance";
export * from "./app";
-
-export type NestedKeyOf
= {
- [Key in keyof ObjectType & (string | number)]: ObjectType[Key] extends object
- ? ObjectType[Key] extends { pop: any; push: any }
- ? `${Key}`
- : `${Key}` | `${Key}.${NestedKeyOf}`
- : `${Key}`;
-}[keyof ObjectType & (string | number)];
diff --git a/packages/types/src/issues.d.ts b/packages/types/src/issues.d.ts
index 1f4a35dd4..ebe537138 100644
--- a/packages/types/src/issues.d.ts
+++ b/packages/types/src/issues.d.ts
@@ -58,7 +58,6 @@ export interface IIssueLink {
export interface ILinkDetails {
created_at: Date;
created_by: string;
- created_by_detail: IUserLite;
id: string;
metadata: any;
title: string;
@@ -204,6 +203,8 @@ export interface ViewFlags {
export type GroupByColumnTypes =
| "project"
+ | "cycle"
+ | "module"
| "state"
| "state_detail.group"
| "priority"
diff --git a/packages/types/src/issues/issue.d.ts b/packages/types/src/issues/issue.d.ts
index 527abe630..42c95dc4e 100644
--- a/packages/types/src/issues/issue.d.ts
+++ b/packages/types/src/issues/issue.d.ts
@@ -1,4 +1,7 @@
import { TIssuePriorities } from "../issues";
+import { TIssueAttachment } from "./issue_attachment";
+import { TIssueLink } from "./issue_link";
+import { TIssueReaction } from "./issue_reaction";
// new issue structure types
export type TIssue = {
@@ -34,7 +37,12 @@ export type TIssue = {
updated_by: string;
is_draft: boolean;
- is_subscribed: boolean;
+ is_subscribed?: boolean;
+
+ parent?: partial;
+ issue_reactions?: TIssueReaction[];
+ issue_attachment?: TIssueAttachment[];
+ issue_link?: TIssueLink[];
// tempId is used for optimistic updates. It is not a part of the API response.
tempId?: string;
diff --git a/packages/types/src/issues/issue_attachment.d.ts b/packages/types/src/issues/issue_attachment.d.ts
index 90daa08fa..7c3819e00 100644
--- a/packages/types/src/issues/issue_attachment.d.ts
+++ b/packages/types/src/issues/issue_attachment.d.ts
@@ -1,17 +1,15 @@
export type TIssueAttachment = {
id: string;
- created_at: string;
- updated_at: string;
attributes: {
name: string;
size: number;
};
asset: string;
- created_by: string;
+ issue_id: string;
+
+ //need
+ updated_at: string;
updated_by: string;
- project: string;
- workspace: string;
- issue: string;
};
export type TIssueAttachmentMap = {
diff --git a/packages/types/src/issues/issue_link.d.ts b/packages/types/src/issues/issue_link.d.ts
index 2c469e682..10f0d2792 100644
--- a/packages/types/src/issues/issue_link.d.ts
+++ b/packages/types/src/issues/issue_link.d.ts
@@ -4,11 +4,13 @@ export type TIssueLinkEditableFields = {
};
export type TIssueLink = TIssueLinkEditableFields & {
- created_at: Date;
- created_by: string;
- created_by_detail: IUserLite;
+ created_by_id: string;
id: string;
metadata: any;
+ issue_id: string;
+
+ //need
+ created_at: Date;
};
export type TIssueLinkMap = {
diff --git a/packages/types/src/issues/issue_reaction.d.ts b/packages/types/src/issues/issue_reaction.d.ts
index 88ef27426..a4eaee0a8 100644
--- a/packages/types/src/issues/issue_reaction.d.ts
+++ b/packages/types/src/issues/issue_reaction.d.ts
@@ -1,15 +1,8 @@
export type TIssueReaction = {
- actor: string;
- actor_detail: IUserLite;
- created_at: Date;
- created_by: string;
+ actor_id: string;
id: string;
- issue: string;
- project: string;
+ issue_id: string;
reaction: string;
- updated_at: Date;
- updated_by: string;
- workspace: string;
};
export type TIssueReactionMap = {
diff --git a/packages/types/src/modules.d.ts b/packages/types/src/modules.d.ts
index 0e49da7fe..c532a467c 100644
--- a/packages/types/src/modules.d.ts
+++ b/packages/types/src/modules.d.ts
@@ -1,16 +1,12 @@
-import type {
- IUser,
- IUserLite,
- TIssue,
- IProject,
- IWorkspace,
- IWorkspaceLite,
- IProjectLite,
- IIssueFilterOptions,
- ILinkDetails,
-} from "@plane/types";
+import type { TIssue, IIssueFilterOptions, ILinkDetails } from "@plane/types";
-export type TModuleStatus = "backlog" | "planned" | "in-progress" | "paused" | "completed" | "cancelled";
+export type TModuleStatus =
+ | "backlog"
+ | "planned"
+ | "in-progress"
+ | "paused"
+ | "completed"
+ | "cancelled";
export interface IModule {
backlog_issues: number;
@@ -27,16 +23,12 @@ export interface IModule {
labels: TLabelsDistribution[];
};
id: string;
- lead: string | null;
- lead_detail: IUserLite | null;
+ lead_id: string | null;
link_module: ILinkDetails[];
- links_list: ModuleLink[];
- members: string[];
- members_detail: IUserLite[];
+ member_ids: string[];
is_favorite: boolean;
name: string;
- project: string;
- project_detail: IProjectLite;
+ project_id: string;
sort_order: number;
start_date: string | null;
started_issues: number;
@@ -49,8 +41,7 @@ export interface IModule {
view_props: {
filters: IIssueFilterOptions;
};
- workspace: string;
- workspace_detail: IWorkspaceLite;
+ workspace_id: string;
}
export interface ModuleIssueResponse {
@@ -73,6 +64,10 @@ export type ModuleLink = {
url: string;
};
-export type SelectModuleType = (IModule & { actionType: "edit" | "delete" | "create-issue" }) | undefined;
+export type SelectModuleType =
+ | (IModule & { actionType: "edit" | "delete" | "create-issue" })
+ | undefined;
-export type SelectIssue = (TIssue & { actionType: "edit" | "delete" | "create" }) | undefined;
+export type SelectIssue =
+ | (TIssue & { actionType: "edit" | "delete" | "create" })
+ | undefined;
diff --git a/packages/types/src/notifications.d.ts b/packages/types/src/notifications.d.ts
index 8033c19a9..652e2776f 100644
--- a/packages/types/src/notifications.d.ts
+++ b/packages/types/src/notifications.d.ts
@@ -12,27 +12,27 @@ export interface PaginatedUserNotification {
}
export interface IUserNotification {
- id: string;
- created_at: Date;
- updated_at: Date;
+ archived_at: string | null;
+ created_at: string;
+ created_by: null;
data: Data;
entity_identifier: string;
entity_name: string;
- title: string;
+ id: string;
message: null;
message_html: string;
message_stripped: null;
- sender: string;
- read_at: Date | null;
- archived_at: Date | null;
- snoozed_till: Date | null;
- created_by: null;
- updated_by: null;
- workspace: string;
project: string;
+ read_at: Date | null;
+ receiver: string;
+ sender: string;
+ snoozed_till: Date | null;
+ title: string;
triggered_by: string;
triggered_by_details: IUserLite;
- receiver: string;
+ updated_at: Date;
+ updated_by: null;
+ workspace: string;
}
export interface Data {
diff --git a/packages/types/src/pages.d.ts b/packages/types/src/pages.d.ts
index 29552b94c..c9b3fb623 100644
--- a/packages/types/src/pages.d.ts
+++ b/packages/types/src/pages.d.ts
@@ -1,5 +1,10 @@
// types
-import { TIssue, IIssueLabel, IWorkspaceLite, IProjectLite } from "@plane/types";
+import {
+ TIssue,
+ IIssueLabel,
+ IWorkspaceLite,
+ IProjectLite,
+} from "@plane/types";
export interface IPage {
access: number;
diff --git a/packages/types/src/projects.d.ts b/packages/types/src/projects.d.ts
index 86b352482..a93734186 100644
--- a/packages/types/src/projects.d.ts
+++ b/packages/types/src/projects.d.ts
@@ -1,12 +1,26 @@
import { EUserProjectRoles } from "constants/project";
import type {
+ IProjectViewProps,
IUser,
IUserLite,
+ IUserMemberLite,
IWorkspace,
IWorkspaceLite,
TStateGroups,
} from ".";
+export type TProjectLogoProps = {
+ in_use: "emoji" | "icon";
+ emoji?: {
+ value?: string;
+ url?: string;
+ };
+ icon?: {
+ name?: string;
+ color?: string;
+ };
+};
+
export interface IProject {
archive_in: number;
close_in: number;
@@ -21,24 +35,13 @@ export interface IProject {
default_assignee: IUser | string | null;
default_state: string | null;
description: string;
- emoji: string | null;
- emoji_and_icon:
- | string
- | {
- name: string;
- color: string;
- }
- | null;
estimate: string | null;
- icon_prop: {
- name: string;
- color: string;
- } | null;
id: string;
identifier: string;
is_deployed: boolean;
is_favorite: boolean;
is_member: boolean;
+ logo_props: TProjectLogoProps;
member_role: EUserProjectRoles | null;
members: IProjectMemberLite[];
name: string;
diff --git a/packages/types/src/state.d.ts b/packages/types/src/state.d.ts
index 120b216da..7df658a88 100644
--- a/packages/types/src/state.d.ts
+++ b/packages/types/src/state.d.ts
@@ -1,6 +1,11 @@
import { IProject, IProjectLite, IWorkspaceLite } from "@plane/types";
-export type TStateGroups = "backlog" | "unstarted" | "started" | "completed" | "cancelled";
+export type TStateGroups =
+ | "backlog"
+ | "unstarted"
+ | "started"
+ | "completed"
+ | "cancelled";
export interface IState {
readonly id: string;
diff --git a/packages/types/src/users.d.ts b/packages/types/src/users.d.ts
index 81c8abcd5..5920f0b49 100644
--- a/packages/types/src/users.d.ts
+++ b/packages/types/src/users.d.ts
@@ -1,5 +1,9 @@
-import { EUserProjectRoles } from "constants/project";
-import { IIssueActivity, IIssueLite, TStateGroups } from ".";
+import {
+ IIssueActivity,
+ TIssuePriorities,
+ TStateGroups,
+ EUserProjectRoles,
+} from ".";
export interface IUser {
id: string;
@@ -17,7 +21,6 @@ export interface IUser {
is_onboarded: boolean;
is_password_autoset: boolean;
is_tour_completed: boolean;
- is_password_autoset: boolean;
mobile_number: string | null;
role: string | null;
onboarding_step: {
@@ -80,7 +83,7 @@ export interface IUserActivity {
}
export interface IUserPriorityDistribution {
- priority: string;
+ priority: TIssuePriorities;
priority_count: number;
}
@@ -89,21 +92,6 @@ export interface IUserStateDistribution {
state_count: number;
}
-export interface IUserWorkspaceDashboard {
- assigned_issues_count: number;
- completed_issues_count: number;
- issue_activities: IUserActivity[];
- issues_due_week_count: number;
- overdue_issues: IIssueLite[];
- completed_issues: {
- week_in_month: number;
- completed_count: number;
- }[];
- pending_issues_count: number;
- state_distribution: IUserStateDistribution[];
- upcoming_issues: IIssueLite[];
-}
-
export interface IUserActivityResponse {
count: number;
extra_stats: null;
@@ -144,11 +132,7 @@ export interface IUserProfileProjectSegregation {
assigned_issues: number;
completed_issues: number;
created_issues: number;
- emoji: string | null;
- icon_prop: null;
id: string;
- identifier: string;
- name: string;
pending_issues: number;
}[];
user_data: {
diff --git a/packages/types/src/view-props.d.ts b/packages/types/src/view-props.d.ts
index 61cc7081b..c2c98def3 100644
--- a/packages/types/src/view-props.d.ts
+++ b/packages/types/src/view-props.d.ts
@@ -14,6 +14,8 @@ export type TIssueGroupByOptions =
| "project"
| "assignees"
| "mentions"
+ | "cycle"
+ | "module"
| null;
export type TIssueOrderByOptions =
@@ -30,6 +32,10 @@ export type TIssueOrderByOptions =
| "-assignees__first_name"
| "labels__name"
| "-labels__name"
+ | "modules__name"
+ | "-modules__name"
+ | "cycle__name"
+ | "-cycle__name"
| "target_date"
| "-target_date"
| "estimate_point"
@@ -56,6 +62,8 @@ export type TIssueParams =
| "created_by"
| "subscriber"
| "labels"
+ | "cycle"
+ | "module"
| "start_date"
| "target_date"
| "project"
@@ -75,6 +83,8 @@ export interface IIssueFilterOptions {
labels?: string[] | null;
priority?: string[] | null;
project?: string[] | null;
+ cycle?: string[] | null;
+ module?: string[] | null;
start_date?: string[] | null;
state?: string[] | null;
state_group?: string[] | null;
@@ -109,6 +119,8 @@ export interface IIssueDisplayProperties {
estimate?: boolean;
created_on?: boolean;
updated_on?: boolean;
+ modules?: boolean;
+ cycle?: boolean;
}
export type TIssueKanbanFilters = {
diff --git a/packages/types/src/views.d.ts b/packages/types/src/views.d.ts
index db30554a8..f9f7ee385 100644
--- a/packages/types/src/views.d.ts
+++ b/packages/types/src/views.d.ts
@@ -1,4 +1,8 @@
-import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "./view-props";
+import {
+ IIssueDisplayFilterOptions,
+ IIssueDisplayProperties,
+ IIssueFilterOptions,
+} from "./view-props";
export interface IProjectView {
id: string;
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 912fcfeb8..f80bcc6ae 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -2,7 +2,7 @@
"name": "@plane/ui",
"description": "UI components shared across multiple apps internally",
"private": true,
- "version": "0.15.1",
+ "version": "0.16.0",
"main": "./dist/index.js",
"module": "./dist/index.mjs",
"types": "./dist/index.d.ts",
@@ -23,9 +23,11 @@
"@headlessui/react": "^1.7.17",
"@popperjs/core": "^2.11.8",
"clsx": "^2.0.0",
+ "emoji-picker-react": "^4.5.16",
"react-color": "^2.19.3",
"react-dom": "^18.2.0",
"react-popper": "^2.3.0",
+ "sonner": "^1.4.2",
"tailwind-merge": "^2.0.0"
},
"devDependencies": {
diff --git a/packages/ui/src/badge/helper.tsx b/packages/ui/src/badge/helper.tsx
index 88e6fd8d3..b2e1beb48 100644
--- a/packages/ui/src/badge/helper.tsx
+++ b/packages/ui/src/badge/helper.tsx
@@ -122,14 +122,14 @@ export const badgeStyling: IBadgeStyling = {
};
export const getBadgeStyling = (variant: TBadgeVariant, size: TBadgeSizes, disabled: boolean = false): string => {
- let _variant: string = ``;
+ let tempVariant: string = ``;
const currentVariant = badgeStyling[variant];
- _variant = `${currentVariant.default} ${disabled ? currentVariant.disabled : currentVariant.hover}`;
+ tempVariant = `${currentVariant.default} ${disabled ? currentVariant.disabled : currentVariant.hover}`;
- let _size: string = ``;
- if (size) _size = badgeSizeStyling[size];
- return `${_variant} ${_size}`;
+ let tempSize: string = ``;
+ if (size) tempSize = badgeSizeStyling[size];
+ return `${tempVariant} ${tempSize}`;
};
export const getIconStyling = (size: TBadgeSizes): string => {
diff --git a/packages/ui/src/breadcrumbs/breadcrumbs.tsx b/packages/ui/src/breadcrumbs/breadcrumbs.tsx
index 9a3b69bb8..253e8308e 100644
--- a/packages/ui/src/breadcrumbs/breadcrumbs.tsx
+++ b/packages/ui/src/breadcrumbs/breadcrumbs.tsx
@@ -29,13 +29,10 @@ const Breadcrumbs = ({ children, onBack }: BreadcrumbsProps) => {
{index > 0 && !isSmallScreen && (
-
)}
- 0 ? 'hidden sm:flex' : 'flex'}`}>
+
0 ? "hidden sm:flex" : "flex"}`}>
{child}
@@ -46,7 +43,11 @@ const Breadcrumbs = ({ children, onBack }: BreadcrumbsProps) => {
{isSmallScreen && childrenArray.length > 1 && (
<>
- {onBack && ... }
+ {onBack && (
+
+ ...
+
+ )}
{childrenArray[childrenArray.length - 1]}
@@ -70,4 +71,4 @@ const BreadcrumbItem: React.FC
= (props) => {
Breadcrumbs.BreadcrumbItem = BreadcrumbItem;
-export { Breadcrumbs, BreadcrumbItem };
\ No newline at end of file
+export { Breadcrumbs, BreadcrumbItem };
diff --git a/packages/ui/src/button/helper.tsx b/packages/ui/src/button/helper.tsx
index 9f7163d74..13a4e8040 100644
--- a/packages/ui/src/button/helper.tsx
+++ b/packages/ui/src/button/helper.tsx
@@ -100,16 +100,16 @@ export const buttonStyling: IButtonStyling = {
};
export const getButtonStyling = (variant: TButtonVariant, size: TButtonSizes, disabled: boolean = false): string => {
- let _variant: string = ``;
+ let tempVariant: string = ``;
const currentVariant = buttonStyling[variant];
- _variant = `${currentVariant.default} ${disabled ? currentVariant.disabled : currentVariant.hover} ${
+ tempVariant = `${currentVariant.default} ${disabled ? currentVariant.disabled : currentVariant.hover} ${
currentVariant.pressed
}`;
- let _size: string = ``;
- if (size) _size = buttonSizeStyling[size];
- return `${_variant} ${_size}`;
+ let tempSize: string = ``;
+ if (size) tempSize = buttonSizeStyling[size];
+ return `${tempVariant} ${tempSize}`;
};
export const getIconStyling = (size: TButtonSizes): string => {
diff --git a/packages/ui/src/control-link/control-link.tsx b/packages/ui/src/control-link/control-link.tsx
index dbdbaf095..328dae4fa 100644
--- a/packages/ui/src/control-link/control-link.tsx
+++ b/packages/ui/src/control-link/control-link.tsx
@@ -5,13 +5,14 @@ export type TControlLink = React.AnchorHTMLAttributes & {
onClick: () => void;
children: React.ReactNode;
target?: string;
+ disabled?: boolean;
};
export const ControlLink: React.FC = (props) => {
- const { href, onClick, children, target = "_self", ...rest } = props;
+ const { href, onClick, children, target = "_self", disabled = false, ...rest } = props;
const LEFT_CLICK_EVENT_CODE = 0;
- const _onClick = (event: React.MouseEvent) => {
+ const handleOnClick = (event: React.MouseEvent) => {
const clickCondition = (event.metaKey || event.ctrlKey) && event.button === LEFT_CLICK_EVENT_CODE;
if (!clickCondition) {
event.preventDefault();
@@ -19,8 +20,10 @@ export const ControlLink: React.FC = (props) => {
}
};
+ if (disabled) return <>{children};
+
return (
-
+
{children}
);
diff --git a/packages/ui/src/dropdowns/custom-menu.tsx b/packages/ui/src/dropdowns/custom-menu.tsx
index 37aba932a..d1623dddf 100644
--- a/packages/ui/src/dropdowns/custom-menu.tsx
+++ b/packages/ui/src/dropdowns/custom-menu.tsx
@@ -27,6 +27,7 @@ const CustomMenu = (props: ICustomMenuDropdownProps) => {
noBorder = false,
noChevron = false,
optionsClassName = "",
+ menuItemsClassName = "",
verticalEllipsis = false,
portalElement,
menuButtonOnClick,
@@ -70,7 +71,7 @@ const CustomMenu = (props: ICustomMenuDropdownProps) => {
useOutsideClickDetector(dropdownRef, closeDropdown);
let menuItems = (
-
+
{
};
const MenuItem: React.FC
= (props) => {
- const { children, onClick, className = "" } = props;
+ const { children, disabled = false, onClick, className } = props;
return (
-
+
{({ active, close }) => (
= (props) => {
close();
onClick && onClick(e);
}}
+ disabled={disabled}
>
{children}
diff --git a/packages/ui/src/dropdowns/custom-select.tsx b/packages/ui/src/dropdowns/custom-select.tsx
index 0fa183cb2..37608ea8d 100644
--- a/packages/ui/src/dropdowns/custom-select.tsx
+++ b/packages/ui/src/dropdowns/custom-select.tsx
@@ -122,7 +122,7 @@ const Option = (props: ICustomSelectItemProps) => {
value={value}
className={({ active }) =>
cn(
- "cursor-pointer select-none truncate rounded px-1 py-1.5 text-custom-text-200",
+ "cursor-pointer select-none truncate rounded px-1 py-1.5 text-custom-text-200 flex items-center justify-between gap-2",
{
"bg-custom-background-80": active,
},
@@ -131,10 +131,10 @@ const Option = (props: ICustomSelectItemProps) => {
}
>
{({ selected }) => (
-
-
{children}
+ <>
+ {children}
{selected &&
}
-
= (props) => {
+ const {
+ buttonClassName,
+ className,
+ closeOnSelect = true,
+ defaultIconColor = "#5f5f5f",
+ defaultOpen = EmojiIconPickerTypes.EMOJI,
+ disabled = false,
+ dropdownClassName,
+ label,
+ onChange,
+ placement = "bottom-start",
+ searchPlaceholder = "Search",
+ theme,
+ } = props;
+ // refs
+ const [referenceElement, setReferenceElement] = useState(null);
+ const [popperElement, setPopperElement] = useState(null);
+ // popper-js
+ const { styles, attributes } = usePopper(referenceElement, popperElement, {
+ placement,
+ modifiers: [
+ {
+ name: "preventOverflow",
+ options: {
+ padding: 20,
+ },
+ },
+ ],
+ });
+
+ return (
+
+ {({ close }) => (
+ <>
+
+
+ {label}
+
+
+
+
+ tab.key === defaultOpen)}
+ >
+
+ {TABS_LIST.map((tab) => (
+
+ cn("py-1 text-sm rounded border border-custom-border-200", {
+ "bg-custom-background-80": selected,
+ "hover:bg-custom-background-90 focus:bg-custom-background-90": !selected,
+ })
+ }
+ >
+ {tab.title}
+
+ ))}
+
+
+
+ {
+ onChange({
+ type: EmojiIconPickerTypes.EMOJI,
+ value: val,
+ });
+ if (closeOnSelect) close();
+ }}
+ height="20rem"
+ width="100%"
+ theme={theme}
+ searchPlaceholder={searchPlaceholder}
+ previewConfig={{
+ showPreview: false,
+ }}
+ />
+
+
+ {
+ onChange({
+ type: EmojiIconPickerTypes.ICON,
+ value: val,
+ });
+ if (closeOnSelect) close();
+ }}
+ />
+
+
+
+
+
+
+ )}
+
+ );
+};
diff --git a/packages/ui/src/emoji/icons-list.tsx b/packages/ui/src/emoji/icons-list.tsx
new file mode 100644
index 000000000..f55da881b
--- /dev/null
+++ b/packages/ui/src/emoji/icons-list.tsx
@@ -0,0 +1,110 @@
+import React, { useEffect, useState } from "react";
+// components
+import { Input } from "../form-fields";
+// helpers
+import { cn } from "../../helpers";
+// constants
+import { MATERIAL_ICONS_LIST } from "./icons";
+
+type TIconsListProps = {
+ defaultColor: string;
+ onChange: (val: { name: string; color: string }) => void;
+};
+
+const DEFAULT_COLORS = ["#ff6b00", "#8cc1ff", "#fcbe1d", "#18904f", "#adf672", "#05c3ff", "#5f5f5f"];
+
+export const IconsList: React.FC = (props) => {
+ const { defaultColor, onChange } = props;
+ // states
+ const [activeColor, setActiveColor] = useState(defaultColor);
+ const [showHexInput, setShowHexInput] = useState(false);
+ const [hexValue, setHexValue] = useState("");
+
+ useEffect(() => {
+ if (DEFAULT_COLORS.includes(defaultColor.toLowerCase())) setShowHexInput(false);
+ else {
+ setHexValue(defaultColor.slice(1, 7));
+ setShowHexInput(true);
+ }
+ }, [defaultColor]);
+
+ return (
+ <>
+
+ {showHexInput ? (
+
+ HEX
+ #
+
+ ) : (
+ DEFAULT_COLORS.map((curCol) => (
+
{
+ setActiveColor(curCol);
+ setHexValue(curCol.slice(1, 7));
+ }}
+ >
+
+ ))
+ )}
+
{
+ setShowHexInput((prevData) => !prevData);
+ setHexValue(activeColor.slice(1, 7));
+ }}
+ >
+ {showHexInput ? (
+ #
+ )}
+
+
+ {MATERIAL_ICONS_LIST.map((icon) => (
+ {
+ onChange({
+ name: icon.name,
+ color: activeColor,
+ });
+ }}
+ >
+
+ {icon.name}
+
+
+ ))}
+
+
+ );
+};
diff --git a/packages/ui/src/emoji/icons.ts b/packages/ui/src/emoji/icons.ts
new file mode 100644
index 000000000..72aacf18b
--- /dev/null
+++ b/packages/ui/src/emoji/icons.ts
@@ -0,0 +1,605 @@
+export const MATERIAL_ICONS_LIST = [
+ {
+ name: "search",
+ },
+ {
+ name: "home",
+ },
+ {
+ name: "menu",
+ },
+ {
+ name: "close",
+ },
+ {
+ name: "settings",
+ },
+ {
+ name: "done",
+ },
+ {
+ name: "check_circle",
+ },
+ {
+ name: "favorite",
+ },
+ {
+ name: "add",
+ },
+ {
+ name: "delete",
+ },
+ {
+ name: "arrow_back",
+ },
+ {
+ name: "star",
+ },
+ {
+ name: "logout",
+ },
+ {
+ name: "add_circle",
+ },
+ {
+ name: "cancel",
+ },
+ {
+ name: "arrow_drop_down",
+ },
+ {
+ name: "more_vert",
+ },
+ {
+ name: "check",
+ },
+ {
+ name: "check_box",
+ },
+ {
+ name: "toggle_on",
+ },
+ {
+ name: "open_in_new",
+ },
+ {
+ name: "refresh",
+ },
+ {
+ name: "login",
+ },
+ {
+ name: "radio_button_unchecked",
+ },
+ {
+ name: "more_horiz",
+ },
+ {
+ name: "apps",
+ },
+ {
+ name: "radio_button_checked",
+ },
+ {
+ name: "download",
+ },
+ {
+ name: "remove",
+ },
+ {
+ name: "toggle_off",
+ },
+ {
+ name: "bolt",
+ },
+ {
+ name: "arrow_upward",
+ },
+ {
+ name: "filter_list",
+ },
+ {
+ name: "delete_forever",
+ },
+ {
+ name: "autorenew",
+ },
+ {
+ name: "key",
+ },
+ {
+ name: "sort",
+ },
+ {
+ name: "sync",
+ },
+ {
+ name: "add_box",
+ },
+ {
+ name: "block",
+ },
+ {
+ name: "restart_alt",
+ },
+ {
+ name: "menu_open",
+ },
+ {
+ name: "shopping_cart_checkout",
+ },
+ {
+ name: "expand_circle_down",
+ },
+ {
+ name: "backspace",
+ },
+ {
+ name: "undo",
+ },
+ {
+ name: "done_all",
+ },
+ {
+ name: "do_not_disturb_on",
+ },
+ {
+ name: "open_in_full",
+ },
+ {
+ name: "double_arrow",
+ },
+ {
+ name: "sync_alt",
+ },
+ {
+ name: "zoom_in",
+ },
+ {
+ name: "done_outline",
+ },
+ {
+ name: "drag_indicator",
+ },
+ {
+ name: "fullscreen",
+ },
+ {
+ name: "star_half",
+ },
+ {
+ name: "settings_accessibility",
+ },
+ {
+ name: "reply",
+ },
+ {
+ name: "exit_to_app",
+ },
+ {
+ name: "unfold_more",
+ },
+ {
+ name: "library_add",
+ },
+ {
+ name: "cached",
+ },
+ {
+ name: "select_check_box",
+ },
+ {
+ name: "terminal",
+ },
+ {
+ name: "change_circle",
+ },
+ {
+ name: "disabled_by_default",
+ },
+ {
+ name: "swap_horiz",
+ },
+ {
+ name: "swap_vert",
+ },
+ {
+ name: "app_registration",
+ },
+ {
+ name: "download_for_offline",
+ },
+ {
+ name: "close_fullscreen",
+ },
+ {
+ name: "file_open",
+ },
+ {
+ name: "minimize",
+ },
+ {
+ name: "open_with",
+ },
+ {
+ name: "dataset",
+ },
+ {
+ name: "add_task",
+ },
+ {
+ name: "start",
+ },
+ {
+ name: "keyboard_voice",
+ },
+ {
+ name: "create_new_folder",
+ },
+ {
+ name: "forward",
+ },
+ {
+ name: "download",
+ },
+ {
+ name: "settings_applications",
+ },
+ {
+ name: "compare_arrows",
+ },
+ {
+ name: "redo",
+ },
+ {
+ name: "zoom_out",
+ },
+ {
+ name: "publish",
+ },
+ {
+ name: "html",
+ },
+ {
+ name: "token",
+ },
+ {
+ name: "switch_access_shortcut",
+ },
+ {
+ name: "fullscreen_exit",
+ },
+ {
+ name: "sort_by_alpha",
+ },
+ {
+ name: "delete_sweep",
+ },
+ {
+ name: "indeterminate_check_box",
+ },
+ {
+ name: "view_timeline",
+ },
+ {
+ name: "settings_backup_restore",
+ },
+ {
+ name: "arrow_drop_down_circle",
+ },
+ {
+ name: "assistant_navigation",
+ },
+ {
+ name: "sync_problem",
+ },
+ {
+ name: "clear_all",
+ },
+ {
+ name: "density_medium",
+ },
+ {
+ name: "heart_plus",
+ },
+ {
+ name: "filter_alt_off",
+ },
+ {
+ name: "expand",
+ },
+ {
+ name: "subdirectory_arrow_right",
+ },
+ {
+ name: "download_done",
+ },
+ {
+ name: "arrow_outward",
+ },
+ {
+ name: "123",
+ },
+ {
+ name: "swipe_left",
+ },
+ {
+ name: "auto_mode",
+ },
+ {
+ name: "saved_search",
+ },
+ {
+ name: "place_item",
+ },
+ {
+ name: "system_update_alt",
+ },
+ {
+ name: "javascript",
+ },
+ {
+ name: "search_off",
+ },
+ {
+ name: "output",
+ },
+ {
+ name: "select_all",
+ },
+ {
+ name: "fit_screen",
+ },
+ {
+ name: "swipe_up",
+ },
+ {
+ name: "dynamic_form",
+ },
+ {
+ name: "hide_source",
+ },
+ {
+ name: "swipe_right",
+ },
+ {
+ name: "switch_access_shortcut_add",
+ },
+ {
+ name: "browse_gallery",
+ },
+ {
+ name: "css",
+ },
+ {
+ name: "density_small",
+ },
+ {
+ name: "assistant_direction",
+ },
+ {
+ name: "check_small",
+ },
+ {
+ name: "youtube_searched_for",
+ },
+ {
+ name: "move_up",
+ },
+ {
+ name: "swap_horizontal_circle",
+ },
+ {
+ name: "data_thresholding",
+ },
+ {
+ name: "install_mobile",
+ },
+ {
+ name: "move_down",
+ },
+ {
+ name: "dataset_linked",
+ },
+ {
+ name: "keyboard_command_key",
+ },
+ {
+ name: "view_kanban",
+ },
+ {
+ name: "swipe_down",
+ },
+ {
+ name: "key_off",
+ },
+ {
+ name: "transcribe",
+ },
+ {
+ name: "send_time_extension",
+ },
+ {
+ name: "swipe_down_alt",
+ },
+ {
+ name: "swipe_left_alt",
+ },
+ {
+ name: "swipe_right_alt",
+ },
+ {
+ name: "swipe_up_alt",
+ },
+ {
+ name: "keyboard_option_key",
+ },
+ {
+ name: "cycle",
+ },
+ {
+ name: "rebase",
+ },
+ {
+ name: "rebase_edit",
+ },
+ {
+ name: "empty_dashboard",
+ },
+ {
+ name: "magic_exchange",
+ },
+ {
+ name: "acute",
+ },
+ {
+ name: "point_scan",
+ },
+ {
+ name: "step_into",
+ },
+ {
+ name: "cheer",
+ },
+ {
+ name: "emoticon",
+ },
+ {
+ name: "explosion",
+ },
+ {
+ name: "water_bottle",
+ },
+ {
+ name: "weather_hail",
+ },
+ {
+ name: "syringe",
+ },
+ {
+ name: "pill",
+ },
+ {
+ name: "genetics",
+ },
+ {
+ name: "allergy",
+ },
+ {
+ name: "medical_mask",
+ },
+ {
+ name: "body_fat",
+ },
+ {
+ name: "barefoot",
+ },
+ {
+ name: "infrared",
+ },
+ {
+ name: "wrist",
+ },
+ {
+ name: "metabolism",
+ },
+ {
+ name: "conditions",
+ },
+ {
+ name: "taunt",
+ },
+ {
+ name: "altitude",
+ },
+ {
+ name: "tibia",
+ },
+ {
+ name: "footprint",
+ },
+ {
+ name: "eyeglasses",
+ },
+ {
+ name: "man_3",
+ },
+ {
+ name: "woman_2",
+ },
+ {
+ name: "rheumatology",
+ },
+ {
+ name: "tornado",
+ },
+ {
+ name: "landslide",
+ },
+ {
+ name: "foggy",
+ },
+ {
+ name: "severe_cold",
+ },
+ {
+ name: "tsunami",
+ },
+ {
+ name: "vape_free",
+ },
+ {
+ name: "sign_language",
+ },
+ {
+ name: "emoji_symbols",
+ },
+ {
+ name: "clear_night",
+ },
+ {
+ name: "emoji_food_beverage",
+ },
+ {
+ name: "hive",
+ },
+ {
+ name: "thunderstorm",
+ },
+ {
+ name: "communication",
+ },
+ {
+ name: "rocket",
+ },
+ {
+ name: "pets",
+ },
+ {
+ name: "public",
+ },
+ {
+ name: "quiz",
+ },
+ {
+ name: "mood",
+ },
+ {
+ name: "gavel",
+ },
+ {
+ name: "eco",
+ },
+ {
+ name: "diamond",
+ },
+ {
+ name: "forest",
+ },
+ {
+ name: "rainy",
+ },
+ {
+ name: "skull",
+ },
+];
diff --git a/packages/ui/src/emoji/index.ts b/packages/ui/src/emoji/index.ts
new file mode 100644
index 000000000..973454139
--- /dev/null
+++ b/packages/ui/src/emoji/index.ts
@@ -0,0 +1 @@
+export * from "./emoji-icon-picker";
diff --git a/packages/ui/src/form-fields/input.tsx b/packages/ui/src/form-fields/input.tsx
index 6688d6778..f73467621 100644
--- a/packages/ui/src/form-fields/input.tsx
+++ b/packages/ui/src/form-fields/input.tsx
@@ -1,4 +1,6 @@
import * as React from "react";
+// helpers
+import { cn } from "../../helpers";
export interface InputProps extends React.InputHTMLAttributes {
mode?: "primary" | "transparent" | "true-transparent";
@@ -16,17 +18,20 @@ const Input = React.forwardRef((props, ref) => {
ref={ref}
type={type}
name={name}
- className={`block rounded-md bg-transparent text-sm placeholder-custom-text-400 focus:outline-none ${
- mode === "primary"
- ? "rounded-md border-[0.5px] border-custom-border-200"
- : mode === "transparent"
- ? "rounded border-none bg-transparent ring-0 transition-all focus:ring-1 focus:ring-custom-primary"
- : mode === "true-transparent"
- ? "rounded border-none bg-transparent ring-0"
- : ""
- } ${hasError ? "border-red-500" : ""} ${hasError && mode === "primary" ? "bg-red-500/20" : ""} ${
- inputSize === "sm" ? "px-3 py-2" : inputSize === "md" ? "p-3" : ""
- } ${className}`}
+ className={cn(
+ `block rounded-md bg-transparent text-sm placeholder-custom-text-400 focus:outline-none ${
+ mode === "primary"
+ ? "rounded-md border-[0.5px] border-custom-border-200"
+ : mode === "transparent"
+ ? "rounded border-none bg-transparent ring-0 transition-all focus:ring-1 focus:ring-custom-primary"
+ : mode === "true-transparent"
+ ? "rounded border-none bg-transparent ring-0"
+ : ""
+ } ${hasError ? "border-red-500" : ""} ${hasError && mode === "primary" ? "bg-red-500/20" : ""} ${
+ inputSize === "sm" ? "px-3 py-2" : inputSize === "md" ? "p-3" : ""
+ }`,
+ className
+ )}
{...rest}
/>
);
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index dbca8bd64..7529a5030 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -2,7 +2,7 @@ export * from "./avatar";
export * from "./badge";
export * from "./breadcrumbs";
export * from "./button";
-export * from "./control-link";
+export * from "./emoji";
export * from "./dropdowns";
export * from "./form-fields";
export * from "./icons";
@@ -11,3 +11,5 @@ export * from "./spinners";
export * from "./tabs";
export * from "./tooltip";
export * from "./loader";
+export * from "./control-link";
+export * from "./toast";
diff --git a/packages/ui/src/spinners/circular-bar-spinner.tsx b/packages/ui/src/spinners/circular-bar-spinner.tsx
new file mode 100644
index 000000000..3be8af43a
--- /dev/null
+++ b/packages/ui/src/spinners/circular-bar-spinner.tsx
@@ -0,0 +1,35 @@
+import * as React from "react";
+
+interface ICircularBarSpinner extends React.SVGAttributes {
+ height?: string;
+ width?: string;
+ className?: string | undefined;
+}
+
+export const CircularBarSpinner: React.FC = ({
+ height = "16px",
+ width = "16px",
+ className = "",
+}) => (
+
+
+
+
+
+
;
+ title: string;
+ message?: string;
+ };
+
+type PromiseToastCallback = (data: ToastData) => string;
+
+type PromiseToastData = {
+ title: string;
+ message?: PromiseToastCallback;
+};
+
+type PromiseToastOptions = {
+ loading?: string;
+ success: PromiseToastData;
+ error: PromiseToastData;
+};
+
+type ToastContentProps = {
+ toastId: string | number;
+ icon?: React.ReactNode;
+ textColorClassName: string;
+ backgroundColorClassName: string;
+ borderColorClassName: string;
+};
+
+type ToastProps = {
+ theme: "light" | "dark" | "system";
+};
+
+export const Toast = (props: ToastProps) => {
+ const { theme } = props;
+ return {
+ e.stopPropagation();
+ e.preventDefault();
+ }}
+ className={cn("w-[350px] h-[67.3px] rounded-lg border shadow-sm p-2", backgroundColorClassName, borderColorClassName)}
+ >
+
+ {icon &&
{icon}
}
+
+
{props.title ?? "Loading..."}
+
+ toast.dismiss(toastId)}
+ />
+
+
+
+
{
+ e.stopPropagation();
+ e.preventDefault();
+ }}
+ className={cn(
+ "relative flex flex-col w-[350px] rounded-lg border shadow-sm p-2",
+ backgroundColorClassName,
+ borderColorClassName
+ )}
+ >
+
toast.dismiss(toastId)}
+ />
+
+ {icon &&
{icon}
}
+
+
{props.title}
+ {props.message &&
{props.message}
}
+
+
(
+ promise: Promise,
+ options: PromiseToastOptions
+): void => {
+ const tId = setToast({ type: TOAST_TYPE.LOADING, title: options.loading });
+
+ promise
+ .then((data: ToastData) => {
+ setToast({
+ type: TOAST_TYPE.SUCCESS,
+ id: tId,
+ title: options.success.title,
+ message: options.success.message?.(data),
+ });
+ })
+ .catch((data: ToastData) => {
+ setToast({
+ type: TOAST_TYPE.ERROR,
+ id: tId,
+ title: options.error.title,
+ message: options.error.message?.(data),
+ });
+ });
+};
diff --git a/space/components/common/index.ts b/space/components/common/index.ts
index f1c0b088e..36cc3c898 100644
--- a/space/components/common/index.ts
+++ b/space/components/common/index.ts
@@ -1 +1,2 @@
export * from "./latest-feature-block";
+export * from "./project-logo";
diff --git a/space/components/common/project-logo.tsx b/space/components/common/project-logo.tsx
new file mode 100644
index 000000000..3d5887b28
--- /dev/null
+++ b/space/components/common/project-logo.tsx
@@ -0,0 +1,34 @@
+// helpers
+import { cn } from "helpers/common.helper";
+// types
+import { TProjectLogoProps } from "@plane/types";
+
+type Props = {
+ className?: string;
+ logo: TProjectLogoProps;
+};
+
+export const ProjectLogo: React.FC = (props) => {
+ const { className, logo } = props;
+
+ if (logo.in_use === "icon" && logo.icon)
+ return (
+
+ {logo.icon.name}
+
+ );
+
+ if (logo.in_use === "emoji" && logo.emoji)
+ return (
+
+ {logo.emoji.value?.split("-").map((emoji) => String.fromCodePoint(parseInt(emoji, 10)))}
+
+ );
+
+ return
- {emoji.name}
-
- );
- else return isNaN(parseInt(emoji)) ? emoji : String.fromCodePoint(parseInt(emoji));
-};
-
const IssueNavbar = observer(() => {
const {
project: projectStore,
@@ -123,27 +108,15 @@ const IssueNavbar = observer(() => {
{/* project detail */}
-
- {projectStore.project ? (
- projectStore.project?.emoji ? (
-
- {renderEmoji(projectStore.project.emoji)}
-
- ) : projectStore.project?.icon_prop ? (
-
- {renderEmoji(projectStore.project.icon_prop)}
-
- ) : (
-
- {projectStore.project?.name.charAt(0)}
-
- )
- ) : (
-
-
- )}
-
+ {projectStore.project ? (
+
+
+ ) : (
+
+
+ )}
{projectStore?.project?.name || `...`}
diff --git a/space/components/ui/dropdown.tsx b/space/components/ui/dropdown.tsx
index 09d27da42..75399619b 100644
--- a/space/components/ui/dropdown.tsx
+++ b/space/components/ui/dropdown.tsx
@@ -67,13 +67,13 @@ const DropdownList: React.FC
= (props) => {
const DropdownItem: React.FC = (props) => {
const { item } = props;
- const { display, children, as: as_, href, onClick, isSelected } = item;
+ const { display, children, as: itemAs, href, onClick, isSelected } = item;
const [open, setOpen] = useState(false);
return (
- {(!as_ || as_ === "button" || as_ === "div") && (
+ {(!itemAs || itemAs === "button" || itemAs === "div") && (
{
@@ -94,7 +94,7 @@ const DropdownItem: React.FC = (props) => {
)}
- {as_ === "link" && setOpen(false)} items={children} />}
diff --git a/space/lib/mobx/store-provider.tsx b/space/lib/mobx/store-provider.tsx
index c6fde14ae..e12f2823a 100644
--- a/space/lib/mobx/store-provider.tsx
+++ b/space/lib/mobx/store-provider.tsx
@@ -9,10 +9,10 @@ let rootStore: RootStore = new RootStore();
export const MobxStoreContext = createContext(rootStore);
const initializeStore = () => {
- const _rootStore: RootStore = rootStore ?? new RootStore();
- if (typeof window === "undefined") return _rootStore;
- if (!rootStore) rootStore = _rootStore;
- return _rootStore;
+ const singletonRootStore: RootStore = rootStore ?? new RootStore();
+ if (typeof window === "undefined") return singletonRootStore;
+ if (!rootStore) rootStore = singletonRootStore;
+ return singletonRootStore;
};
export const MobxStoreProvider = ({ children }: any) => {
diff --git a/space/package.json b/space/package.json
index 9ee7279cd..7018cd241 100644
--- a/space/package.json
+++ b/space/package.json
@@ -1,6 +1,6 @@
{
"name": "space",
- "version": "0.15.1",
+ "version": "0.16.0",
"private": true,
"scripts": {
"dev": "turbo run develop",
@@ -49,9 +49,7 @@
"@types/react-dom": "^18.2.17",
"@types/uuid": "^9.0.1",
"@typescript-eslint/eslint-plugin": "^5.48.2",
- "eslint": "8.34.0",
"eslint-config-custom": "*",
- "eslint-config-next": "13.2.1",
"tailwind-config-custom": "*",
"tsconfig": "*"
}
diff --git a/space/types/project.ts b/space/types/project.ts
index e0e1bba9e..7e81d366c 100644
--- a/space/types/project.ts
+++ b/space/types/project.ts
@@ -1,3 +1,5 @@
+import { TProjectLogoProps } from "@plane/types";
+
export interface IWorkspace {
id: string;
name: string;
@@ -9,10 +11,8 @@ export interface IProject {
identifier: string;
name: string;
description: string;
- icon: string;
cover_image: string | null;
- icon_prop: string | null;
- emoji: string | null;
+ logo_props: TProjectLogoProps;
}
export interface IProjectSettings {
diff --git a/turbo.json b/turbo.json
index bd5ee34b5..9302a7183 100644
--- a/turbo.json
+++ b/turbo.json
@@ -16,6 +16,7 @@
"NEXT_PUBLIC_DEPLOY_WITH_NGINX",
"NEXT_PUBLIC_POSTHOG_KEY",
"NEXT_PUBLIC_POSTHOG_HOST",
+ "NEXT_PUBLIC_POSTHOG_DEBUG",
"JITSU_TRACKER_ACCESS_KEY",
"JITSU_TRACKER_HOST"
],
diff --git a/web/.eslintrc.js b/web/.eslintrc.js
index c8df60750..eb05b2af8 100644
--- a/web/.eslintrc.js
+++ b/web/.eslintrc.js
@@ -1,4 +1,103 @@
module.exports = {
root: true,
extends: ["custom"],
+ parser: "@typescript-eslint/parser",
+ settings: {
+ "import/resolver": {
+ typescript: {},
+ node: {
+ moduleDirectory: ["node_modules", "."],
+ },
+ },
+ },
+ rules: {
+ // "import/order": [
+ // "error",
+ // {
+ // groups: ["builtin", "external", "internal", "parent", "sibling"],
+ // pathGroups: [
+ // {
+ // pattern: "react",
+ // group: "external",
+ // position: "before",
+ // },
+ // {
+ // pattern: "@headlessui/**",
+ // group: "external",
+ // position: "after",
+ // },
+ // {
+ // pattern: "lucide-react",
+ // group: "external",
+ // position: "after",
+ // },
+ // {
+ // pattern: "@plane/ui",
+ // group: "external",
+ // position: "after",
+ // },
+ // {
+ // pattern: "components/**",
+ // group: "internal",
+ // position: "before",
+ // },
+ // {
+ // pattern: "constants/**",
+ // group: "internal",
+ // position: "before",
+ // },
+ // {
+ // pattern: "contexts/**",
+ // group: "internal",
+ // position: "before",
+ // },
+ // {
+ // pattern: "helpers/**",
+ // group: "internal",
+ // position: "before",
+ // },
+ // {
+ // pattern: "hooks/**",
+ // group: "internal",
+ // position: "before",
+ // },
+ // {
+ // pattern: "layouts/**",
+ // group: "internal",
+ // position: "before",
+ // },
+ // {
+ // pattern: "lib/**",
+ // group: "internal",
+ // position: "before",
+ // },
+ // {
+ // pattern: "services/**",
+ // group: "internal",
+ // position: "before",
+ // },
+ // {
+ // pattern: "store/**",
+ // group: "internal",
+ // position: "before",
+ // },
+ // {
+ // pattern: "@plane/types",
+ // group: "internal",
+ // position: "after",
+ // },
+ // {
+ // pattern: "lib/types",
+ // group: "internal",
+ // position: "after",
+ // },
+ // ],
+ // pathGroupsExcludedImportTypes: ["builtin", "internal", "react"],
+ // alphabetize: {
+ // order: "asc",
+ // caseInsensitive: true,
+ // },
+ // },
+ // ],
+ },
};
diff --git a/web/components/account/deactivate-account-modal.tsx b/web/components/account/deactivate-account-modal.tsx
index 701db6ad9..34129cebe 100644
--- a/web/components/account/deactivate-account-modal.tsx
+++ b/web/components/account/deactivate-account-modal.tsx
@@ -1,15 +1,13 @@
import React, { useState } from "react";
import { useRouter } from "next/router";
import { useTheme } from "next-themes";
+import { mutate } from "swr";
import { Dialog, Transition } from "@headlessui/react";
import { Trash2 } from "lucide-react";
-import { mutate } from "swr";
// hooks
-import { useUser } from "hooks/store";
// ui
-import { Button } from "@plane/ui";
-// hooks
-import useToast from "hooks/use-toast";
+import { Button, TOAST_TYPE, setToast } from "@plane/ui";
+import { useUser } from "hooks/store";
type Props = {
isOpen: boolean;
@@ -26,7 +24,6 @@ export const DeactivateAccountModal: React.FC = (props) => {
const router = useRouter();
- const { setToastAlert } = useToast();
const { setTheme } = useTheme();
const handleClose = () => {
@@ -39,8 +36,8 @@ export const DeactivateAccountModal: React.FC = (props) => {
await deactivateAccount()
.then(() => {
- setToastAlert({
- type: "success",
+ setToast({
+ type: TOAST_TYPE.SUCCESS,
title: "Success!",
message: "Account deactivated successfully.",
});
@@ -50,8 +47,8 @@ export const DeactivateAccountModal: React.FC = (props) => {
handleClose();
})
.catch((err) =>
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: err?.error,
})
@@ -89,8 +86,11 @@ export const DeactivateAccountModal: React.FC = (props) => {
-
-
+
+
diff --git a/web/components/account/o-auth/o-auth-options.tsx b/web/components/account/o-auth/o-auth-options.tsx
index 7c8468acb..1671b94fc 100644
--- a/web/components/account/o-auth/o-auth-options.tsx
+++ b/web/components/account/o-auth/o-auth-options.tsx
@@ -1,11 +1,10 @@
import { observer } from "mobx-react-lite";
// services
-import { AuthService } from "services/auth.service";
-// hooks
-import { useApplication } from "hooks/store";
-import useToast from "hooks/use-toast";
-// components
+import { TOAST_TYPE, setToast } from "@plane/ui";
import { GitHubSignInButton, GoogleSignInButton } from "components/account";
+import { useApplication } from "hooks/store";
+// ui
+// components
type Props = {
handleSignInRedirection: () => Promise;
@@ -17,8 +16,6 @@ const authService = new AuthService();
export const OAuthOptions: React.FC = observer((props) => {
const { handleSignInRedirection, type } = props;
- // toast alert
- const { setToastAlert } = useToast();
// mobx store
const {
config: { envConfig },
@@ -39,9 +36,9 @@ export const OAuthOptions: React.FC = observer((props) => {
if (response) handleSignInRedirection();
} else throw Error("Cant find credentials");
} catch (err: any) {
- setToastAlert({
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error signing in!",
- type: "error",
message: err?.error || "Something went wrong. Please try again later or contact the support team.",
});
}
@@ -60,9 +57,9 @@ export const OAuthOptions: React.FC = observer((props) => {
if (response) handleSignInRedirection();
} else throw Error("Cant find credentials");
} catch (err: any) {
- setToastAlert({
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error signing in!",
- type: "error",
message: err?.error || "Something went wrong. Please try again later or contact the support team.",
});
}
diff --git a/web/components/account/sign-in-forms/email.tsx b/web/components/account/sign-in-forms/email.tsx
index 67ef720fe..881c75f83 100644
--- a/web/components/account/sign-in-forms/email.tsx
+++ b/web/components/account/sign-in-forms/email.tsx
@@ -4,10 +4,8 @@ import { XCircle } from "lucide-react";
import { observer } from "mobx-react-lite";
// services
import { AuthService } from "services/auth.service";
-// hooks
-import useToast from "hooks/use-toast";
// ui
-import { Button, Input } from "@plane/ui";
+import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
// helpers
import { checkEmailValidity } from "helpers/string.helper";
// types
@@ -27,7 +25,6 @@ const authService = new AuthService();
export const SignInEmailForm: React.FC = observer((props) => {
const { onSubmit, updateEmail } = props;
// hooks
- const { setToastAlert } = useToast();
const {
control,
formState: { errors, isSubmitting, isValid },
@@ -52,8 +49,8 @@ export const SignInEmailForm: React.FC = observer((props) => {
.emailCheck(payload)
.then((res) => onSubmit(res.is_password_autoset))
.catch((err) =>
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: err?.error ?? "Something went wrong. Please try again.",
})
diff --git a/web/components/account/sign-in-forms/optional-set-password.tsx b/web/components/account/sign-in-forms/optional-set-password.tsx
index 1ea5ca792..5555d0016 100644
--- a/web/components/account/sign-in-forms/optional-set-password.tsx
+++ b/web/components/account/sign-in-forms/optional-set-password.tsx
@@ -3,10 +3,9 @@ import { Controller, useForm } from "react-hook-form";
// services
import { AuthService } from "services/auth.service";
// hooks
-import useToast from "hooks/use-toast";
import { useEventTracker } from "hooks/store";
// ui
-import { Button, Input } from "@plane/ui";
+import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
// helpers
import { checkEmailValidity } from "helpers/string.helper";
// icons
@@ -38,8 +37,6 @@ export const SignInOptionalSetPasswordForm: React.FC = (props) => {
const [showPassword, setShowPassword] = useState(false);
// store hooks
const { captureEvent } = useEventTracker();
- // toast alert
- const { setToastAlert } = useToast();
// form info
const {
control,
@@ -62,8 +59,8 @@ export const SignInOptionalSetPasswordForm: React.FC = (props) => {
await authService
.setPassword(payload)
.then(async () => {
- setToastAlert({
- type: "success",
+ setToast({
+ type: TOAST_TYPE.SUCCESS,
title: "Success!",
message: "Password created successfully.",
});
@@ -78,8 +75,8 @@ export const SignInOptionalSetPasswordForm: React.FC = (props) => {
state: "FAILED",
first_time: false,
});
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: err?.error ?? "Something went wrong. Please try again.",
});
@@ -160,7 +157,7 @@ export const SignInOptionalSetPasswordForm: React.FC = (props) => {
)}
/>
-
+
Whatever you choose now will be your account{"'"}s password until you change it.
diff --git a/web/components/account/sign-in-forms/password.tsx b/web/components/account/sign-in-forms/password.tsx
index 98719df63..f42398850 100644
--- a/web/components/account/sign-in-forms/password.tsx
+++ b/web/components/account/sign-in-forms/password.tsx
@@ -1,23 +1,22 @@
import React, { useState } from "react";
-import Link from "next/link";
import { observer } from "mobx-react-lite";
+import Link from "next/link";
import { Controller, useForm } from "react-hook-form";
import { Eye, EyeOff, XCircle } from "lucide-react";
// services
+import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
+import { ESignInSteps, ForgotPasswordPopover } from "components/account";
+import { FORGOT_PASSWORD, SIGN_IN_WITH_PASSWORD } from "constants/event-tracker";
+import { checkEmailValidity } from "helpers/string.helper";
+import { useApplication, useEventTracker } from "hooks/store";
import { AuthService } from "services/auth.service";
// hooks
-import useToast from "hooks/use-toast";
-import { useApplication, useEventTracker } from "hooks/store";
// components
-import { ESignInSteps, ForgotPasswordPopover } from "components/account";
// ui
-import { Button, Input } from "@plane/ui";
// helpers
-import { checkEmailValidity } from "helpers/string.helper";
// types
import { IPasswordSignInData } from "@plane/types";
// constants
-import { FORGOT_PASSWORD, SIGN_IN_WITH_PASSWORD } from "constants/event-tracker";
type Props = {
email: string;
@@ -43,8 +42,6 @@ export const SignInPasswordForm: React.FC
= observer((props) => {
// states
const [isSendingUniqueCode, setIsSendingUniqueCode] = useState(false);
const [showPassword, setShowPassword] = useState(false);
- // toast alert
- const { setToastAlert } = useToast();
const {
config: { envConfig },
} = useApplication();
@@ -83,8 +80,8 @@ export const SignInPasswordForm: React.FC = observer((props) => {
await onSubmit();
})
.catch((err) =>
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: err?.error ?? "Something went wrong. Please try again.",
})
@@ -107,8 +104,8 @@ export const SignInPasswordForm: React.FC = observer((props) => {
.generateUniqueCode({ email: emailFormValue })
.then(() => handleStepChange(ESignInSteps.USE_UNIQUE_CODE_FROM_PASSWORD))
.catch((err) =>
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: err?.error ?? "Something went wrong. Please try again.",
})
diff --git a/web/components/account/sign-in-forms/root.tsx b/web/components/account/sign-in-forms/root.tsx
index 62f63caea..835e018dc 100644
--- a/web/components/account/sign-in-forms/root.tsx
+++ b/web/components/account/sign-in-forms/root.tsx
@@ -1,11 +1,7 @@
import React, { useEffect, useState } from "react";
-import Link from "next/link";
import { observer } from "mobx-react-lite";
+import Link from "next/link";
// hooks
-import { useApplication, useEventTracker } from "hooks/store";
-import useSignInRedirection from "hooks/use-sign-in-redirection";
-// components
-import { LatestFeatureBlock } from "components/common";
import {
SignInEmailForm,
SignInUniqueCodeForm,
@@ -13,8 +9,12 @@ import {
OAuthOptions,
SignInOptionalSetPasswordForm,
} from "components/account";
-// constants
+import { LatestFeatureBlock } from "components/common";
import { NAVIGATE_TO_SIGNUP } from "constants/event-tracker";
+import { useApplication, useEventTracker } from "hooks/store";
+import useSignInRedirection from "hooks/use-sign-in-redirection";
+// components
+// constants
export enum ESignInSteps {
EMAIL = "EMAIL",
diff --git a/web/components/account/sign-in-forms/unique-code.tsx b/web/components/account/sign-in-forms/unique-code.tsx
index 55dbe86e2..6929ef0fe 100644
--- a/web/components/account/sign-in-forms/unique-code.tsx
+++ b/web/components/account/sign-in-forms/unique-code.tsx
@@ -2,20 +2,21 @@ import React, { useState } from "react";
import { Controller, useForm } from "react-hook-form";
import { XCircle } from "lucide-react";
// services
+import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
+
+import { CODE_VERIFIED } from "constants/event-tracker";
+import { checkEmailValidity } from "helpers/string.helper";
+import { useEventTracker } from "hooks/store";
+
+import useTimer from "hooks/use-timer";
import { AuthService } from "services/auth.service";
import { UserService } from "services/user.service";
// hooks
-import useToast from "hooks/use-toast";
-import useTimer from "hooks/use-timer";
-import { useEventTracker } from "hooks/store";
// ui
-import { Button, Input } from "@plane/ui";
// helpers
-import { checkEmailValidity } from "helpers/string.helper";
// types
import { IEmailCheckData, IMagicSignInData } from "@plane/types";
// constants
-import { CODE_VERIFIED } from "constants/event-tracker";
type Props = {
email: string;
@@ -42,8 +43,6 @@ export const SignInUniqueCodeForm: React.FC = (props) => {
const { email, onSubmit, handleEmailClear, submitButtonText } = props;
// states
const [isRequestingNewCode, setIsRequestingNewCode] = useState(false);
- // toast alert
- const { setToastAlert } = useToast();
// store hooks
const { captureEvent } = useEventTracker();
// timer
@@ -84,8 +83,8 @@ export const SignInUniqueCodeForm: React.FC = (props) => {
captureEvent(CODE_VERIFIED, {
state: "FAILED",
});
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: err?.error ?? "Something went wrong. Please try again.",
});
@@ -101,8 +100,8 @@ export const SignInUniqueCodeForm: React.FC = (props) => {
.generateUniqueCode(payload)
.then(() => {
setResendCodeTimer(30);
- setToastAlert({
- type: "success",
+ setToast({
+ type: TOAST_TYPE.SUCCESS,
title: "Success!",
message: "A new unique code has been sent to your email.",
});
@@ -113,8 +112,8 @@ export const SignInUniqueCodeForm: React.FC = (props) => {
});
})
.catch((err) =>
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: err?.error ?? "Something went wrong. Please try again.",
})
diff --git a/web/components/account/sign-up-forms/email.tsx b/web/components/account/sign-up-forms/email.tsx
index 0d5861b4e..22dba892f 100644
--- a/web/components/account/sign-up-forms/email.tsx
+++ b/web/components/account/sign-up-forms/email.tsx
@@ -1,15 +1,13 @@
import React from "react";
+import { observer } from "mobx-react-lite";
import { Controller, useForm } from "react-hook-form";
import { XCircle } from "lucide-react";
-import { observer } from "mobx-react-lite";
// services
-import { AuthService } from "services/auth.service";
-// hooks
-import useToast from "hooks/use-toast";
-// ui
-import { Button, Input } from "@plane/ui";
-// helpers
+import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
import { checkEmailValidity } from "helpers/string.helper";
+import { AuthService } from "services/auth.service";
+// ui
+// helpers
// types
import { IEmailCheckData } from "@plane/types";
@@ -27,7 +25,6 @@ const authService = new AuthService();
export const SignUpEmailForm: React.FC = observer((props) => {
const { onSubmit, updateEmail } = props;
// hooks
- const { setToastAlert } = useToast();
const {
control,
formState: { errors, isSubmitting, isValid },
@@ -52,8 +49,8 @@ export const SignUpEmailForm: React.FC = observer((props) => {
.emailCheck(payload)
.then(() => onSubmit())
.catch((err) =>
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.SUCCESS,
title: "Error!",
message: err?.error ?? "Something went wrong. Please try again.",
})
diff --git a/web/components/account/sign-up-forms/optional-set-password.tsx b/web/components/account/sign-up-forms/optional-set-password.tsx
index b49adabbb..93f774248 100644
--- a/web/components/account/sign-up-forms/optional-set-password.tsx
+++ b/web/components/account/sign-up-forms/optional-set-password.tsx
@@ -1,19 +1,19 @@
import React, { useState } from "react";
import { Controller, useForm } from "react-hook-form";
// services
+import { Eye, EyeOff } from "lucide-react";
+import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
+import { ESignUpSteps } from "components/account";
+import { PASSWORD_CREATE_SKIPPED, SETUP_PASSWORD } from "constants/event-tracker";
+import { checkEmailValidity } from "helpers/string.helper";
+import { useEventTracker } from "hooks/store";
import { AuthService } from "services/auth.service";
// hooks
-import useToast from "hooks/use-toast";
-import { useEventTracker } from "hooks/store";
// ui
-import { Button, Input } from "@plane/ui";
// helpers
-import { checkEmailValidity } from "helpers/string.helper";
+// components
// constants
-import { ESignUpSteps } from "components/account";
-import { PASSWORD_CREATE_SELECTED, PASSWORD_CREATE_SKIPPED, SETUP_PASSWORD } from "constants/event-tracker";
// icons
-import { Eye, EyeOff } from "lucide-react";
type Props = {
email: string;
@@ -41,8 +41,6 @@ export const SignUpOptionalSetPasswordForm: React.FC = (props) => {
const [showPassword, setShowPassword] = useState(false);
// store hooks
const { captureEvent } = useEventTracker();
- // toast alert
- const { setToastAlert } = useToast();
// form info
const {
control,
@@ -65,8 +63,8 @@ export const SignUpOptionalSetPasswordForm: React.FC = (props) => {
await authService
.setPassword(payload)
.then(async () => {
- setToastAlert({
- type: "success",
+ setToast({
+ type: TOAST_TYPE.SUCCESS,
title: "Success!",
message: "Password created successfully.",
});
@@ -81,8 +79,8 @@ export const SignUpOptionalSetPasswordForm: React.FC = (props) => {
state: "FAILED",
first_time: true,
});
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: err?.error ?? "Something went wrong. Please try again.",
});
@@ -164,7 +162,7 @@ export const SignUpOptionalSetPasswordForm: React.FC = (props) => {
)}
/>
-
+
This password will continue to be your account{"'"}s password.
diff --git a/web/components/account/sign-up-forms/password.tsx b/web/components/account/sign-up-forms/password.tsx
index 293e03ef8..7fab81fbe 100644
--- a/web/components/account/sign-up-forms/password.tsx
+++ b/web/components/account/sign-up-forms/password.tsx
@@ -1,16 +1,14 @@
import React, { useState } from "react";
-import Link from "next/link";
import { observer } from "mobx-react-lite";
+import Link from "next/link";
import { Controller, useForm } from "react-hook-form";
import { Eye, EyeOff, XCircle } from "lucide-react";
// services
-import { AuthService } from "services/auth.service";
-// hooks
-import useToast from "hooks/use-toast";
// ui
-import { Button, Input } from "@plane/ui";
+import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
// helpers
import { checkEmailValidity } from "helpers/string.helper";
+import { AuthService } from "services/auth.service";
// types
import { IPasswordSignInData } from "@plane/types";
@@ -34,8 +32,6 @@ export const SignUpPasswordForm: React.FC
= observer((props) => {
const { onSubmit } = props;
// states
const [showPassword, setShowPassword] = useState(false);
- // toast alert
- const { setToastAlert } = useToast();
// form info
const {
control,
@@ -59,8 +55,8 @@ export const SignUpPasswordForm: React.FC = observer((props) => {
.passwordSignIn(payload)
.then(async () => await onSubmit())
.catch((err) =>
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: err?.error ?? "Something went wrong. Please try again.",
})
@@ -138,7 +134,7 @@ export const SignUpPasswordForm: React.FC = observer((props) => {
)}
/>
-
+
This password will continue to be your account{"'"}s password.
diff --git a/web/components/account/sign-up-forms/root.tsx b/web/components/account/sign-up-forms/root.tsx
index 8eeb5e99f..455112e9e 100644
--- a/web/components/account/sign-up-forms/root.tsx
+++ b/web/components/account/sign-up-forms/root.tsx
@@ -1,9 +1,7 @@
import React, { useEffect, useState } from "react";
import { observer } from "mobx-react-lite";
// hooks
-import { useApplication, useEventTracker } from "hooks/store";
-import useSignInRedirection from "hooks/use-sign-in-redirection";
-// components
+import Link from "next/link";
import {
OAuthOptions,
SignUpEmailForm,
@@ -11,9 +9,11 @@ import {
SignUpPasswordForm,
SignUpUniqueCodeForm,
} from "components/account";
-import Link from "next/link";
-// constants
import { NAVIGATE_TO_SIGNIN } from "constants/event-tracker";
+import { useApplication, useEventTracker } from "hooks/store";
+import useSignInRedirection from "hooks/use-sign-in-redirection";
+// components
+// constants
export enum ESignUpSteps {
EMAIL = "EMAIL",
diff --git a/web/components/account/sign-up-forms/unique-code.tsx b/web/components/account/sign-up-forms/unique-code.tsx
index 1b54ef9eb..28581aed4 100644
--- a/web/components/account/sign-up-forms/unique-code.tsx
+++ b/web/components/account/sign-up-forms/unique-code.tsx
@@ -3,20 +3,20 @@ import Link from "next/link";
import { Controller, useForm } from "react-hook-form";
import { XCircle } from "lucide-react";
// services
+import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
+
+import { CODE_VERIFIED } from "constants/event-tracker";
+import { checkEmailValidity } from "helpers/string.helper";
+import { useEventTracker } from "hooks/store";
+import useTimer from "hooks/use-timer";
import { AuthService } from "services/auth.service";
import { UserService } from "services/user.service";
// hooks
-import useToast from "hooks/use-toast";
-import useTimer from "hooks/use-timer";
-import { useEventTracker } from "hooks/store";
// ui
-import { Button, Input } from "@plane/ui";
// helpers
-import { checkEmailValidity } from "helpers/string.helper";
// types
import { IEmailCheckData, IMagicSignInData } from "@plane/types";
// constants
-import { CODE_VERIFIED } from "constants/event-tracker";
type Props = {
email: string;
@@ -44,8 +44,6 @@ export const SignUpUniqueCodeForm: React.FC
= (props) => {
const [isRequestingNewCode, setIsRequestingNewCode] = useState(false);
// store hooks
const { captureEvent } = useEventTracker();
- // toast alert
- const { setToastAlert } = useToast();
// timer
const { timer: resendTimerCode, setTimer: setResendCodeTimer } = useTimer(30);
// form info
@@ -84,8 +82,8 @@ export const SignUpUniqueCodeForm: React.FC = (props) => {
captureEvent(CODE_VERIFIED, {
state: "FAILED",
});
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: err?.error ?? "Something went wrong. Please try again.",
});
@@ -101,8 +99,8 @@ export const SignUpUniqueCodeForm: React.FC = (props) => {
.generateUniqueCode(payload)
.then(() => {
setResendCodeTimer(30);
- setToastAlert({
- type: "success",
+ setToast({
+ type: TOAST_TYPE.SUCCESS,
title: "Success!",
message: "A new unique code has been sent to your email.",
});
@@ -112,8 +110,8 @@ export const SignUpUniqueCodeForm: React.FC = (props) => {
});
})
.catch((err) =>
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: err?.error ?? "Something went wrong. Please try again.",
})
diff --git a/web/components/analytics/custom-analytics/custom-analytics.tsx b/web/components/analytics/custom-analytics/custom-analytics.tsx
index 0c3ec8925..1159689c6 100644
--- a/web/components/analytics/custom-analytics/custom-analytics.tsx
+++ b/web/components/analytics/custom-analytics/custom-analytics.tsx
@@ -1,17 +1,17 @@
-import { useRouter } from "next/router";
-import useSWR from "swr";
-import { useForm } from "react-hook-form";
import { observer } from "mobx-react-lite";
+import { useRouter } from "next/router";
+import { useForm } from "react-hook-form";
+import useSWR from "swr";
// services
-import { AnalyticsService } from "services/analytics.service";
// components
import { CustomAnalyticsSelectBar, CustomAnalyticsMainContent, CustomAnalyticsSidebar } from "components/analytics";
// types
-import { IAnalyticsParams } from "@plane/types";
// fetch-keys
import { ANALYTICS } from "constants/fetch-keys";
import { cn } from "helpers/common.helper";
import { useApplication } from "hooks/store";
+import { AnalyticsService } from "services/analytics.service";
+import { IAnalyticsParams } from "@plane/types";
type Props = {
additionalParams?: Partial;
diff --git a/web/components/analytics/custom-analytics/graph/custom-tooltip.tsx b/web/components/analytics/custom-analytics/graph/custom-tooltip.tsx
index ec7c40195..b90e9994f 100644
--- a/web/components/analytics/custom-analytics/graph/custom-tooltip.tsx
+++ b/web/components/analytics/custom-analytics/graph/custom-tooltip.tsx
@@ -60,8 +60,8 @@ export const CustomTooltip: React.FC = ({ datum, analytics, params }) =>
? "capitalize"
: ""
: params.x_axis === "priority" || params.x_axis === "state__group"
- ? "capitalize"
- : ""
+ ? "capitalize"
+ : ""
}`}
>
{params.segment === "assignees__id" ? renderAssigneeName(tooltipValue.toString()) : tooltipValue}:
diff --git a/web/components/analytics/custom-analytics/graph/index.tsx b/web/components/analytics/custom-analytics/graph/index.tsx
index 51b4089c4..0e70fd898 100644
--- a/web/components/analytics/custom-analytics/graph/index.tsx
+++ b/web/components/analytics/custom-analytics/graph/index.tsx
@@ -1,15 +1,15 @@
// nivo
import { BarDatum } from "@nivo/bar";
// components
-import { CustomTooltip } from "./custom-tooltip";
import { Tooltip } from "@plane/ui";
// ui
import { BarGraph } from "components/ui";
// helpers
-import { findStringWithMostCharacters } from "helpers/array.helper";
import { generateBarColor, generateDisplayName } from "helpers/analytics.helper";
+import { findStringWithMostCharacters } from "helpers/array.helper";
// types
import { IAnalyticsParams, IAnalyticsResponse } from "@plane/types";
+import { CustomTooltip } from "./custom-tooltip";
type Props = {
analytics: IAnalyticsResponse;
@@ -101,8 +101,8 @@ export const AnalyticsGraph: React.FC = ({ analytics, barGraphData, param
? generateDisplayName(datum.value, analytics, params, "x_axis")[0].toUpperCase()
: "?"
: datum.value && datum.value !== "None"
- ? `${datum.value}`.toUpperCase()[0]
- : "?"}
+ ? `${datum.value}`.toUpperCase()[0]
+ : "?"}
diff --git a/web/components/analytics/custom-analytics/main-content.tsx b/web/components/analytics/custom-analytics/main-content.tsx
index 3c199f807..e13b9cdd1 100644
--- a/web/components/analytics/custom-analytics/main-content.tsx
+++ b/web/components/analytics/custom-analytics/main-content.tsx
@@ -2,15 +2,15 @@ import { useRouter } from "next/router";
import { mutate } from "swr";
// components
+import { Button, Loader } from "@plane/ui";
import { AnalyticsGraph, AnalyticsTable } from "components/analytics";
// ui
-import { Button, Loader } from "@plane/ui";
// helpers
+import { ANALYTICS } from "constants/fetch-keys";
import { convertResponseToBarGraphData } from "helpers/analytics.helper";
// types
import { IAnalyticsParams, IAnalyticsResponse } from "@plane/types";
// fetch-keys
-import { ANALYTICS } from "constants/fetch-keys";
type Props = {
analytics: IAnalyticsResponse | undefined;
@@ -33,7 +33,7 @@ export const CustomAnalyticsMainContent: React.FC = (props) => {
{!error ? (
analytics ? (
analytics.total > 0 ? (
-
+
= observer((props) => {
return (
{!isProjectLevel && (
diff --git a/web/components/analytics/custom-analytics/select/project.tsx b/web/components/analytics/custom-analytics/select/project.tsx
index 3c08e1574..61c3acb09 100644
--- a/web/components/analytics/custom-analytics/select/project.tsx
+++ b/web/components/analytics/custom-analytics/select/project.tsx
@@ -1,8 +1,8 @@
import { observer } from "mobx-react-lite";
// hooks
+import { CustomSearchSelect } from "@plane/ui";
import { useProject } from "hooks/store";
// ui
-import { CustomSearchSelect } from "@plane/ui";
type Props = {
value: string[] | undefined;
diff --git a/web/components/analytics/custom-analytics/select/segment.tsx b/web/components/analytics/custom-analytics/select/segment.tsx
index 055665d9e..de94eac62 100644
--- a/web/components/analytics/custom-analytics/select/segment.tsx
+++ b/web/components/analytics/custom-analytics/select/segment.tsx
@@ -3,9 +3,9 @@ import { useRouter } from "next/router";
// ui
import { CustomSelect } from "@plane/ui";
// types
+import { ANALYTICS_X_AXIS_VALUES } from "constants/analytics";
import { IAnalyticsParams, TXAxisValues } from "@plane/types";
// constants
-import { ANALYTICS_X_AXIS_VALUES } from "constants/analytics";
type Props = {
value: TXAxisValues | null | undefined;
diff --git a/web/components/analytics/custom-analytics/select/x-axis.tsx b/web/components/analytics/custom-analytics/select/x-axis.tsx
index 74ee99a77..9daecaaa0 100644
--- a/web/components/analytics/custom-analytics/select/x-axis.tsx
+++ b/web/components/analytics/custom-analytics/select/x-axis.tsx
@@ -3,9 +3,9 @@ import { useRouter } from "next/router";
// ui
import { CustomSelect } from "@plane/ui";
// types
+import { ANALYTICS_X_AXIS_VALUES } from "constants/analytics";
import { IAnalyticsParams, TXAxisValues } from "@plane/types";
// constants
-import { ANALYTICS_X_AXIS_VALUES } from "constants/analytics";
type Props = {
value: TXAxisValues;
diff --git a/web/components/analytics/custom-analytics/select/y-axis.tsx b/web/components/analytics/custom-analytics/select/y-axis.tsx
index 9f66c6b54..92e4fd2e5 100644
--- a/web/components/analytics/custom-analytics/select/y-axis.tsx
+++ b/web/components/analytics/custom-analytics/select/y-axis.tsx
@@ -1,9 +1,9 @@
// ui
import { CustomSelect } from "@plane/ui";
// types
+import { ANALYTICS_Y_AXIS_VALUES } from "constants/analytics";
import { TYAxisValues } from "@plane/types";
// constants
-import { ANALYTICS_Y_AXIS_VALUES } from "constants/analytics";
type Props = {
value: TYAxisValues;
diff --git a/web/components/analytics/custom-analytics/sidebar/projects-list.tsx b/web/components/analytics/custom-analytics/sidebar/projects-list.tsx
index f7ba07b75..31812cb00 100644
--- a/web/components/analytics/custom-analytics/sidebar/projects-list.tsx
+++ b/web/components/analytics/custom-analytics/sidebar/projects-list.tsx
@@ -1,11 +1,11 @@
import { observer } from "mobx-react-lite";
// hooks
-import { useProject } from "hooks/store";
// icons
import { Contrast, LayoutGrid, Users } from "lucide-react";
// helpers
-import { renderEmoji } from "helpers/emoji.helper";
import { truncateText } from "helpers/string.helper";
+import { useProject } from "hooks/store";
+import { ProjectLogo } from "components/project";
type Props = {
projectIds: string[];
@@ -19,7 +19,7 @@ export const CustomAnalyticsSidebarProjectsList: React.FC
= observer((pro
return (
Selected Projects
-
+
{projectIds.map((projectId) => {
const project = getProjectById(projectId);
@@ -28,21 +28,15 @@ export const CustomAnalyticsSidebarProjectsList: React.FC
= observer((pro
return (
- {project.emoji ? (
-
{renderEmoji(project.emoji)}
- ) : project.icon_prop ? (
-
{renderEmoji(project.icon_prop)}
- ) : (
-
- {project?.name.charAt(0)}
-
- )}
+
{truncateText(project.name, 20)}
({project.identifier})
-
+
diff --git a/web/components/analytics/custom-analytics/sidebar/sidebar-header.tsx b/web/components/analytics/custom-analytics/sidebar/sidebar-header.tsx
index ee677fe91..26f97e8f9 100644
--- a/web/components/analytics/custom-analytics/sidebar/sidebar-header.tsx
+++ b/web/components/analytics/custom-analytics/sidebar/sidebar-header.tsx
@@ -1,12 +1,13 @@
-import { useRouter } from "next/router";
import { observer } from "mobx-react-lite";
+import { useRouter } from "next/router";
// hooks
-import { useCycle, useMember, useModule, useProject } from "hooks/store";
-// helpers
-import { renderEmoji } from "helpers/emoji.helper";
-import { renderFormattedDate } from "helpers/date-time.helper";
-// constants
import { NETWORK_CHOICES } from "constants/project";
+import { renderFormattedDate } from "helpers/date-time.helper";
+import { useCycle, useMember, useModule, useProject } from "hooks/store";
+// components
+import { ProjectLogo } from "components/project";
+// helpers
+// constants
export const CustomAnalyticsSidebarHeader = observer(() => {
const router = useRouter();
@@ -20,7 +21,8 @@ export const CustomAnalyticsSidebarHeader = observer(() => {
const cycleDetails = cycleId ? getCycleById(cycleId.toString()) : undefined;
const moduleDetails = moduleId ? getModuleById(moduleId.toString()) : undefined;
const projectDetails = projectId ? getProjectById(projectId.toString()) : undefined;
- const cycleOwnerDetails = cycleDetails ? getUserDetails(cycleDetails.owned_by) : undefined;
+ const cycleOwnerDetails = cycleDetails ? getUserDetails(cycleDetails.owned_by_id) : undefined;
+ const moduleLeadDetails = moduleDetails && moduleDetails.lead_id ? getUserDetails(moduleDetails.lead_id) : undefined;
return (
<>
@@ -57,7 +59,7 @@ export const CustomAnalyticsSidebarHeader = observer(() => {
Lead
- {moduleDetails.lead_detail?.display_name}
+ {moduleLeadDetails && {moduleLeadDetails?.display_name} }
Start Date
@@ -80,15 +82,9 @@ export const CustomAnalyticsSidebarHeader = observer(() => {
) : (
- {projectDetails?.emoji ? (
-
{renderEmoji(projectDetails.emoji)}
- ) : projectDetails?.icon_prop ? (
-
- {renderEmoji(projectDetails.icon_prop)}
-
- ) : (
-
- {projectDetails?.name.charAt(0)}
+ {projectDetails && (
+
+
)}
{projectDetails?.name}
diff --git a/web/components/analytics/custom-analytics/sidebar/sidebar.tsx b/web/components/analytics/custom-analytics/sidebar/sidebar.tsx
index c2e12dc3c..7a7c52377 100644
--- a/web/components/analytics/custom-analytics/sidebar/sidebar.tsx
+++ b/web/components/analytics/custom-analytics/sidebar/sidebar.tsx
@@ -1,25 +1,24 @@
-import { useEffect, } from "react";
-import { useRouter } from "next/router";
+import { useEffect } from "react";
import { observer } from "mobx-react-lite";
+import { useRouter } from "next/router";
import { mutate } from "swr";
// services
-import { AnalyticsService } from "services/analytics.service";
// hooks
-import { useCycle, useModule, useProject, useUser } from "hooks/store";
-import useToast from "hooks/use-toast";
// components
-import { CustomAnalyticsSidebarHeader, CustomAnalyticsSidebarProjectsList } from "components/analytics";
// ui
-import { Button, LayersIcon } from "@plane/ui";
-// icons
import { CalendarDays, Download, RefreshCw } from "lucide-react";
+import { Button, LayersIcon, TOAST_TYPE, setToast } from "@plane/ui";
+// icons
+import { CustomAnalyticsSidebarHeader, CustomAnalyticsSidebarProjectsList } from "components/analytics";
// helpers
-import { renderFormattedDate } from "helpers/date-time.helper";
// types
-import { IAnalyticsParams, IAnalyticsResponse, IExportAnalyticsFormData, IWorkspace } from "@plane/types";
// fetch-keys
import { ANALYTICS } from "constants/fetch-keys";
import { cn } from "helpers/common.helper";
+import { renderFormattedDate } from "helpers/date-time.helper";
+import { useCycle, useModule, useProject, useUser, useWorkspace } from "hooks/store";
+import { AnalyticsService } from "services/analytics.service";
+import { IAnalyticsParams, IAnalyticsResponse, IExportAnalyticsFormData, IWorkspace } from "@plane/types";
type Props = {
analytics: IAnalyticsResponse | undefined;
@@ -34,11 +33,11 @@ export const CustomAnalyticsSidebar: React.FC = observer((props) => {
// router
const router = useRouter();
const { workspaceSlug, projectId, cycleId, moduleId } = router.query;
- // toast alert
- const { setToastAlert } = useToast();
// store hooks
const { currentUser } = useUser();
const { workspaceProjectIds, getProjectById } = useProject();
+ const { getWorkspaceById } = useWorkspace();
+
const { fetchCycleDetails, getCycleById } = useCycle();
const { fetchModuleDetails, getModuleById } = useModule();
@@ -70,11 +69,14 @@ export const CustomAnalyticsSidebar: React.FC = observer((props) => {
if (cycleDetails || moduleDetails) {
const details = cycleDetails || moduleDetails;
- eventPayload.workspaceId = details?.workspace_detail?.id;
- eventPayload.workspaceName = details?.workspace_detail?.name;
- eventPayload.projectId = details?.project_detail.id;
- eventPayload.projectIdentifier = details?.project_detail.identifier;
- eventPayload.projectName = details?.project_detail.name;
+ const currentProjectDetails = getProjectById(details?.project_id || "");
+ const currentWorkspaceDetails = getWorkspaceById(details?.workspace_id || "");
+
+ eventPayload.workspaceId = details?.workspace_id;
+ eventPayload.workspaceName = currentWorkspaceDetails?.name;
+ eventPayload.projectId = details?.project_id;
+ eventPayload.projectIdentifier = currentProjectDetails?.identifier;
+ eventPayload.projectName = currentProjectDetails?.name;
}
if (cycleDetails) {
@@ -102,8 +104,8 @@ export const CustomAnalyticsSidebar: React.FC = observer((props) => {
analyticsService
.exportAnalytics(workspaceSlug.toString(), data)
.then((res) => {
- setToastAlert({
- type: "success",
+ setToast({
+ type: TOAST_TYPE.SUCCESS,
title: "Success!",
message: res.message,
});
@@ -111,8 +113,8 @@ export const CustomAnalyticsSidebar: React.FC = observer((props) => {
trackExportAnalytics();
})
.catch(() =>
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: "There was some error in exporting the analytics. Please try again.",
})
@@ -138,14 +140,18 @@ export const CustomAnalyticsSidebar: React.FC = observer((props) => {
const selectedProjects = params.project && params.project.length > 0 ? params.project : workspaceProjectIds;
-
return (
-
- {analytics ? analytics.total : "..."}
Issues
+ {analytics ? analytics.total : "..."}
+
Issues
{isProjectLevel && (
@@ -154,8 +160,8 @@ export const CustomAnalyticsSidebar: React.FC
= observer((props) => {
(cycleId
? cycleDetails?.created_at
: moduleId
- ? moduleDetails?.created_at
- : projectDetails?.created_at) ?? ""
+ ? moduleDetails?.created_at
+ : projectDetails?.created_at) ?? ""
)}
)}
@@ -170,10 +176,10 @@ export const CustomAnalyticsSidebar: React.FC
= observer((props) => {
-
+
}
+ prependIcon={
}
onClick={() => {
if (!workspaceSlug) return;
diff --git a/web/components/analytics/custom-analytics/table.tsx b/web/components/analytics/custom-analytics/table.tsx
index c09f26d76..74b0f2254 100644
--- a/web/components/analytics/custom-analytics/table.tsx
+++ b/web/components/analytics/custom-analytics/table.tsx
@@ -3,11 +3,11 @@ import { BarDatum } from "@nivo/bar";
// icons
import { PriorityIcon } from "@plane/ui";
// helpers
+import { ANALYTICS_X_AXIS_VALUES, ANALYTICS_Y_AXIS_VALUES } from "constants/analytics";
import { generateBarColor, generateDisplayName } from "helpers/analytics.helper";
// types
import { IAnalyticsParams, IAnalyticsResponse, TIssuePriorities } from "@plane/types";
// constants
-import { ANALYTICS_X_AXIS_VALUES, ANALYTICS_Y_AXIS_VALUES } from "constants/analytics";
type Props = {
analytics: IAnalyticsResponse;
diff --git a/web/components/analytics/project-modal/main-content.tsx b/web/components/analytics/project-modal/main-content.tsx
index a04a43260..a02ab9f11 100644
--- a/web/components/analytics/project-modal/main-content.tsx
+++ b/web/components/analytics/project-modal/main-content.tsx
@@ -4,9 +4,9 @@ import { Tab } from "@headlessui/react";
// components
import { CustomAnalytics, ScopeAndDemand } from "components/analytics";
// types
+import { ANALYTICS_TABS } from "constants/analytics";
import { ICycle, IModule, IProject } from "@plane/types";
// constants
-import { ANALYTICS_TABS } from "constants/analytics";
type Props = {
fullScreen: boolean;
@@ -25,10 +25,13 @@ export const ProjectAnalyticsModalMainContent: React.FC
= observer((props
- `rounded-0 w-full md:w-max md:rounded-3xl border-b md:border border-custom-border-200 focus:outline-none px-0 md:px-4 py-2 text-xs hover:bg-custom-background-80 ${selected ? "border-custom-primary-100 text-custom-primary-100 md:bg-custom-background-80 md:text-custom-text-200 md:border-custom-border-200" : "border-transparent"
+ `rounded-0 w-full md:w-max md:rounded-3xl border-b md:border border-custom-border-200 focus:outline-none px-0 md:px-4 py-2 text-xs hover:bg-custom-background-80 ${
+ selected
+ ? "border-custom-primary-100 text-custom-primary-100 md:bg-custom-background-80 md:text-custom-text-200 md:border-custom-border-200"
+ : "border-transparent"
}`
}
- onClick={() => { }}
+ onClick={() => {}}
>
{tab.title}
diff --git a/web/components/analytics/project-modal/modal.tsx b/web/components/analytics/project-modal/modal.tsx
index df61411f2..197b4d809 100644
--- a/web/components/analytics/project-modal/modal.tsx
+++ b/web/components/analytics/project-modal/modal.tsx
@@ -38,12 +38,14 @@ export const ProjectAnalyticsModal: React.FC = observer((props) => {
>
= (props) => {
<>
{!defaultAnalyticsError ? (
defaultAnalytics ? (
-
+
diff --git a/web/components/analytics/scope-and-demand/year-wise-issues.tsx b/web/components/analytics/scope-and-demand/year-wise-issues.tsx
index 2a62c99d4..86fd28490 100644
--- a/web/components/analytics/scope-and-demand/year-wise-issues.tsx
+++ b/web/components/analytics/scope-and-demand/year-wise-issues.tsx
@@ -1,11 +1,11 @@
// ui
import { LineGraph, ProfileEmptyState } from "components/ui";
// image
+import { MONTHS_LIST } from "constants/calendar";
import emptyGraph from "public/empty-state/empty_graph.svg";
// types
import { IDefaultAnalyticsResponse } from "@plane/types";
// constants
-import { MONTHS_LIST } from "constants/calendar";
type Props = {
defaultAnalytics: IDefaultAnalyticsResponse;
diff --git a/web/components/api-token/delete-token-modal.tsx b/web/components/api-token/delete-token-modal.tsx
index 993289c10..941889796 100644
--- a/web/components/api-token/delete-token-modal.tsx
+++ b/web/components/api-token/delete-token-modal.tsx
@@ -3,15 +3,13 @@ import { useRouter } from "next/router";
import { mutate } from "swr";
import { Dialog, Transition } from "@headlessui/react";
// services
+import { Button, TOAST_TYPE, setToast } from "@plane/ui";
+import { API_TOKENS_LIST } from "constants/fetch-keys";
import { APITokenService } from "services/api_token.service";
-// hooks
-import useToast from "hooks/use-toast";
// ui
-import { Button } from "@plane/ui";
// types
import { IApiToken } from "@plane/types";
// fetch-keys
-import { API_TOKENS_LIST } from "constants/fetch-keys";
type Props = {
isOpen: boolean;
@@ -25,8 +23,6 @@ export const DeleteApiTokenModal: FC
= (props) => {
const { isOpen, onClose, tokenId } = props;
// states
const [deleteLoading, setDeleteLoading] = useState(false);
- // hooks
- const { setToastAlert } = useToast();
// router
const router = useRouter();
const { workspaceSlug } = router.query;
@@ -44,8 +40,8 @@ export const DeleteApiTokenModal: FC = (props) => {
apiTokenService
.deleteApiToken(workspaceSlug.toString(), tokenId)
.then(() => {
- setToastAlert({
- type: "success",
+ setToast({
+ type: TOAST_TYPE.SUCCESS,
title: "Success!",
message: "Token deleted successfully.",
});
@@ -59,8 +55,8 @@ export const DeleteApiTokenModal: FC = (props) => {
handleClose();
})
.catch((err) =>
- setToastAlert({
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error",
message: err?.message ?? "Something went wrong. Please try again.",
})
diff --git a/web/components/api-token/modal/create-token-modal.tsx b/web/components/api-token/modal/create-token-modal.tsx
index b3fc3df78..2e782de0c 100644
--- a/web/components/api-token/modal/create-token-modal.tsx
+++ b/web/components/api-token/modal/create-token-modal.tsx
@@ -3,18 +3,19 @@ import { useRouter } from "next/router";
import { mutate } from "swr";
import { Dialog, Transition } from "@headlessui/react";
// services
-import { APITokenService } from "services/api_token.service";
-// hooks
-import useToast from "hooks/use-toast";
-// components
+import { TOAST_TYPE, setToast } from "@plane/ui";
+
import { CreateApiTokenForm, GeneratedTokenDetails } from "components/api-token";
-// helpers
-import { csvDownload } from "helpers/download.helper";
+import { API_TOKENS_LIST } from "constants/fetch-keys";
import { renderFormattedDate } from "helpers/date-time.helper";
+import { csvDownload } from "helpers/download.helper";
+import { APITokenService } from "services/api_token.service";
+// ui
+// components
+// helpers
// types
import { IApiToken } from "@plane/types";
// fetch-keys
-import { API_TOKENS_LIST } from "constants/fetch-keys";
type Props = {
isOpen: boolean;
@@ -32,8 +33,6 @@ export const CreateApiTokenModal: React.FC = (props) => {
// router
const router = useRouter();
const { workspaceSlug } = router.query;
- // toast alert
- const { setToastAlert } = useToast();
const handleClose = () => {
onClose();
@@ -76,10 +75,10 @@ export const CreateApiTokenModal: React.FC = (props) => {
);
})
.catch((err) => {
- setToastAlert({
- message: err.message,
- type: "error",
+ setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error",
+ message: err.message,
});
throw err;
diff --git a/web/components/api-token/modal/form.tsx b/web/components/api-token/modal/form.tsx
index ae7717b39..9fc160815 100644
--- a/web/components/api-token/modal/form.tsx
+++ b/web/components/api-token/modal/form.tsx
@@ -1,13 +1,10 @@
import { useState } from "react";
import { add } from "date-fns";
import { Controller, useForm } from "react-hook-form";
+import { DateDropdown } from "components/dropdowns";
import { Calendar } from "lucide-react";
-// hooks
-import useToast from "hooks/use-toast";
-// components
-import { CustomDatePicker } from "components/ui";
// ui
-import { Button, CustomSelect, Input, TextArea, ToggleSwitch } from "@plane/ui";
+import { Button, CustomSelect, Input, TextArea, ToggleSwitch, TOAST_TYPE, setToast } from "@plane/ui";
// helpers
import { renderFormattedDate, renderFormattedPayloadDate } from "helpers/date-time.helper";
// types
@@ -67,8 +64,6 @@ export const CreateApiTokenForm: React.FC = (props) => {
const { handleClose, neverExpires, toggleNeverExpires, onSubmit } = props;
// states
const [customDate, setCustomDate] = useState(null);
- // toast alert
- const { setToastAlert } = useToast();
// form
const {
control,
@@ -81,8 +76,8 @@ export const CreateApiTokenForm: React.FC = (props) => {
const handleFormSubmit = async (data: IApiToken) => {
// if never expires is toggled off, and the user has not selected a custom date or a predefined date, show an error
if (!neverExpires && (!data.expired_at || (data.expired_at === "custom" && !customDate)))
- return setToastAlert({
- type: "error",
+ return setToast({
+ type: TOAST_TYPE.ERROR,
title: "Error!",
message: "Please select an expiration date.",
});
@@ -167,7 +162,7 @@ export const CreateApiTokenForm: React.FC = (props) => {
@@ -194,20 +189,13 @@ export const CreateApiTokenForm: React.FC = (props) => {
}}
/>
{watch("expired_at") === "custom" && (
- setCustomDate(date ? new Date(date) : null)}
+ onChange={(date) => setCustomDate(date)}
minDate={tomorrow}
- customInput={
-
-
- }
+ icon={ = (props) => {
const { handleClose, tokenDetails } = props;
- const { setToastAlert } = useToast();
-
const copyApiToken = (token: string) => {
copyTextToClipboard(token).then(() =>
- setToastAlert({
- type: "success",
+ setToast({
+ type: TOAST_TYPE.SUCCESS,
title: "Success!",
message: "Token copied to clipboard.",
})
diff --git a/web/components/api-token/token-list-item.tsx b/web/components/api-token/token-list-item.tsx
index 2de731222..88af9a0a2 100644
--- a/web/components/api-token/token-list-item.tsx
+++ b/web/components/api-token/token-list-item.tsx
@@ -1,9 +1,9 @@
import { useState } from "react";
import { XCircle } from "lucide-react";
// components
+import { Tooltip } from "@plane/ui";
import { DeleteApiTokenModal } from "components/api-token";
// ui
-import { Tooltip } from "@plane/ui";
// helpers
import { renderFormattedDate, calculateTimeAgo } from "helpers/date-time.helper";
// types
diff --git a/web/components/auth-screens/not-authorized-view.tsx b/web/components/auth-screens/not-authorized-view.tsx
index 8d9d6ecd4..4acec4104 100644
--- a/web/components/auth-screens/not-authorized-view.tsx
+++ b/web/components/auth-screens/not-authorized-view.tsx
@@ -1,8 +1,8 @@
import React from "react";
-import Link from "next/link";
-import Image from "next/image";
-import { useRouter } from "next/router";
import { observer } from "mobx-react-lite";
+import Image from "next/image";
+import Link from "next/link";
+import { useRouter } from "next/router";
// hooks
import { useUser } from "hooks/store";
// layouts
diff --git a/web/components/auth-screens/project/join-project.tsx b/web/components/auth-screens/project/join-project.tsx
index 35b0b9b49..d35aad657 100644
--- a/web/components/auth-screens/project/join-project.tsx
+++ b/web/components/auth-screens/project/join-project.tsx
@@ -2,11 +2,11 @@ import { useState } from "react";
import Image from "next/image";
import { useRouter } from "next/router";
// hooks
+import { ClipboardList } from "lucide-react";
+import { Button } from "@plane/ui";
import { useProject, useUser } from "hooks/store";
// ui
-import { Button } from "@plane/ui";
// icons
-import { ClipboardList } from "lucide-react";
// images
import JoinProjectImg from "public/auth/project-not-authorized.svg";
diff --git a/web/components/auth-screens/workspace/not-a-member.tsx b/web/components/auth-screens/workspace/not-a-member.tsx
index 502f06115..5f70e36dd 100644
--- a/web/components/auth-screens/workspace/not-a-member.tsx
+++ b/web/components/auth-screens/workspace/not-a-member.tsx
@@ -1,9 +1,9 @@
import Link from "next/link";
// layouts
+import { Button } from "@plane/ui";
import DefaultLayout from "layouts/default-layout";
// ui
-import { Button } from "@plane/ui";
export const NotAWorkspaceMember = () => (
diff --git a/web/components/automation/auto-archive-automation.tsx b/web/components/automation/auto-archive-automation.tsx
index 974efff3a..e3ad89e90 100644
--- a/web/components/automation/auto-archive-automation.tsx
+++ b/web/components/automation/auto-archive-automation.tsx
@@ -1,14 +1,14 @@
import React, { useState } from "react";
import { observer } from "mobx-react-lite";
// hooks
-import { useProject, useUser } from "hooks/store";
// component
+import { ArchiveRestore } from "lucide-react";
import { CustomSelect, Loader, ToggleSwitch } from "@plane/ui";
import { SelectMonthModal } from "components/automation";
// icon
-import { ArchiveRestore } from "lucide-react";
// constants
import { EUserProjectRoles, PROJECT_AUTOMATION_MONTHS } from "constants/project";
+import { useProject, useUser } from "hooks/store";
// types
import { IProject } from "@plane/types";
@@ -48,7 +48,7 @@ export const AutoArchiveAutomation: React.FC = observer((props) => {
Auto-archive closed issues
- Plane will auto archive issues that have been completed or cancelled.
+ Plane will auto archive issues that have been completed or canceled.
@@ -73,7 +73,7 @@ export const AutoArchiveAutomation: React.FC
= observer((props) => {
{
handleChange({ archive_in: val });
@@ -93,7 +93,7 @@ export const AutoArchiveAutomation: React.FC = observer((props) => {
className="flex w-full select-none items-center rounded px-1 py-1.5 text-sm text-custom-text-200 hover:bg-custom-background-80"
onClick={() => setmonthModal(true)}
>
- Customise Time Range
+ Customize time range
diff --git a/web/components/automation/auto-close-automation.tsx b/web/components/automation/auto-close-automation.tsx
index 8d6662c11..000f0bbf6 100644
--- a/web/components/automation/auto-close-automation.tsx
+++ b/web/components/automation/auto-close-automation.tsx
@@ -1,16 +1,16 @@
import React, { useState } from "react";
import { observer } from "mobx-react-lite";
// hooks
+import { ArchiveX } from "lucide-react";
+import { CustomSelect, CustomSearchSelect, ToggleSwitch, StateGroupIcon, DoubleCircleIcon, Loader } from "@plane/ui";
+import { SelectMonthModal } from "components/automation";
+import { EUserProjectRoles, PROJECT_AUTOMATION_MONTHS } from "constants/project";
import { useProject, useProjectState, useUser } from "hooks/store";
// component
-import { SelectMonthModal } from "components/automation";
-import { CustomSelect, CustomSearchSelect, ToggleSwitch, StateGroupIcon, DoubleCircleIcon, Loader } from "@plane/ui";
// icons
-import { ArchiveX } from "lucide-react";
// types
import { IProject } from "@plane/types";
// constants
-import { EUserProjectRoles, PROJECT_AUTOMATION_MONTHS } from "constants/project";
type Props = {
handleChange: (formData: Partial) => Promise;
@@ -74,7 +74,7 @@ export const AutoCloseAutomation: React.FC = observer((props) => {
Auto-close issues
- Plane will automatically close issue that haven{"'"}t been completed or cancelled.
+ Plane will automatically close issue that haven{"'"}t been completed or canceled.
@@ -100,7 +100,7 @@ export const AutoCloseAutomation: React.FC
= observer((props) => {
{
handleChange({ close_in: val });
@@ -119,7 +119,7 @@ export const AutoCloseAutomation: React.FC = observer((props) => {
className="flex w-full select-none items-center rounded px-1 py-1.5 text-custom-text-200 hover:bg-custom-background-80"
onClick={() => setmonthModal(true)}
>
- Customize Time Range
+ Customize time range
diff --git a/web/components/automation/select-month-modal.tsx b/web/components/automation/select-month-modal.tsx
index 1d306bb04..01d07f64a 100644
--- a/web/components/automation/select-month-modal.tsx
+++ b/web/components/automation/select-month-modal.tsx
@@ -72,7 +72,7 @@ export const SelectMonthModal: React.FC = ({ type, initialValues, isOpen,
@@ -91,8 +132,7 @@ For self hosting environment setup, visit the [Self Hosting](https://docs.plane.
@@ -100,7 +140,7 @@ For self hosting environment setup, visit the [Self Hosting](https://docs.plane.
@@ -109,7 +149,7 @@ For self hosting environment setup, visit the [Self Hosting](https://docs.plane.
@@ -118,7 +158,7 @@ For self hosting environment setup, visit the [Self Hosting](https://docs.plane.
@@ -128,7 +168,7 @@ For self hosting environment setup, visit the [Self Hosting](https://docs.plane.
@@ -136,20 +176,23 @@ For self hosting environment setup, visit the [Self Hosting](https://docs.plane.