@qld-gov-au/qgds-bootstrap5 1.0.18 → 1.0.20

package/.esbuild/plugins/qgds-plugin-copy-assets.js

@@ -18,13 +18,14 @@ export default function copyPlugin() {
         to: ["./dist/sample-data/"],
       },
       {
-        from: ["./src/js/handlebars*"],
-        to: ["./dist/assets/js"],
+        from: ["./src/js/handlebars.helpers.js"],
+        to: ["./dist/assets/js/handlebars.helpers.js"],
       },
       {
-        from: ["./src/js/handlebars*"],
+        from: ["./src/js/handlebars.*"],
         to: ["./dist/components/"],
       },
+
       { from: ["./src/assets/img/*"], to: ["./dist/assets/img"] },
     ],
   });

package/.esbuild/plugins/qgds-plugin-handlebar-partial-builder.js

@@ -0,0 +1,91 @@
+// updateHandlebarsPartialsPlugin.js
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { build } from 'esbuild';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const COMPONENTS_DIR = path.resolve(__dirname, './../../src/components');
+const PARTIALS_JS_FILE = path.resolve(__dirname, '../../src/js/handlebars.partials.js');
+
+
+function getAllFiles(dirPath, arrayOfFiles) {
+    const files = fs.readdirSync(dirPath, { withFileTypes: true });
+
+    arrayOfFiles = arrayOfFiles || [];
+
+    files.forEach((file) => {
+        //console.log(file);
+        if (file.isDirectory()) {
+            arrayOfFiles = getAllFiles(path.join(dirPath, file.name), arrayOfFiles);
+        } else if (file.isFile() && (file.name.endsWith('.hbs') && !file.name.endsWith('.test.hbs'))) {
+            arrayOfFiles.push(path.join(dirPath, file.name));
+        }
+    });
+
+    return arrayOfFiles;
+}
+
+export default function QGDSupdateHandlebarsPartialsPlugin() {
+    return {
+        name: 'update-handlebars-partials',
+        setup(build) {
+            build.onStart(async () => {
+
+                const files = getAllFiles(COMPONENTS_DIR);
+                //console.log(files);
+                const fileNames = new Map();
+                let duplicateFound = false;
+
+                let importLines = '';
+                let registerLines = '';
+
+                for (const file of files) {
+                    //console.log(file);
+                    const componentName = path.basename(file, '.hbs')
+                    //console.log(componentName);
+                    // Duplicate check
+                    if (fileNames.has(componentName)) {
+                        console.error(`Error: Duplicate component name found: "${componentName}" second partial located at ${file} and ${fileNames.get(componentName)}`);
+                        duplicateFound = true;
+                        continue;
+                    }
+                    fileNames.set(componentName, file);
+
+                    const importName = componentName.replace(/-/g, '');
+                    const componentPath = path.relative(path.dirname(PARTIALS_JS_FILE), file).replace(/\\/g, '/');
+
+                    importLines += `import ${importName} from "${componentPath}?raw";\n`;
+                    registerLines += `    handlebars.registerPartial("${componentName}", ${importName});\n`;
+                }
+
+                if (duplicateFound) {
+                    process.exit(1);
+                }
+
+                const newContent = `/* global Handlebars */
+/** THIS IS A GENERATED FILE **/
+
+${importLines}
+
+/**
+ * Registers Handlebars Partials
+ * @param {Handlebars} handlebars Templating engine
+ * @returns {void} Result of the helper operation
+ */
+export default function handlebarsPartials(handlebars) {
+${registerLines}
+}
+if(typeof(Handlebars) !== 'undefined') {
+  handlebarsPartials(Handlebars);
+}
+`;
+
+                fs.writeFileSync(PARTIALS_JS_FILE, newContent);
+                console.log('handlebar.partials.js has been updated.');
+            });
+        },
+    }
+};

package/.esbuild/plugins/qgds-plugin-version.js

@@ -67,7 +67,7 @@ const versionPlugin = () => ({
 
         // Replace placeholders in HTML, Mustache, and Handlebars files
         build.onEnd(async (result) => {
-            console.log('version update starting');
+            console.log('version update starting...');
 
             //List new components
             const root = process.cwd();
@@ -85,11 +85,12 @@ const versionPlugin = () => ({
 
                     // Check if the content has changed
                     if (source !== newSource) {
-                        console.log(`Placeholder replaced in: ${file}, ${newSource}`);
+                        // console.log(`Placeholder replaced in: ${file}, ${newSource}`);
                         await fs.writeFile(file, newSource);
                     }
                 }
             }
+            console.log('version update Completed');
 
         });
 

package/.storybook/preview.js

@@ -24,7 +24,7 @@ const preview = {
         viewport: {
             viewports: { //QLD-media Breakpoints
                 small: {name: "Small", styles: {width: "400px", height: "800px"}},
-                medium: {name: "Medium", styles: {width: "699px", height: "800px"}},
+                medium: {name: "Medium", styles: {width: "700px", height: "800px"}},
                 large: {name: "Large", styles: {width: "992px", height: "800px"}},
                 xlarge: {name: "Extra Large", styles: {width: "1312px", height: "1000px"}},
                 xxlarge: {name: "Extra Extra Large", styles: {width: "1599px", height: "1000px"}},
@@ -96,7 +96,7 @@ const preview = {
         },
     ],
 
-    tags: ["autodocs", "autodocs"]
+    tags: ["autodocs"]
 };
 
 export default preview;