multiple features

Author: anaghav2023

packages/utils/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/utils",
-  "version": "1.1.27",
+  "version": "1.1.28",
   "description": "Utils for working with Builder.io content",
   "main": "./dist/index.js",
   "scripts": {

packages/utils/package.json

@@ -322,6 +322,31 @@ Object {
 }
 `;
 
+exports[`getTranslateableFields from carousel content and custom component with subFields to match snapshot 1`] = `
+Object {
+  "blocks.builder-06d3f6da74fb4054ad311afc1dda3675#text": Object {
+    "instructions": "Visit https://builder.io/fiddle/... for more details",
+    "value": "<p>I am slide second</p>",
+  },
+  "blocks.builder-0a10ae48b6314221bbb7d06d068d623d#text": Object {
+    "instructions": "Visit https://builder.io/fiddle/... for more details",
+    "value": "<p>I am slide 1</p>",
+  },
+  "blocks.builder-23e0618256ab40799ecf6504bc57fa1c#listItems.0.field1": Object {
+    "instructions": "Visit https://builder.io/fiddle/... for more details",
+    "value": "<p>text 1 value</p>",
+  },
+  "blocks.builder-23e0618256ab40799ecf6504bc57fa1c#listItems.1.field1": Object {
+    "instructions": "Visit https://builder.io/fiddle/... for more details",
+    "value": "<p>text 1.1 value</p>",
+  },
+  "blocks.builder-23e0618256ab40799ecf6504bc57fa1c#title.text": Object {
+    "instructions": "Visit https://builder.io/fiddle/... for more details",
+    "value": "<p>custom component subField input</p>",
+  },
+}
+`;
+
 exports[`getTranslateableFields from content to match snapshot 1`] = `
 Object {
   "blocks.block-id#text": Object {
@@ -360,6 +385,14 @@ Object {
     "instructions": "Visit https://builder.io/fiddle/... for more details",
     "value": "en-us headings!",
   },
+  "blocks.button-localized-text-id#text": Object {
+    "instructions": "Button with pre-localized text",
+    "value": "Click Me!",
+  },
+  "blocks.button-plain-text-id#text": Object {
+    "instructions": "Button with plain text",
+    "value": "Cute Baby",
+  },
   "metadata.seo": Object {
     "instructions": "Visit https://builder.io/fiddle/... for more details",
     "value": Object {
@@ -386,28 +419,3 @@ Object {
   },
 }
 `;
-
-exports[`getTranslateableFields from carousel content and custom component with subFields to match snapshot 1`] = `
-Object {
-  "blocks.builder-06d3f6da74fb4054ad311afc1dda3675#text": Object {
-    "instructions": "Visit https://builder.io/fiddle/... for more details",
-    "value": "<p>I am slide second</p>",
-  },
-  "blocks.builder-0a10ae48b6314221bbb7d06d068d623d#text": Object {
-    "instructions": "Visit https://builder.io/fiddle/... for more details",
-    "value": "<p>I am slide 1</p>",
-  },
-  "blocks.builder-23e0618256ab40799ecf6504bc57fa1c#listItems.0.field1": Object {
-    "instructions": "Visit https://builder.io/fiddle/... for more details",
-    "value": "<p>text 1 value</p>",
-  },
-  "blocks.builder-23e0618256ab40799ecf6504bc57fa1c#listItems.1.field1": Object {
-    "instructions": "Visit https://builder.io/fiddle/... for more details",
-    "value": "<p>text 1.1 value</p>",
-  },
-  "blocks.builder-23e0618256ab40799ecf6504bc57fa1c#title.text": Object {
-    "instructions": "Visit https://builder.io/fiddle/... for more details",
-    "value": "<p>custom component subField input</p>",
-  },
-}
-`;

packages/utils/src/__snapshots__/translation-helpers.test.ts.snap

@@ -221,7 +221,7 @@ export function getTranslateableFields(
   // blocks
   if (blocks) {
     traverse(blocks).forEach(function (el) {
-      if (this.key && el && el.meta?.localizedTextInputs) {
+      if (this.key && el && el.meta?.localizedTextInputs && !el.meta?.excludeFromTranslation) {
         const localizedTextInputs = el.meta.localizedTextInputs as string[];
         if (localizedTextInputs && Array.isArray(localizedTextInputs)) {
           localizedTextInputs
@@ -264,7 +264,7 @@ export function getTranslateableFields(
         }
       }
 
-      if (el && el.id && el.component?.name === 'Symbol') {
+      if (el && el.id && el.component?.name === 'Symbol'&& !el.meta?.excludeFromTranslation) {
         const symbolInputs = Object.entries(el.component?.options?.symbol?.data) || [];
         if (symbolInputs.length) {
           const basePath = `blocks.${el.id}.symbolInput`;
@@ -440,7 +440,7 @@ export function applyTranslation(
       }
 
       // custom components
-      if (el && el.id && el.meta?.localizedTextInputs) {
+      if (el && el.id && el.meta?.localizedTextInputs && !el.meta?.excludeFromTranslation) {
         // there's a localized input
         const keys = el.meta?.localizedTextInputs as string[];
         let options = el.component.options;

packages/utils/src/translation-helpers.ts

@@ -163,6 +163,21 @@ Builder.register('plugin', {
       advanced: false,
       requiredPermissions: ['admin'],
     },
+    {
+      name: 'disableVisualContextCapture',
+      friendlyName: 'Disable Visual Context Capture',
+      type: 'boolean',
+      defaultValue: false,
+      helperText: 'Disable automatic visual context capture for translations',
+      requiredPermissions: ['admin'],
+    },
+    {
+      name: 'contextOverrideOlderThanDays',
+      friendlyName: 'Context Override Older Than Days',
+      type: 'number',
+      helperText: 'Override context for content older than this number of days',
+      requiredPermissions: ['admin'],
+    },
   ],
   onSave: async actions => {
     const pluginPrivateKey = await appState.globalState.getPluginPrivateKey(pkg.name);
@@ -483,6 +498,78 @@ const initializeSmartlingPlugin = async () => {
       },
     });
 
+
+    registerContextMenuAction({
+      label: 'Add String Instructions',
+      showIf(selectedElements) {
+        if (selectedElements.length !== 1) {
+          // todo maybe apply for multiple
+          return false;
+        }
+        const element = selectedElements[0];
+        return element.meta?.get('instructions') === undefined;
+      },
+      async onClick(elements) {
+        if (elements.length !== 1) {
+          // todo maybe apply for multiple
+          return false;
+        }
+        const instructions = await appState.dialogs.prompt({
+          placeholderText: 'Enter string instructions for translation',
+        });
+        if (instructions) {
+          elements[0].meta.set('instructions', instructions);
+          appState.snackBar.show('String instructions added to content');
+        }
+      },
+    });
+
+    registerContextMenuAction({
+      label: 'Edit String Instructions',
+      showIf(selectedElements) {
+        if (selectedElements.length !== 1) {
+          // todo maybe apply for multiple
+          return false;
+        }
+        const element = selectedElements[0];
+        return element.meta?.get('instructions') !== undefined;
+      },
+      async onClick(elements) {
+        if (elements.length !== 1) {
+          // todo maybe apply for multiple
+          return false;
+        }
+        const element = elements[0];
+        const instructions = element.meta?.get('instructions');
+        if (instructions) {
+          const newInstructions = await appState.dialogs.prompt({
+            placeholderText: 'Enter new string instructions for translation',
+            defaultValue: instructions,
+          });
+          if (newInstructions) {
+            element.meta.set('instructions', newInstructions);
+            appState.snackBar.show('String instructions updated');
+          }
+        }
+      },
+    });
+
+    registerContextMenuAction({
+      label: 'Delete String Instructions',
+      showIf(selectedElements) {
+        if (selectedElements.length !== 1) {
+          // todo maybe apply for multiple
+          return false;
+        }
+        const element = selectedElements[0];
+        return element.meta?.get('instructions') !== undefined;
+      },
+      onClick(elements) {
+        elements[0].meta.delete('instructions');
+        appState.snackBar.show('String instructions deleted');
+      },
+    });
+
     registerContentAction({
       label: 'Add to translation job',
       showIf(content, model) {