|
|
@@ -0,0 +1,97 @@
|
|
|
+const fs = require('fs');
|
|
|
+const path = require('path');
|
|
|
+
|
|
|
+const directoryPath = path.resolve(__dirname, 'build');
|
|
|
+
|
|
|
+function postProcess() {
|
|
|
+ fs.readdir(directoryPath, (err, files) => {
|
|
|
+ if (err) {
|
|
|
+ console.error("Error reading directory: ", err);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ //
|
|
|
+ // debug
|
|
|
+ //
|
|
|
+ // files.forEach(file => {
|
|
|
+ // console.log(file);
|
|
|
+ // });
|
|
|
+
|
|
|
+ // console.log(directoryPath);
|
|
|
+ // console.log(outputFilePath);
|
|
|
+
|
|
|
+ const htmlFiles = files.filter(file => file.endsWith('html'));
|
|
|
+ htmlFiles.forEach(htmlFile => {
|
|
|
+ console.log(htmlFile);
|
|
|
+ const filePath = path.join(directoryPath, htmlFile);
|
|
|
+ const fileContent = fs.readFileSync(filePath, 'utf-8');
|
|
|
+
|
|
|
+ const scriptContent = extractScript(fileContent);
|
|
|
+ if (scriptContent === '') {
|
|
|
+ console.log(`Warning: no script content for ${filePath}`);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const scriptName = createJsFile(htmlFile, scriptContent);
|
|
|
+ if (scriptName === '') {
|
|
|
+ console.log(`Warning: no scriptName for ${filePath}`);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ replaceScript(fileContent, filePath, scriptName);
|
|
|
+ console.log(`Successfully extracted scripts from [${htmlFile}] into separate [${scriptName}].`);
|
|
|
+ });
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+function extractScript(fileContent) {
|
|
|
+ const scriptStart = fileContent.indexOf('__sveltekit_');
|
|
|
+ if (scriptStart === -1) {
|
|
|
+ console.log("Could not find __sveltekit_ script start in generated HTML files");
|
|
|
+ return '';
|
|
|
+ }
|
|
|
+ var scriptEnd = fileContent.lastIndexOf('</script>');
|
|
|
+ scriptEnd -= 6; // getting rid of extra } closing bracket. Will find a better solution than this.
|
|
|
+ if (scriptEnd === -1) {
|
|
|
+ console.log("Could not match the closing <script> tag");
|
|
|
+ return '';
|
|
|
+ }
|
|
|
+ console.log("script start: ", scriptStart);
|
|
|
+ const scriptContent = fileContent.substring(scriptStart, scriptEnd);
|
|
|
+ const containsPromiseAll = scriptContent.indexOf('Promise.all');
|
|
|
+ if (containsPromiseAll !== -1) {
|
|
|
+ return scriptContent;
|
|
|
+ } else {
|
|
|
+ console.log("Could not find Promise.all call in generated __sveltekit_ script");
|
|
|
+ return '';
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+function createJsFile(ogFileName, fileContent) {
|
|
|
+ const name = path.parse(ogFileName).name;
|
|
|
+ const filename = name + '_extracted_script.js'
|
|
|
+ fs.writeFileSync(directoryPath + '/' + filename, fileContent, (err) => {
|
|
|
+ if (err) {
|
|
|
+ console.log("Error writing extracted script into .js file: ", err);
|
|
|
+ return '';
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return filename;
|
|
|
+}
|
|
|
+
|
|
|
+function replaceScript(fileContent, filePath, scriptName) {
|
|
|
+ const updatedContent = fileContent.replace(/<script>[\s\S]*?<\/script>/, `<script src="${scriptName}" defer></script>`);
|
|
|
+ //
|
|
|
+ // debug
|
|
|
+ //
|
|
|
+ // console.log(`Updated content: \n ${updatedContent}`);
|
|
|
+
|
|
|
+ fs.writeFileSync(filePath, updatedContent, 'utf-8', (err) =>{
|
|
|
+ if (err) {
|
|
|
+ console.log("Failed to write replacedContent instead of inlined script: ", err);
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+postProcess();
|
|
|
+
|
|
|
+
|
oscar
