Add fix demo

Author: webpro

packages/docs/public/screenshots/fix.mp4

@@ -52,6 +52,14 @@ knip --fix-type exports,types
 knip --fix-type exports --fix-type types   # same as above
 ```
 
+## Demo
+
+<video controls width="500">
+  <source src="/screenshots/fix.mp4" type="video/mp4" />
+
+  <source src="/screenshots/fix.webm" type="video/webm" />
+</video>
+
 ## Post-fix
 
 After Knip has fixed issues, there are four things to consider:

packages/docs/public/screenshots/fix.webm

@@ -0,0 +1,5 @@
+import { ONE, NUMBERS } from './numbers.js';
+
+ONE;
+
+NUMBERS.FOUR;

packages/docs/src/content/docs/features/auto-fix.mdx

@@ -1,2 +1,4 @@
+import './import-numbers.js';
+
 export * from './exports.js';
 export { usedFunction } from './used-fn.js';

templates/demo/monorepo/packages/shared/src/import-numbers.ts

@@ -0,0 +1,11 @@
+const ONE = 1;
+const TWO = 2;
+
+export { ONE, TWO };
+
+export const THREE = ONE + TWO;
+
+export enum NUMBERS {
+  FOUR = 4,
+  FIVE = 5
+}

templates/demo/monorepo/packages/shared/src/index.ts

@@ -106,6 +106,10 @@ end
 
 local function init(done)
   hs.execute("code ", true)
+  hs.eventtap.keyStroke({ "cmd", "shift" }, "0")
+  hs.eventtap.keyStroke({ "cmd" }, "=")
+  hs.eventtap.keyStroke({ "cmd" }, "=")
+  hs.eventtap.keyStroke({ "cmd" }, "=")
   enterStage(done, "✂️ demo\n\nknip --watch\nknip --fix", function(cb)
     openVSCodeWithFile(demo .. "/packages/shared/src/exports.ts", cb);
   end)