Make CueSync a web component

.bundlewatch.config.json

@@ -2,27 +2,27 @@
   "files": [
     {
       "path": "./dist/css/cuesync.css",
-      "maxSize": "555 B"
+      "maxSize": "1.35 kB"
     },
     {
       "path": "./dist/css/cuesync.min.css",
-      "maxSize": "535 B"
+      "maxSize": "1.2 kB"
     },
     {
       "path": "./dist/js/cuesync.esm.js",
-      "maxSize": "4.30 kB"
+      "maxSize": "7.15 kB"
     },
     {
       "path": "./dist/js/cuesync.esm.min.js",
-      "maxSize": "3.00 kB"
+      "maxSize": "5.55 kB"
     },
     {
       "path": "./dist/js/cuesync.js",
-      "maxSize": "4.50 kB"
+      "maxSize": "7.35 kB"
     },
     {
       "path": "./dist/js/cuesync.min.js",
-      "maxSize": "3.00 kB"
+      "maxSize": "5.65 kB"
     }
   ],
   "ci": {

README.md

@@ -7,7 +7,7 @@
 <h3 align="center">CueSync</h3>
 
 <p align="center">
-  CueSync is a JavaScript library designed to simplify the integration of interactive transcripts into multimedia content.
+  CueSync is a JavaScript library that simplifies the integration of interactive transcripts into your media projects.
 </p>
 
 ## Table of contents

build/rollup.config.mjs

@@ -2,6 +2,7 @@ import path from 'node:path'
 import process from 'node:process'
 import { fileURLToPath } from 'node:url'
 import { babel } from '@rollup/plugin-babel'
+import css from 'rollup-plugin-import-css'
 import banner from './banner.mjs'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
@@ -11,6 +12,9 @@ const ESM = process.env.ESM === 'true'
 const destinationFile = `cuesync${ESM ? '.esm' : ''}`
 const external = []
 const plugins = [
+  css({
+    minify: true
+  }),
   babel({
     // Only transpile our source code
     exclude: 'node_modules/**',

hugo.yml

@@ -24,7 +24,7 @@ publishDir: "_site"
 module:
   mounts:
   - source: dist
-    target: static/1.0/dist
+    target: static/2.0/dist
   - source: site/content
     target: content
   - source: site/static
@@ -47,8 +47,8 @@ related:
   toLower: false
 
 params:
-  description:          "CueSync is a JavaScript library designed to simplify the integration of interactive transcripts into multimedia content."
+  description:          "CueSync is a JavaScript library that simplifies the integration of interactive transcripts into your media projects."
   authors:              "Neeraj Kumar Das"
 
-  current_version:      "1.0.0-alpha1"
-  docs_version:         "1.0"
+  current_version:      "2.0.0-alpha1"
+  docs_version:         "2.0"