Milestone3m

[bourgeoa]

responsive css

[Copilot]

Pull request overview

This PR introduces responsive, CSS-based styling for the folder pane and adds a Webpack-based build/dev workflow (including a local dev server harness) to bundle the pane and its styles.

Changes:

• Add component styles (src/styles/*.css) and wire them into src/folderPane.ts via CSS imports; replace several inline styles with CSS classes.
• Introduce Webpack configs (prod + dev server) and shared module rules to bundle TS/JS and CSS, plus copy styles to lib/styles.
• Update packaging/build: switch build to Webpack + declaration-only TS emit, add types, mark CSS as side effects, and add a start dev-server script.

Reviewed changes

Copilot reviewed 11 out of 14 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
webpack.module.rules.mjs	Adds shared Webpack loader rules for TS/JS, global CSS, CSS modules, and TTL assets.
webpack.dev.config.mjs	Adds a dev-server Webpack config for local development.
webpack.config.mjs	Adds production Webpack bundling (normal + minified UMD) and copies styles into lib/.
tsconfig.json	Includes an additional .d.ts file in the TS program.
src/styles/utilities.css	Adds shared CSS variables (e.g., icon sizing).
src/styles/folderPane.css	Adds responsive CSS for folder pane layout and elements.
src/folderPane.ts	Switches from inline styles to CSS classes and imports the new CSS.
package.json	Updates entrypoints/build scripts and adds Webpack-related devDependencies and dev-server script.
dev/index.js	Adds a standalone dev harness to render the pane against a target Solid pod.
dev/index.html	Adds the dev server HTML shell.
dev/dev-global.css	Adds a large set of global dev-only CSS variables/resets for local testing.
dev/context.js	Adds a minimal Solid-Logic based context for the dev harness.
declarations.d.ts	Adds TypeScript declarations for importing .css files.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.