Feature pat-filemanager

.eleventyignore

@@ -20,3 +20,4 @@ mockup/tests
 mockup/node_modules/bootstrap/docs/
 mockup/node_modules/bootstrap/grunt/
 mockup/node_modules/bootstrap/js/tests/
+src/pat/filemanager/pat-filemanager-spec.md

.gitignore

@@ -1,4 +1,5 @@
 !devsrc/.gitkeep
+.claude/
 .env
 .vscode
 /docs/external/pat-*
@@ -15,3 +16,4 @@ docs/mockup/patterns
 node_modules/
 stats.json
 /_site/*
+/stamp-yarn

babel.config.js

@@ -1 +1,15 @@
-module.exports = require("@patternslib/dev/babel.config.js");
+const base = require("@patternslib/dev/babel.config.js");
+
+// Extend the Patternslib base babel config with TypeScript support.
+// preset-typescript only acts on .ts/.tsx files (by extension), so plain .js
+// is unaffected. This covers plain .ts modules in webpack and all .ts files
+// under babel-jest. Runes-in-module files (.svelte.ts) are handled separately
+// in webpack/jest, not here.
+module.exports = (api) => {
+    const config = base(api);
+    config.presets = [
+        ...(config.presets || []),
+        ["@babel/preset-typescript", { allowDeclareFields: true }],
+    ];
+    return config;
+};

claude.md

@@ -0,0 +1,5 @@
+# important rules
+
+- use svelte 5 runes and $state/$derived patterns, not stores!
+- use this for testing: http://localhost:8080/Plone12/ use admin:admin
+- use svelte animations

jest.config.js

@@ -8,8 +8,16 @@ config.transformIgnorePatterns = [
     "/node_modules/.pnpm/(?!@patternslib)(?!@plone)(?!preact)(?!screenfull)(?!sinon)(?!bootstrap)(?!datatable)(?!svelte)(?!esm-env)",
 ];
 
-// add svelte-jester
-config.transform["^.+\\.svelte$"] = "svelte-jester";
+// Transforms. Order matters: Jest uses the first matching pattern, so the
+// runes-in-module rule (.svelte.ts / .svelte.js) must precede the generic
+// babel rule (which would otherwise also match `.svelte.ts`).
+config.transform = {
+    "^.+\\.svelte\\.(js|ts)$": path.resolve(__dirname, "./tools/jest-svelte-module.cjs"),
+    // svelte-jester refuses to run in Jest's CJS mode, so use a custom client
+    // compile + ESM->CJS transformer (see the tool for the rationale).
+    "^.+\\.svelte$": path.resolve(__dirname, "./tools/jest-svelte-component.cjs"),
+    ...config.transform,
+};
 
 // console.log(JSON.stringify(config, null, 4));
 module.exports = config;

package.json

@@ -50,6 +50,7 @@
         "@11ty/eleventy": "^3.1.5",
         "@11ty/eleventy-navigation": "^1.0.5",
         "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.2",
+        "@babel/preset-typescript": "^7.29.7",
         "@patternslib/dev": "^4.0.0",
         "@testing-library/jest-dom": "^6.9.1",
         "@types/sinon": "^10.0.20",
@@ -60,8 +61,10 @@
         "svelte": "^5.55.7",
         "svelte-jester": "^5.0.0",
         "svelte-loader": "^3.2.4",
+        "svelte-preprocess": "^6.0.5",
         "svelte-scrollto": "^0.2.0",
-        "svg-inline-loader": "^0.8.2"
+        "svg-inline-loader": "^0.8.2",
+        "typescript": "^6.0.3"
     },
     "resolutions": {
         "@patternslib/patternslib": "9.10.4",