@window-splitter/solid 0.8.0

package/.storybook/main.ts

@@ -0,0 +1,24 @@
+import type { StorybookConfig } from "storybook-solidjs-vite";
+
+import { join, dirname } from "path";
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath<T extends string>(value: T): T {
+  return dirname(require.resolve(join(value, "package.json"))) as T;
+}
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [],
+  framework: {
+    name: getAbsolutePath("storybook-solidjs-vite"),
+    options: {},
+  },
+  core: {
+    builder: "@storybook/builder-vite",
+  },
+};
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,14 @@
+import type { Preview } from "storybook-solidjs";
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

package/.tshy/build.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "../src",
+    "module": "nodenext",
+    "moduleResolution": "nodenext"
+  }
+}

package/.tshy/esm.json

@@ -0,0 +1,18 @@
+{
+  "extends": "./build.json",
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.mts",
+    "../src/**/*.tsx",
+    "../src/**/*.json"
+  ],
+  "exclude": [
+    "../node_modules",
+    "../src/**/*.test.ts",
+    "../**/*stories.*",
+    "../src/package.json"
+  ],
+  "compilerOptions": {
+    "outDir": "../.tshy-build/esm"
+  }
+}

package/.turbo/turbo-build.log

@@ -0,0 +1,5 @@
+
+
+> @window-splitter/solid@0.6.5 build /Users/andrew/Documents/react-window-splitter/packages/solid
+> tshy
+

package/.turbo/turbo-lint.log

@@ -0,0 +1,5 @@
+
+
+> @window-splitter/solid@0.6.5 lint /Users/andrew/Documents/react-window-splitter/packages/solid
+> eslint .
+

package/CHANGELOG.md

@@ -0,0 +1,66 @@
+# v0.7.0 (Mon Apr 28 2025)
+
+### Release Notes
+
+#### `@window-splitter/solid` ([#54](https://github.com/hipstersmoothie/window-splitter/pull/54))
+
+The second framework adapter for `window-splitter` is live!
+
+Things of note:
+
+- `react-window-splitter` is deprecated in favor of `@window-splitter/react`
+- `@window-splitter/solid` is feature complete and passes the test full test suite
+- `@window-splitter/interface` was created to house the shared component types and some help functions
+
+In creating the solid adapter we had to make vanilla JS versions of some functions we previously got from a dependency. This resulted in a 7.4% bundle size reduction for the react package 🎉 
+
+### Breaking Change
+
+The API for registering panel handles changed a little bit. If you're using the `@window-splitter/state` package directly you will have to update your code (if you exist send me a message!)
+
+---
+
+#### 🚀 Enhancement
+
+- `@window-splitter/solid` [#54](https://github.com/hipstersmoothie/window-splitter/pull/54) ([@hipstersmoothie](https://github.com/hipstersmoothie))
+
+#### 🐛 Bug Fix
+
+- fix ci tests ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- dynamic constraints ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- lint ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- first pass ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- fix props spread ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- fix attr merging ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- fix style ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- fix conditional test ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- fixing tests ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- make id automatic by rendering once ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- fix unmount ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- more ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- ugh ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- update names ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- fix double conditional render layout ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- move ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- fix lint ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- fix build ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- FIX BUILD ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- move move ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- move shared stuff ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- move shared types out ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- conditional panels ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- imperative handles ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- controlled collapse ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- more stories ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- fix nested ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- ai ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- cleanup ([@hipstersmoothie](https://github.com/hipstersmoothie))
+- starting to wrk ([@hipstersmoothie](https://github.com/hipstersmoothie))
+
+#### ⚠️ Pushed to `main`
+
+- add missing publish configs ([@hipstersmoothie](https://github.com/hipstersmoothie))
+
+#### Authors: 1
+
+- Andrew Lisowski ([@hipstersmoothie](https://github.com/hipstersmoothie))

package/README.md

@@ -0,0 +1,54 @@
+# `@window-splitter/solid`
+
+A full featured window splitter for SolidJS.
+
+- Support for the full [window splitter](https://www.w3.org/WAI/ARIA/apg/patterns/windowsplitter/) ARIA spec
+- Support for percentage and pixel based constraints
+- Collapsible panels
+- Controlled panels
+- Layout Persistance - LocalStorage and Cookie
+
+[Read the full docs](https://react-window-splitter-six.vercel.app)
+
+> NOTE: Docs are currently on react but it's the same API. Refer the the stories for usage examples.
+
+## Install
+
+```bash
+npm install @window-splitter/solid
+yarn add @window-splitter/solid
+pnpm add @window-splitter/solid
+```
+
+## Usage
+
+```tsx
+import { PanelGroup, Panel, PanelResizer } from "@window-splitter/solid";
+
+function Example() {
+  return (
+    <PanelGroup>
+      <Panel min="130px" max="400px" />
+      <PanelResizer />
+      <Panel min="130px" />
+    </PanelGroup>
+  );
+}
+```
+
+## Server Side Rendering + Strict Mode
+
+While not required for the simple case, for anything more complex you will
+need to add an `id` prop to your panels and handles.
+This is so that the component can tell all of the components apart during layout and rendering.
+
+Features that require `id`:
+
+- Conditional Panels
+- Server Side Rendering
+
+## Prior Art
+
+This library is heavily inspired by the following libraries:
+
+- [react-resizable-panels](https://github.com/bvaughn/react-resizable-panels)

package/dist/esm/SolidWIndowSplitter.d.ts

@@ -0,0 +1,19 @@
+import { Accessor, JSX, Ref } from "solid-js";
+import { PanelGroupHandle, SharedPanelGroupProps, PanelHandle, SharedPanelProps, SharedPanelResizerProps } from "@window-splitter/interface";
+export interface PanelGroupProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "style">, SharedPanelGroupProps {
+    /** Imperative handle to control the group */
+    handle?: Ref<PanelGroupHandle>;
+    style?: JSX.CSSProperties;
+}
+export declare function PanelGroup(props: PanelGroupProps): JSX.Element;
+export interface PanelProps extends SharedPanelProps<Accessor<boolean | undefined>>, Omit<JSX.HTMLAttributes<HTMLDivElement>, "onResize" | "style"> {
+    /** Imperative handle to control the panel */
+    handle?: Ref<PanelHandle>;
+    style?: JSX.CSSProperties;
+}
+export declare function Panel(props: PanelProps): JSX.Element;
+export interface PanelResizerProps extends SharedPanelResizerProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, "onDragStart" | "onDrag" | "onDragEnd" | "style"> {
+    style?: JSX.CSSProperties;
+}
+export declare function PanelResizer(props: PanelResizerProps): JSX.Element;
+//# sourceMappingURL=SolidWIndowSplitter.d.ts.map

package/dist/esm/SolidWIndowSplitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidWIndowSplitter.d.ts","sourceRoot":"","sources":["../../src/SolidWIndowSplitter.tsx"],"names":[],"mappings":"AAsBA,OAAO,EACL,QAAQ,EAQR,GAAG,EAIH,GAAG,EAEJ,MAAM,UAAU,CAAC;AAQlB,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,gBAAgB,EAChB,uBAAuB,EAKxB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACvD,qBAAqB;IACvB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eA+KhD;AAgBD,MAAM,WAAW,UACf,SAAQ,gBAAgB,CAAC,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC,EACrD,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAChE,6CAA6C;IAC7C,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,eA8MtC;AAED,MAAM,WAAW,iBACf,SAAQ,uBAAuB,EAC7B,IAAI,CACF,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,aAAa,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjD;IACH,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAwMpD"}