first commit

fix-padding.cjs

@@ -0,0 +1,73 @@
+const fs = require('fs');
+const path = require('path');
+
+function walkDir(dir, files = []) {
+  const entries = fs.readdirSync(dir, { withFileTypes: true });
+  for (const entry of entries) {
+    const full = path.join(dir, entry.name);
+    if (entry.isDirectory()) walkDir(full, files);
+    else if (entry.name.endsWith('.vue') && !entry.name.includes('_fixed')) files.push(full);
+  }
+  return files;
+}
+
+const viewsDir = path.join(__dirname, 'src', 'views');
+const files = walkDir(viewsDir);
+
+let fixedFiles = [];
+
+for (const filePath of files) {
+  let content = fs.readFileSync(filePath, 'utf8');
+  let modified = false;
+
+  // Find the root div class in template
+  const templateMatch = content.match(/<template>[\s\S]*?^(\s*)<div\s+class="([^"]+)"/m);
+  if (!templateMatch) continue;
+
+  const rootClass = templateMatch[2];
+  const indent = templateMatch[1];
+  const pageSpecificClass = rootClass.split(/\s+/).find(c => c !== 'page-container');
+
+  // If root doesn't have page-container, add it
+  if (!rootClass.includes('page-container')) {
+    const oldLine = `${indent}<div class="${rootClass}"`;
+    const newLine = `${indent}<div class="page-container ${rootClass}"`;
+    content = content.replace(oldLine, newLine);
+    modified = true;
+    console.log(`[ADD page-container] ${path.relative(viewsDir, filePath)} : "${rootClass}" -> "page-container ${rootClass}"`);
+  }
+
+  // Remove padding: 0 from the page-specific root class in scoped style
+  if (pageSpecificClass) {
+    // Match something like: .order-list { padding: 0; }  or  .order-list {\n  padding: 0;\n}
+    const paddingZeroRegex = new RegExp(
+      `(\\.${pageSpecificClass}\\s*\\{[^}]*?)padding:\\s*0\\s*;?\\s*([^}]*\\})`,
+      's'
+    );
+    if (paddingZeroRegex.test(content)) {
+      content = content.replace(paddingZeroRegex, (match, before, after) => {
+        let result = before + after;
+        // If the rule is now empty like .class { }, remove it entirely
+        result = result.replace(
+          new RegExp(`\\.${pageSpecificClass}\\s*\\{\\s*\\}`, 's'),
+          ''
+        );
+        return result;
+      });
+      modified = true;
+      console.log(`[REMOVE padding:0] ${path.relative(viewsDir, filePath)} : .${pageSpecificClass}`);
+    }
+  }
+
+  if (modified) {
+    fs.writeFileSync(filePath, content, 'utf8');
+    fixedFiles.push(filePath);
+  } else {
+    console.log(`[SKIP] ${path.relative(viewsDir, filePath)} : already has page-container`);
+  }
+}
+
+console.log(`\n=== Summary ===`);
+console.log(`Total files: ${files.length}`);
+console.log(`Fixed files: ${fixedFiles.length}`);
+fixedFiles.forEach(f => console.log(`  - ${path.relative(viewsDir, f)}`));