Add rollup build, now demo works

Author: NullVoxPopuli

test-app/app/components/vertical-collection.js

@@ -0,0 +1 @@
+export { VerticalCollection as default } from '@html-next/vertical-collection';

vertical-collection/babel.config.mjs

@@ -1,3 +1,11 @@
 export default {
-  plugins: [],
+  plugins: [
+    [
+      'module:babel-plugin-ember-template-compilation',
+      {
+        targetFormat: 'hbs',
+        transforms: [],
+      },
+    ],
+  ],
 };

vertical-collection/package.json

@@ -23,6 +23,14 @@
     "name": "Chris Thoburn (@runspired)",
     "url": "https://runspired.com"
   },
+  "exports": {
+    ".": {
+      "default": "./dist/index.js"
+    },
+    "./-private/index": {
+      "default": "./dist/-private/index.js"
+    }
+  },
   "contributors": [
     {
       "name": "Chris Garrett (@pzuraq)",
@@ -37,9 +45,12 @@
   ],
   "files": [
     "src",
+    "dist",
     "addon-shim.cjs"
   ],
   "scripts": {
+    "build": "rollup --config",
+    "prepack": "rollup --config",
     "format": "prettier . --cache --write",
     "lint": "concurrently \"npm:lint:*(!fix)\" --names \"lint:\"",
     "lint:css": "stylelint \"**/*.css\"",
@@ -56,7 +67,10 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7.22.10",
     "@ember/test-waiters": "~3.1.0",
+    "@embroider/addon-dev": "^8.2.0",
     "@eslint/js": "^9.39.2",
+    "@rollup/plugin-babel": "^6.1.0",
+    "babel-plugin-ember-template-compilation": "^4.0.0",
     "concurrently": "^8.2.0",
     "ember-inflector": "^6.0.0",
     "ember-perf-timeline": "^2.0.0",
@@ -73,6 +87,7 @@
     "globals": "^16.5.0",
     "prettier": "^3.0.2",
     "prettier-plugin-ember-template-tag": "^2.0.6",
+    "rollup": "^4.56.0",
     "stylelint": "^17.0.0",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-prettier": "^5.0.3"

vertical-collection/rollup.config.mjs

@@ -0,0 +1,23 @@
+import { Addon } from '@embroider/addon-dev/rollup';
+import { babel } from '@rollup/plugin-babel';
+
+const addon = new Addon({
+  srcDir: 'src',
+  destDir: 'dist',
+});
+
+export default {
+  output: addon.output(),
+
+  plugins: [
+    addon.publicEntrypoints(['index.js', '-private/index.js']),
+    addon.dependencies(),
+    babel({
+      extensions: ['.js', '.gjs', '.ts', '.gts'],
+      babelHelpers: 'bundled',
+    }),
+    addon.gjs(),
+    addon.keepAssets(['**/*.css']),
+    addon.clean(),
+  ],
+};

vertical-collection/src/index.js

@@ -0,0 +1 @@
+export { default as VerticalCollection } from './components/vertical-collection.gjs';