svelte-bundle 0.0.21 → 0.0.22

package/ReadMe.md

@@ -1,8 +1,11 @@
+> ⚠️ **NOTICE:** While this tool is currently functional, it has not nearly been battle-tested enough to ensure it works in most use-cases.
+
 ## Usage
 This tool can be used with `npx`:
 ```bash
 npx svelte-bundle -i <input-dir> -o <output-dir>
 ```
+### Full Documentation: [https://github.com/uhteddy/svelte-bundle/wiki](https://github.com/uhteddy/svelte-bundle/wiki)
 
 # Svelte Bundle CLI
 
@@ -12,9 +15,7 @@ Just note, the purpose of this tool is **NOT** to bundle an entire Svelte app, i
 
 Utilizing this you will be able to develop a page with the joy of svelte and be able to directly get a single `.html` file that you can utilize getting full use-case of svelte.
 
-⚠️ **Note**: This tool is **NOT** made to function with SvelteKit, this takes a single `.svelte` file as input and utilizes vite to compile it into a single `.html` file.
-
-⚠️ **Note**: This tool is currently in early development and is not fully complete. The roadmap and additional features will be added over time. There is currently **NO** testing on this, meaning there is no guarentee it will work for most usecases.
+⚠️ **Note**: This tool is **NOT** made to function with SvelteKit natively, this takes a single `.svelte` file as input and will output a single `.html` file.
 
 ## Inspiration
 This tool was inspired by the need I had when it came to updating the CMS for a company I worked for. They were looking for more custom content on their website which used an outdated CMS. Pages were only able to include HTML, CSS, and JS.

package/bundle.js

@@ -1,4 +1,3 @@
-// bundle.js
 import fs from 'fs/promises';
 import path from 'path';
 import { rollup } from 'rollup';
@@ -11,6 +10,17 @@ import postcss from 'postcss';
 import tailwindcss from 'tailwindcss';
 import autoprefixer from 'autoprefixer';
 import cssnano from 'cssnano';
+import { createRequire } from 'module';
+import { fileURLToPath } from 'url';
+
+const require = createRequire(import.meta.url);
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Function to find the CLI's node_modules directory
+const findCliNodeModules = () => {
+  return path.resolve(__dirname, 'node_modules');
+};
 
 export async function buildStaticFile(svelteFilePath, outputDir, options = {}) {
   const { useTailwind = false, tailwindConfig = null } = options;
@@ -19,6 +29,9 @@ export async function buildStaticFile(svelteFilePath, outputDir, options = {}) {
     // Ensure output directory exists
     await fs.mkdir(outputDir, { recursive: true });
 
+    // Get CLI's node_modules path
+    const cliNodeModules = findCliNodeModules();
+
     let cssText = '';
     
     // Setup PostCSS plugins based on whether Tailwind is enabled
@@ -90,17 +103,43 @@ export async function buildStaticFile(svelteFilePath, outputDir, options = {}) {
         }),
         resolve({
           browser: true,
-          dedupe: ['svelte']
+          dedupe: ['svelte'],
+          preferBuiltins: false,
+          moduleDirectories: ['node_modules'],
+          modulePaths: [cliNodeModules],
+          rootDir: cliNodeModules
         }),
         commonjs()
-      ],
-      external: ['svelte/internal']
+      ]
     });
 
     // Create a temporary directory for SSR
     const tempDir = path.join(path.dirname(svelteFilePath), '.temp');
     await fs.mkdir(tempDir, { recursive: true });
-    const tempSSRFile = path.join(tempDir, 'ssr-bundle.js');
+    
+    // Create package.json for the temp directory
+    await fs.writeFile(
+      path.join(tempDir, 'package.json'),
+      JSON.stringify({ 
+        type: 'module',
+        dependencies: {
+          svelte: require(path.join(cliNodeModules, 'svelte', 'package.json')).version
+        }
+      }),
+      'utf-8'
+    );
+
+    // Create symlink to CLI's node_modules
+    const tempNodeModules = path.join(tempDir, 'node_modules');
+    try {
+      await fs.symlink(cliNodeModules, tempNodeModules, 'junction');
+    } catch (error) {
+      if (error.code !== 'EEXIST') {
+        throw error;
+      }
+    }
+
+    const tempSSRFile = path.join(tempDir, 'ssr-bundle.mjs');
 
     // Generate SSR bundle
     await ssrBundle.write({
@@ -110,7 +149,7 @@ export async function buildStaticFile(svelteFilePath, outputDir, options = {}) {
     });
 
     // Import the SSR bundle
-    const { default: App } = await import(tempSSRFile);
+    const { default: App } = await import(`file://${tempSSRFile}`);
     const { html: initialHtml } = App.render();
 
     // Clean up temp files
@@ -142,7 +181,10 @@ export async function buildStaticFile(svelteFilePath, outputDir, options = {}) {
         }),
         resolve({
           browser: true,
-          dedupe: ['svelte']
+          dedupe: ['svelte'],
+          moduleDirectories: ['node_modules'],
+          modulePaths: [cliNodeModules],
+          rootDir: cliNodeModules
         }),
         commonjs(),
         terser()

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "svelte-bundle",
-  "version": "0.0.21",
-  "description": "Bundle Svelte files into static HTML files",
+  "version": "0.0.22",
+  "description": "CLI tool to easily bundle a .svelte file into a single .html file",
   "type": "module",
+  "npm": "svelte-bundle",
   "bin": {
     "svelte-bundle": "./cli.js"
   },
@@ -10,6 +11,10 @@
     "cli.js",
     "bundle.js"
   ],
+  "categories": [
+		"build-plugins",
+		"integrations"
+	],
   "keywords": [
     "svelte",
     "bundle",
@@ -59,4 +64,4 @@
   "engines": {
     "node": ">=18"
   }
-}
+}