@atomicsmash/compiler 0.2.3 → 0.3.0

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAqBA,OAAO,CAAC,MAAM,CAAC;IAEd,UAAU,MAAM,CAAC;QAEhB,UAAU,UAAU;YACnB,QAAQ,EAAE,YAAY,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;SAC5D;KACD;CACD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAoBA,OAAO,CAAC,MAAM,CAAC;IAEd,UAAU,MAAM,CAAC;QAEhB,UAAU,UAAU;YACnB,QAAQ,EAAE,YAAY,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;SAC5D;KACD;CACD"}

package/dist/index.js

@@ -42,16 +42,24 @@ const MODE = process.env.NODE_ENV === "development" || process.env.NODE_ENV ===
     : "production";
 const srcFolder = resolvePath(argv.in);
 const distFolder = resolvePath(argv.out);
-// @ts-expect-error -- Module doesn't need to be installed in compiler package.
+// Add optional support for Tailwind if tailwind postcss plugin is installed
 const tailwindPostCSSPlugin = await import("@tailwindcss/postcss")
-    .then((tailwindPostCSS) => [
-    tailwindPostCSS.default,
-])
-    .catch(async () => 
-// @ts-expect-error -- Module doesn't need to be installed in compiler package.
-await import("tailwindcss")
+    .then((tailwindPostCSS) => [tailwindPostCSS.default])
+    .catch(async () => await import("tailwindcss")
     .then((tailwindcss) => [tailwindcss.default])
     .catch(() => []));
+// Add optional support for Vue if vue-loader is installed
+const vueConfig = await import("vue-loader")
+    .then((vueLoaderModule) => ({
+    loader: [
+        {
+            test: /\.vue$/,
+            loader: "vue-loader",
+        },
+    ],
+    plugin: [new vueLoaderModule.VueLoaderPlugin()],
+}))
+    .catch(() => ({ loader: [], plugin: [] }));
 const postCSSConfig = [
     [
         ...tailwindPostCSSPlugin,
@@ -97,6 +105,7 @@ const compiler = webpack({
         library: {
             type: "modern-module",
         },
+        libraryTarget: "module",
         module: true,
         path: distFolder,
     },
@@ -106,6 +115,7 @@ const compiler = webpack({
     },
     module: {
         rules: [
+            ...vueConfig.loader,
             {
                 test: /\.[jt]sx?$/,
                 use: {
@@ -114,7 +124,12 @@ const compiler = webpack({
                         presets: ["@babel/preset-typescript", "@babel/preset-env"],
                     },
                 },
-                exclude: /node_modules/,
+                exclude: (file) => {
+                    if (vueConfig.loader.length > 0) {
+                        return file.includes("node_modules") && !file.includes(".vue.js");
+                    }
+                    return file.includes("node_modules");
+                },
             },
             {
                 test: /\.s[ac]ss$/i,
@@ -213,6 +228,7 @@ const compiler = webpack({
         new DependencyExtractionWebpackPlugin({
             combineAssets: true,
         }),
+        ...vueConfig.plugin,
     ],
 });
 if (argv.watch) {

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@atomicsmash/compiler",
 	"type": "module",
-	"version": "0.2.3",
+	"version": "0.3.0",
 	"description": "A universal compiler for all Atomic Smash projects.",
 	"keywords": [
 		"cli",
@@ -66,10 +66,13 @@
 		"yargs": "^17.7.2"
 	},
 	"devDependencies": {
+		"@tailwindcss/postcss": "^4.0.9",
 		"@types/svg-spritemap-webpack-plugin": "^4.4.4",
 		"@types/webpack": "^5.28.5",
 		"@types/webpack-assets-manifest": "^5.1.4",
 		"@types/webpack-bundle-analyzer": "^4.7.0",
-		"@types/yargs": "^17.0.33"
+		"@types/yargs": "^17.0.33",
+		"tailwindcss": "^4.0.9",
+		"vue-loader": "^17.4.2"
 	}
 }