Using a better demo naming system

demo/45-highlighting-text.ts

@@ -1,3 +1,5 @@
+// Highlighting text
+// Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { AlignmentType, Document, Header, Packer, Paragraph, TextRun } from "../build";
 

demo/46-shading-text.ts

@@ -1,3 +1,5 @@
+// Shading text
+// Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
 import { AlignmentType, Document, Header, Packer, Paragraph, ShadingType, TextRun } from "../build";
 
@@ -18,7 +20,7 @@ doc.addSection({
                             font: {
                                 name: "Garamond",
                             },
-                            shadow: {
+                            shading: {
                                 type: ShadingType.REVERSE_DIAGONAL_STRIPE,
                                 color: "00FFFF",
                                 fill: "FF0000",

demo/index.ts

@@ -19,13 +19,16 @@ prompt.start();
 
 prompt.get(schema, (_, result) => {
     const demoNumber = result.number;
-    const filePath = `./demo/demo${demoNumber}.ts`;
+    const files = fs.readdirSync("./demo").filter((fn) => fn.startsWith(demoNumber));
 
-    if (!fs.existsSync(filePath)) {
-        console.error(`demo${demoNumber} does not exist: ${filePath}`);
+    if (files.length === 0) {
+        console.error(`demo number ${demoNumber} does not exist`);
         return;
     }
-    console.log(`Running demo ${demoNumber}`);
+
+    const filePath = `./demo/${files[0]}`;
+
+    console.log(`Running demo ${demoNumber}: ${files[0]}`);
     if (shelljs.exec(`npm run ts-node -- ${filePath}`).code === 0) {
         console.log("Document created successfully");
     } else {