f1d51b8cc8
- Foldable left panel (user profile) and right panel (task details) - Clicking a task in the list or graph node selects it and shows details - Both views (task list + graph) always mounted via absolute inset-0 for correct canvas dimensions; tabs toggle visibility with opacity - Graph node selection animation: other nodes repel outward (charge -600), then selected node smoothly slides to center (500ms cubic ease-out), then charge restores to -120 and graph stabilizes - Graph re-fits on tab switch and panel resize via ResizeObserver - Fix UUID string IDs throughout (backend returns UUIDs, not integers) - Add TaskDetailPanel, UserPanel components - Add CLAUDE.md project documentation Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
62 lines
2.3 KiB
Markdown
62 lines
2.3 KiB
Markdown
# querystringify
|
|
|
|
[](https://www.npmjs.com/package/querystringify)[](https://travis-ci.org/unshiftio/querystringify)[](https://david-dm.org/unshiftio/querystringify)[](https://coveralls.io/r/unshiftio/querystringify?branch=master)
|
|
|
|
A somewhat JSON compatible interface for query string parsing. This query string
|
|
parser is dumb, don't expect to much from it as it only wants to parse simple
|
|
query strings. If you want to parse complex, multi level and deeply nested
|
|
query strings then you should ask your self. WTF am I doing?
|
|
|
|
## Installation
|
|
|
|
This module is released in npm as `querystringify`. It's also compatible with
|
|
`browserify` so it can be used on the server as well as on the client. To
|
|
install it simply run the following command from your CLI:
|
|
|
|
```
|
|
npm install --save querystringify
|
|
```
|
|
|
|
## Usage
|
|
|
|
In the following examples we assume that you've already required the library as:
|
|
|
|
```js
|
|
'use strict';
|
|
|
|
var qs = require('querystringify');
|
|
```
|
|
|
|
### qs.parse()
|
|
|
|
The parse method transforms a given query string in to an object. Parameters
|
|
without values are set to empty strings. It does not care if your query string
|
|
is prefixed with a `?`, a `#`, or not prefixed. It just extracts the parts
|
|
between the `=` and `&`:
|
|
|
|
```js
|
|
qs.parse('?foo=bar'); // { foo: 'bar' }
|
|
qs.parse('#foo=bar'); // { foo: 'bar' }
|
|
qs.parse('foo=bar'); // { foo: 'bar' }
|
|
qs.parse('foo=bar&bar=foo'); // { foo: 'bar', bar: 'foo' }
|
|
qs.parse('foo&bar=foo'); // { foo: '', bar: 'foo' }
|
|
```
|
|
|
|
### qs.stringify()
|
|
|
|
This transforms a given object in to a query string. By default we return the
|
|
query string without a `?` prefix. If you want to prefix it by default simply
|
|
supply `true` as second argument. If it should be prefixed by something else
|
|
simply supply a string with the prefix value as second argument:
|
|
|
|
```js
|
|
qs.stringify({ foo: bar }); // foo=bar
|
|
qs.stringify({ foo: bar }, true); // ?foo=bar
|
|
qs.stringify({ foo: bar }, '#'); // #foo=bar
|
|
qs.stringify({ foo: '' }, '&'); // &foo=
|
|
```
|
|
|
|
## License
|
|
|
|
MIT
|