adds bulkremap support (#2726)

This is just a rebase of
#2511 to release-139.
Merging as code is not mine and I'm merely approving.

.changeset/swift-spoons-sort.md

@@ -0,0 +1,5 @@
+---
+"@tokens-studio/figma-plugin": patch
+---
+
+Added regex support to bulk remap

packages/tokens-studio-for-figma/src/plugin/asyncMessageHandlers/__tests__/bulkRemapTokens.test.ts

@@ -55,4 +55,53 @@ describe('bulkRemapTokens', () => {
     expect(mockSetSharedPluginData.mock.calls[0]).toEqual(['tokens', 'borderRadius', '"new.border-radius"']);
     expect(mockSetSharedPluginData.mock.calls[5]).toEqual(['tokens', 'fill', '"new-color.gray.300"']);
   });
+
+  it('should be able to replace all matching token names with new token name using regex', async () => {
+    findNodesSpy.mockImplementationOnce(() => Promise.resolve([
+      {
+        id: '295:3',
+        node: {
+          id: '295:3',
+          setSharedPluginData: mockSetSharedPluginData,
+        } as unknown as BaseNode,
+        tokens: {
+          borderRadius: 'old.border-radius',
+          fill: 'old.slate.400',
+          sizing: 'old-size.450',
+          spacing: 'something-else.foobar',
+        },
+      },
+      {
+        id: '295:4',
+        node: {
+          id: '295:4',
+          setSharedPluginData: mockSetSharedPluginData,
+        } as unknown as RectangleNode,
+        tokens: {
+          fill: 'old.red.500',
+          sizing: 'old-size.1600',
+        },
+      },
+      {
+        id: '295:5',
+        node: {
+          id: '295:5',
+          setSharedPluginData: mockSetSharedPluginData,
+        } as unknown as TextNode,
+        tokens: {
+          fill: 'old-color.gray.300',
+        },
+      },
+    ]));
+    await bulkRemapTokens({
+      type: AsyncMessageTypes.BULK_REMAP_TOKENS,
+      oldName: '/old-size.*/g',
+      newName: 'new-size.1000',
+      updateMode: UpdateMode.SELECTION,
+    });
+
+    expect(mockSetSharedPluginData).toHaveBeenCalledTimes(2);
+    expect(mockSetSharedPluginData.mock.calls[0]).toEqual(['tokens', 'sizing', '"new-size.1000"']);
+    expect(mockSetSharedPluginData.mock.calls[1]).toEqual(['tokens', 'sizing', '"new-size.1000"']);
+  });
 });

packages/tokens-studio-for-figma/src/plugin/asyncMessageHandlers/bulkRemapTokens.ts

@@ -27,12 +27,16 @@ export const bulkRemapTokens: AsyncMessageChannelHandlers[AsyncMessageTypes.BULK
 
     const tracker = new ProgressTracker(BackgroundJobs.PLUGIN_UPDATEPLUGINDATA);
     const promises: Set<Promise<void>> = new Set();
+    const regexPattern = /^\/(.*)\/([gimsuy]*)$/;
 
     allWithData.forEach(({ node, tokens }) => {
       promises.add(defaultWorker.schedule(async () => {
         Object.entries(tokens).forEach(([key, value]) => {
-          if (value.includes(oldName)) {
-            const newValue = value.replace(oldName, newName);
+          const regexTest = oldName.match(regexPattern);
+          // If the pattern passed is a regex, use it, otherwise use the old name with a global flag
+          const pattern = regexTest ? new RegExp(regexTest[1], regexTest[2]) : new RegExp(oldName, 'g');
+          if (pattern.test(value)) {
+            const newValue = value.replace(pattern, newName);
             const jsonValue = JSON.stringify(newValue);
             node.setSharedPluginData(namespace, key, jsonValue);
           }