feat: UTC-148: Add Dynamic Text Plugin to Gallery

.github/workflows/validate-plugins.yml

@@ -28,10 +28,13 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
 
-      - name: Setup Biome
-        uses: biomejs/setup-biome@v2
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
-          version: latest
+          node-version: 20
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
 
-      - name: Run Biome
-        run: biome ci .
+      - name: Run Linter
+        run: yarn lint

.husky/pre-push

@@ -0,0 +1 @@
+yarn lint

biome.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "files": {
+    "ignore": ["node_modules/**", "dist/**", "**/tsconfig*"],
+    "maxSize": 3670016
+  },
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true,
+    "defaultBranch": "develop"
+  },
+  "formatter": {
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 120,
+    "formatWithErrors": true
+  },
+  "css": {
+    "linter": {
+      "enabled": false
+    },
+    "formatter": {
+      "enabled": false
+    }
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  }
+}

manifest.json

@@ -1,80 +1,86 @@
 [
-	{
-		"title": "Bulk labeling for text spans with keyboard shortcuts",
-		"description": "Assigns labels to all occurrences of the selected text at once and removes them",
-		"path": "bulk-labeling",
-		"private": false
-	},
-	{
-		"title": "Text area word count",
-		"description": "Validates the length of a text area based on its word count",
-		"path": "count-words-in-textarea",
-		"private": false
-	},
-	{
-		"title": "Connect to LLM backend",
-		"description": "Sends prompts to an LLM URL",
-		"path": "llm-backend",
-		"private": false
-	},
-	{
-		"title": "Markdown to HTML",
-		"description": "Converts markdown to HTML format",
-		"path": "markdown-to-html",
-		"private": false
-	},
-	{
-		"title": "Text span overlap validation",
-		"description": "Prevents overlap of text spans",
-		"path": "ner-text-span-overlap-validation",
-		"private": false
-	},
-	{
-		"title": "Spam and bot detection",
-		"description": "Pauses an annotator if bot behavior in detected",
-		"path": "pausing-annotator",
-		"private": false
-	},
-	{
-		"title": "Data visualization",
-		"description": "Display a Plotly chart to annotators",
-		"path": "plotly",
-		"private": false
-	},
-	{
-		"title": "Redact annotator PII",
-		"description": "Anonymize the annotator to reduce bias",
-		"path": "redact-pii",
-		"private": false
-	},
-	{
-		"title": "Dynamic image swap",
-		"description": "Changes active image based on conditions",
-		"path": "different-images-per-label",
-		"private": false
-	},
-	{
-		"title": "Spellcheck",
-		"description": "Validates misspelled text",
-		"path": "spellcheck",
-		"private": false
-	},
-	{
-		"title": "Validate JSON",
-		"description": "Checks that the introduced text is a valid JSON",
-		"path": "validate-json-in-textarea",
-		"private": false
-	},
-	{
-		"title": "Simple content moderation",
-		"description": "Prevents saving annotations containing inappropriate content",
-		"path": "simple-content-moderation",
-		"private": false
-	},
-	{
-		"title": "Multi-frame video view",
-		"description": "Synchronizes multiple video views to display a video with different frame offsets",
-		"path": "multi-frame-video-view",
-		"private": false
-	}
+  {
+    "title": "Bulk labeling for text spans with keyboard shortcuts",
+    "description": "Assigns labels to all occurrences of the selected text at once and removes them",
+    "path": "bulk-labeling",
+    "private": false
+  },
+  {
+    "title": "Text area word count",
+    "description": "Validates the length of a text area based on its word count",
+    "path": "count-words-in-textarea",
+    "private": false
+  },
+  {
+    "title": "Connect to LLM backend",
+    "description": "Sends prompts to an LLM URL",
+    "path": "llm-backend",
+    "private": false
+  },
+  {
+    "title": "Markdown to HTML",
+    "description": "Converts markdown to HTML format",
+    "path": "markdown-to-html",
+    "private": false
+  },
+  {
+    "title": "Text span overlap validation",
+    "description": "Prevents overlap of text spans",
+    "path": "ner-text-span-overlap-validation",
+    "private": false
+  },
+  {
+    "title": "Spam and bot detection",
+    "description": "Pauses an annotator if bot behavior in detected",
+    "path": "pausing-annotator",
+    "private": false
+  },
+  {
+    "title": "Data visualization",
+    "description": "Display a Plotly chart to annotators",
+    "path": "plotly",
+    "private": false
+  },
+  {
+    "title": "Redact annotator PII",
+    "description": "Anonymize the annotator to reduce bias",
+    "path": "redact-pii",
+    "private": false
+  },
+  {
+    "title": "Dynamic image swap",
+    "description": "Changes active image based on conditions",
+    "path": "different-images-per-label",
+    "private": false
+  },
+  {
+    "title": "Spellcheck",
+    "description": "Validates misspelled text",
+    "path": "spellcheck",
+    "private": false
+  },
+  {
+    "title": "Validate JSON",
+    "description": "Checks that the introduced text is a valid JSON",
+    "path": "validate-json-in-textarea",
+    "private": false
+  },
+  {
+    "title": "Simple content moderation",
+    "description": "Prevents saving annotations containing inappropriate content",
+    "path": "simple-content-moderation",
+    "private": false
+  },
+  {
+    "title": "Multi-frame video view",
+    "description": "Synchronizes multiple video views to display a video with different frame offsets",
+    "path": "multi-frame-video-view",
+    "private": false
+  },
+  {
+    "title": "Dynamic text tags from textarea",
+    "description": "Dynamically populates a text box given the input of a text area tag for span based labeling",
+    "path": "dynamic-text-spans",
+    "private": false
+  }
 ]

package.json

@@ -0,0 +1,19 @@
+{
+  "name": "label-studio-plugins",
+  "version": "1.0.0",
+  "description": "Plugins to extend Label Studio with custom workflows, integrations, and UI components.",
+  "main": "index.js",
+  "repository": "git@github.com:HumanSignal/label-studio-plugins.git",
+  "author": "Ignacio Velazquez <ignacio@humansignal.com>",
+  "license": "MIT",
+  "private": true,
+  "scripts": {
+    "lint": "biome check --write .",
+    "prepare": "husky"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@biomejs/biome": "^1.9.4",
+    "husky": "^9.1.7"
+  }
+}

src/bulk-labeling/data.json

@@ -1,10 +1,10 @@
 {
-	"data": {
-		"text": [
-			"Opossums, commonly known as possums in North America, are marsupials found primarily in the Americas. The most well-known species is the Virginia opossum (Didelphis virginiana), which ranges from Central America and the eastern United States to southern Canada. These adaptable creatures are known for their ability to thrive in a variety of environments, including both rural and urban areas. Opossums are also found in South America, where different species inhabit a range of ecosystems, from tropical rainforests to temperate forests.",
-			"Opossums are highly adaptable in terms of habitat, often residing in woodlands, farmland, and even suburban backyards. They typically seek shelter in hollow trees, abandoned burrows, or any dark, enclosed space they can find. Opossums are nocturnal and omnivorous, with a diet that includes fruits, insects, small animals, and even carrion. Their opportunistic feeding habits contribute to their resilience and ability to live in close proximity to human settlements.",
-			"In terms of behavior, opossums are solitary and nomadic, often moving to different locations in search of food. They are known for their unique defense mechanism of 'playing dead' or 'playing possum' when threatened, which involves mimicking the appearance and smell of a sick or dead animal to deter predators. Opossums have relatively short lifespans, typically living only 2 to 4 years in the wild. Despite their short lives, they reproduce quickly, with females giving birth to large litters of up to 20 young, although not all offspring typically survive to maturity.",
-			"In popular culture, opossums often appear as symbols of resilience and survival due to their hardy nature and ability to adapt to various environments. They are sometimes depicted in a comical or misunderstood light, given their nocturnal habits and somewhat disheveled appearance. Despite this, they play a crucial role in the ecosystem by controlling insect and rodent populations and cleaning up carrion. Opossums have been featured in various forms of media, from cartoons and children's books to movies, often emphasizing their unique behaviors and survival strategies."
-		]
-	}
+  "data": {
+    "text": [
+      "Opossums, commonly known as possums in North America, are marsupials found primarily in the Americas. The most well-known species is the Virginia opossum (Didelphis virginiana), which ranges from Central America and the eastern United States to southern Canada. These adaptable creatures are known for their ability to thrive in a variety of environments, including both rural and urban areas. Opossums are also found in South America, where different species inhabit a range of ecosystems, from tropical rainforests to temperate forests.",
+      "Opossums are highly adaptable in terms of habitat, often residing in woodlands, farmland, and even suburban backyards. They typically seek shelter in hollow trees, abandoned burrows, or any dark, enclosed space they can find. Opossums are nocturnal and omnivorous, with a diet that includes fruits, insects, small animals, and even carrion. Their opportunistic feeding habits contribute to their resilience and ability to live in close proximity to human settlements.",
+      "In terms of behavior, opossums are solitary and nomadic, often moving to different locations in search of food. They are known for their unique defense mechanism of 'playing dead' or 'playing possum' when threatened, which involves mimicking the appearance and smell of a sick or dead animal to deter predators. Opossums have relatively short lifespans, typically living only 2 to 4 years in the wild. Despite their short lives, they reproduce quickly, with females giving birth to large litters of up to 20 young, although not all offspring typically survive to maturity.",
+      "In popular culture, opossums often appear as symbols of resilience and survival due to their hardy nature and ability to adapt to various environments. They are sometimes depicted in a comical or misunderstood light, given their nocturnal habits and somewhat disheveled appearance. Despite this, they play a crucial role in the ecosystem by controlling insect and rodent populations and cleaning up carrion. Opossums have been featured in various forms of media, from cartoons and children's books to movies, often emphasizing their unique behaviors and survival strategies."
+    ]
+  }
 }