Convert it into an add-on.

packages/contents/.eslintrc.cjs

@@ -0,0 +1,5 @@
+/** @type {import('eslint').Linter.Config} */
+module.exports = {
+  extends: ['../../.eslintrc.cjs', '../eslintconfig/addons.js'],
+  ignorePatterns: ['vitest.config.ts'],
+};

packages/contents/.release-it.json

@@ -4,7 +4,8 @@
   },
   "hooks": {
     "after:bump": [
-      "pipx run towncrier build --draft --yes --version ${version} > .changelog.draft && pipx run towncrier build --yes --version ${version}",
+      "pipx run towncrier build --draft --yes --version ${version} > .changelog.draft",
+      "pipx run towncrier build --yes --version ${version}",
       "pnpm build"
     ],
     "after:release": "rm .changelog.draft"

packages/contents/README.md

@@ -1,3 +1,8 @@
 # `@plone/contents`
 
 This package contains the folder Contents view for Plone.
+
+> [!WARNING]
+> This package or app is experimental.
+> The community offers no support whatsoever for it.
+> Breaking changes may occur without notice.

packages/contents/src/components/ContentsCell.tsx → packages/contents/components/ContentsCell.tsx

@@ -1,6 +1,6 @@
-import React, { ComponentProps, useRef, useState } from 'react';
+import React, { type ComponentProps, useRef, useState } from 'react';
 import { useDateFormatter } from 'react-aria';
-import { Brain } from '../../../types/src';
+import type { Brain } from '../../types';
 import { Button, Link, MoreoptionsIcon } from '@plone/components';
 import { ItemActionsPopover } from './ItemActionsPopover';
 import { useContentsContext } from '../providers/contents';

packages/contents/index.ts

@@ -0,0 +1,8 @@
+import type { ConfigType } from '@plone/registry';
+
+export default function install(config: ConfigType) {
+  return config;
+}
+
+export { ContentsTable } from './components/ContentsTable';
+export * from './providers/contents';

packages/contents/package.json

@@ -28,21 +28,18 @@
   "publishConfig": {
     "access": "public"
   },
-  "source": "./src/index.ts",
-  "main": "./src/index.ts",
+  "main": "index.ts",
   "scripts": {
-    "watch": "parcel watch",
-    "build": "parcel build",
-    "build:force": "parcel build --no-cache",
     "test": "vitest",
+    "check-ts": "tsc --project tsconfig.json",
     "dry-release": "release-it --dry-run",
     "release": "release-it",
     "release-major-alpha": "release-it major --preRelease=alpha",
     "release-alpha": "release-it --preRelease=alpha"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "react-dom": {
@@ -55,14 +52,17 @@
     "@plone/providers": "workspace:*",
     "@plone/registry": "workspace:*",
     "@tanstack/react-query": "^5.59.0",
-    "react-aria": "^3.33.0",
+    "react-aria": "^3.37.0",
     "react-aria-components": "^1.6.0",
     "usehooks-ts": "^3.1.0"
   },
   "devDependencies": {
     "@plone/types": "workspace:*",
+    "@testing-library/jest-dom": "6.4.2",
+    "@types/jest-axe": "^3.5.7",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "jest-axe": "^8.0.0",
     "release-it": "17.1.1",
     "tsconfig": "workspace:*",
     "typescript": "5.2.2",

packages/contents/src/providers/contents.tsx → packages/contents/providers/contents.tsx

@@ -1,6 +1,6 @@
 import React, {
   createContext,
-  PropsWithChildren,
+  type PropsWithChildren,
   useContext,
   useMemo,
 } from 'react';

packages/contents/setupTesting.ts

@@ -0,0 +1,3 @@
+import '@testing-library/jest-dom';
+import { toHaveNoViolations } from 'jest-axe';
+expect.extend(toHaveNoViolations);

packages/contents/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "extends": "tsconfig/react-library.json",
-  "include": ["src", "src/**/*.js"],
+  "include": ["src", "src/**/*.js", "index.ts", "types.d.ts"],
   "exclude": [
     "node_modules",
     "build",

packages/contents/vitest.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from 'vitest/config';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: './setupTesting.ts',
+    // you might want to disable it, if you don't have tests that rely on CSS
+    // since parsing CSS is slow
+    css: true,
+    exclude: ['**/node_modules/**', '**/lib/**'],
+  },
+});