lucos_search_component 0.0.10 → 0.0.11

package/example/example.js

@@ -1 +1 @@
-import '../index.js';
+import '../dist/index.js';

package/example/webpack.config.js

@@ -7,13 +7,5 @@ export default {
     filename: 'built.js',
     path: new URL('.', import.meta.url).pathname,
   },
-  module: {
-    rules: [
-      {
-        test: /\.css$/i,
-        use: ["css-loader"],
-      },
-    ],
-  },
   mode: 'development',
 };

package/index.js

@@ -93,7 +93,7 @@ class LucosSearchComponent extends HTMLSpanElement {
 		// (If `style-loader` is being used, the tom-select stylesheet will be handled by that)
 		if (tomSelectStylesheet) {
 			const tomStyle = document.createElement('style');
-			tomStyle.textContent = tomSelectStylesheet[0][1];
+			tomStyle.textContent = tomSelectStylesheet;
 			shadow.appendChild(tomStyle);
 		}
 

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "lucos_search_component",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "Web Component for searching lucOS data",
   "type": "module",
-  "main": "index.js",
+  "main": "dist/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "example": "source .env && KEY_LUCOS_ARACHNE=$KEY_LUCOS_ARACHNE envsubst < example/index.html > example/built.html && webpack -c example/webpack.config.js && open example/built.html"
+    "example": "source .env && KEY_LUCOS_ARACHNE=$KEY_LUCOS_ARACHNE envsubst < example/index.html > example/built.html && npm run build && webpack -c example/webpack.config.js && open example/built.html",
+    "build": "rollup -c"
   },
   "repository": {
     "type": "git",
@@ -22,10 +23,10 @@
   },
   "homepage": "https://github.com/lucas42/lucos_search_component#readme",
   "devDependencies": {
-    "webpack-cli": "^6.0.1"
-  },
-  "dependencies": {
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "rollup": "^4.52.4",
+    "rollup-plugin-import-css": "^4.0.2",
     "tom-select": "^2.4.3",
-    "css-loader": "^7.1.2"
+    "webpack-cli": "^6.0.1"
   }
 }

package/rollup.config.mjs

@@ -0,0 +1,14 @@
+import resolve from '@rollup/plugin-node-resolve';
+import css from "rollup-plugin-import-css";
+
+export default {
+	input: 'index.js',
+	output: {
+		file: 'dist/index.js',
+		format: 'esm'
+	},
+	plugins: [ 
+		resolve(),
+		css(),
+	],
+};