2.0

.github/workflows/test_js.yml

@@ -0,0 +1,25 @@
+name: JS Tests
+
+on: [push]
+
+jobs:
+  test:
+    name: Test
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Corepack
+      run: |
+        npm install --global corepack@latest
+        corepack enable
+
+    - name: Install
+      run: |
+        corepack enable
+        make nodejs
+
+    - name: Run tests
+      run: make wtr

CHANGES.rst

@@ -1,10 +1,10 @@
 Changes
 =======
 
-1.1.1 (unreleased)
+2.0.0 (unreleased)
 ------------------
 
-- Nothing changed yet.
+- Bootstrap 5 Styles.
 
 
 1.1.0 (2026-02-03)

Makefile

@@ -12,6 +12,7 @@
 #: i18n.lingua
 #: js.nodejs
 #: js.rollup
+#: js.wtr
 #: qa.coverage
 #: qa.test
 #
@@ -82,6 +83,16 @@ NODEJS_OPT_PACKAGES?=
 # No default value.
 NODEJS_INSTALL_OPTS?=
 
+## js.wtr
+
+# Web test runner config file.
+# Default: wtr.config.mjs
+WTR_CONFIG?=js/wtr.config.mjs
+
+# Web test runner additional command line options.
+# Default: --coverage
+WTR_OPTIONS?=--coverage
+
 ## js.rollup
 
 # Rollup config file.
@@ -313,6 +324,18 @@ INSTALL_TARGETS+=nodejs
 DIRTY_TARGETS+=nodejs-dirty
 CLEAN_TARGETS+=nodejs-clean
 
+##############################################################################
+# web test runner
+##############################################################################
+
+NODEJS_DEV_PACKAGES+=\
+	@web/test-runner \
+	@web/dev-server-import-maps
+
+.PHONY: wtr
+wtr: $(NODEJS_TARGET)
+	@web-test-runner $(WTR_OPTIONS) --config $(WTR_CONFIG)
+
 ##############################################################################
 # rollup
 ##############################################################################

js/rollup.conf.js

@@ -1,42 +1,97 @@
 import cleanup from 'rollup-plugin-cleanup';
 import terser from '@rollup/plugin-terser';
+import postcss from 'rollup-plugin-postcss';
+import resolve from '@rollup/plugin-node-resolve';
 
 const out_dir = 'src/cone/calendar/browser/static/calendar';
+const out_dir_fullcalendar = 'src/cone/calendar/browser/static/fullcalendar';
 
 export default args => {
-    let conf = {
+    let conf = [];
+
+    ////////////////////////////////////////////////////////////////////////////
+    // BOOTSTRAP5
+    ////////////////////////////////////////////////////////////////////////////
+
+    let bundle_bs5 = {
         input: 'js/src/bundle.js',
         plugins: [
             cleanup()
         ],
         output: [{
-            file: `${out_dir}/cone.calendar.js`,
             name: 'cone_calendar',
+            file: `${out_dir}/cone.calendar.js`,
             format: 'iife',
             globals: {
                 jquery: 'jQuery'
             },
-            interop: 'default',
-            sourcemap: false
+            interop: 'default'
         }],
         external: [
             'jquery'
         ]
     };
     if (args.configDebug !== true) {
-        conf.output.push({
-            file: `${out_dir}/cone.calendar.min.js`,
+        bundle_bs5.output.push({
             name: 'cone_calendar',
+            file: `${out_dir}/cone.calendar.min.js`,
             format: 'iife',
             plugins: [
                 terser()
             ],
             globals: {
                 jquery: 'jQuery'
             },
+            interop: 'default'
+        });
+    }
+    conf.push(bundle_bs5);
+
+    let scss_bs5 = {
+        input: ['scss/styles.scss'],
+        output: [{
+            file: `${out_dir}/cone.calendar.css`,
+            format: 'es',
+            plugins: [terser()],
+        }],
+        plugins: [
+            postcss({
+                extract: true,
+                minimize: true,
+                use: [
+                    ['sass', { outputStyle: 'compressed' }],
+                ],
+            }),
+        ],
+    };
+    conf.push(scss_bs5);
+
+    let bundle_fullcalendar = {
+        input: 'js/src/fullcalendar.js',
+        plugins: [
+            resolve(),
+            cleanup()
+        ],
+        output: [{
+            file: `${out_dir_fullcalendar}/fullcalendar.js`,
+            name: 'fullcalendar',
+            format: 'iife',
+            plugins: [
+                // terser()
+            ],
+            globals: {
+                '@fullcalendar/core': 'FullCalendar',
+                '@fullcalendar/daygrid': 'FullCalendarDayGrid',
+                '@fullcalendar/timegrid': 'FullCalendarTimeGrid',
+                '@fullcalendar/list': 'FullCalendarList',
+                '@fullcalendar/interaction': 'FullCalendarInteraction',
+                '@fullcalendar/bootstrap5': 'FullCalendarBootstrap5',
+            },
             interop: 'default',
             sourcemap: false
-        });
+        }]
     }
+    conf.push(bundle_fullcalendar);
+
     return conf;
 };