Docs: Add codemod script for docs snippets

code/e2e-tests/addon-a11y.spec.ts

@@ -59,7 +59,7 @@ test.describe('addon-a11y', () => {
 
     // test that clipboard contains the correct url
     const clipboard = await page.evaluate(() => navigator.clipboard.readText());
-    await expect(clipboard).toContain(
+    expect(clipboard).toContain(
       '?path=/story/addons-a11y-tests--violations&addonPanel=storybook/a11y/panel&a11ySelection=passes.aria-hidden-body.1'
     );
 

code/e2e-tests/addon-viewport.spec.ts

@@ -30,16 +30,16 @@ test.describe('addon-viewport', () => {
 
     // Measure the original dimensions of previewRoot
     const originalDimensions = await sbPage.getCanvasBodyElement().boundingBox();
-    await expect(originalDimensions?.width).toBeDefined();
+    expect(originalDimensions?.width).toBeDefined();
 
     await sbPage.selectToolbar('[title="Change the size of the preview"]', '#list-item-mobile1');
 
     // Measure the adjusted dimensions of previewRoot after clicking the mobile item.
     const adjustedDimensions = await sbPage.getCanvasBodyElement().boundingBox();
-    await expect(adjustedDimensions?.width).toBeDefined();
+    expect(adjustedDimensions?.width).toBeDefined();
 
     // Compare the two widths
-    await expect(adjustedDimensions?.width).not.toBe(originalDimensions?.width);
+    expect(adjustedDimensions?.width).not.toBe(originalDimensions?.width);
   });
 
   test('viewport should be uneditable when a viewport is set via globals', async ({ page }) => {
@@ -50,7 +50,7 @@ test.describe('addon-viewport', () => {
 
     // Measure the original dimensions of previewRoot
     const originalDimensions = await sbPage.getCanvasBodyElement().boundingBox();
-    await expect(originalDimensions?.width).toBeDefined();
+    expect(originalDimensions?.width).toBeDefined();
 
     const toolbar = page.getByTitle('Change the size of the preview');
 

code/frameworks/angular/src/builders/start-storybook/schema.json

@@ -103,7 +103,7 @@
       "description": "Global styles to be included in the build.",
       "items": {
         "$ref": "#/definitions/styleElement"
-      }    
+      }
     },
     "stylePreprocessorOptions": {
       "description": "Options to pass to style preprocessors.",
@@ -117,7 +117,7 @@
           }
         }
       },
-      "additionalProperties": false    
+      "additionalProperties": false
     },
     "assets": {
       "type": "array",

code/lib/eslint-plugin/docs/rules/no-stories-of.md

@@ -14,7 +14,6 @@ Examples of **incorrect** code for this rule:
 
 ```js
 import { storiesOf } from '@storybook/react';
-
 import Button from '../components/Button';
 
 storiesOf('Button', module).add('primary', () => <Button primary />);

scripts/package.json

@@ -10,6 +10,7 @@
     "check-package": "jiti ./check-package.ts",
     "docs:prettier:check": "cd ../docs && prettier --check ./_snippets || echo 'Please run \"docs:prettier:write\" in the \"scripts\" directory to fix the issues'",
     "docs:prettier:write": "cd ../docs && prettier --write ./_snippets",
+    "docs:codemod": "jiti ./snippets/codemod.ts",
     "generate-sandboxes": "jiti ./sandbox/generate.ts",
     "get-report-message": "jiti ./get-report-message.ts",
     "get-sandbox-dir": "jiti ./get-sandbox-dir.ts",
@@ -131,6 +132,7 @@
     "fs-extra": "^11.2.0",
     "github-release-from-changelog": "^2.1.1",
     "glob": "^10.4.5",
+    "globby": "^14.0.1",
     "http-server": "^14.1.1",
     "husky": "^4.3.7",
     "jiti": "^1.21.7",