@vscode/observables-react 0.1.1-0

package/dist/router/PathPattern.js

@@ -0,0 +1,88 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+class PathPattern {
+    /**
+     * E.g. "/folder/:path/::rest"
+    */
+    static parse(pattern) {
+        if (!pattern.startsWith("/")) {
+            throw new Error();
+        }
+        const parts = pattern.substring(1).split('/');
+        const p = parts.map(part => {
+            if (part.startsWith('::')) {
+                const variableName = part.substring(2);
+                return { kind: 'variable', variableName, catchAll: true };
+            }
+            else if (part.startsWith(':')) {
+                const variableName = part.substring(1);
+                return { kind: 'variable', variableName, catchAll: false };
+            }
+            else {
+                return { kind: 'literal', value: part };
+            }
+        });
+        return new PathPattern(p);
+    }
+    constructor(_segments) {
+        this._segments = _segments;
+    }
+    match(path) {
+        if (!path.startsWith('/')) {
+            throw new Error();
+        }
+        const parts = path.substring(1).split('/');
+        const params = {};
+        for (const segment of this._segments) {
+            if (segment.kind === 'literal') {
+                const part = parts.shift();
+                if (segment.value !== part) {
+                    return undefined;
+                }
+            }
+            else if (segment.kind == 'variable') {
+                if (segment.catchAll) {
+                    const partText = parts.join('/');
+                    parts.length = 0;
+                    const value = decodeURIComponent(partText);
+                    params[segment.variableName] = value;
+                }
+                else {
+                    const part = parts.shift();
+                    if (part === undefined) {
+                        return undefined;
+                    }
+                    const value = decodeURIComponent(part);
+                    params[segment.variableName] = value;
+                }
+            }
+            else {
+                throw new Error();
+            }
+        }
+        if (parts.length > 0) {
+            return undefined;
+        }
+        return params;
+    }
+    build(data) {
+        const parts = this._segments.map(segment => {
+            if (segment.kind === 'literal') {
+                return segment.value;
+            }
+            else {
+                const value = data[segment.variableName];
+                if (value === undefined) {
+                    throw new Error();
+                }
+                return value;
+            }
+        });
+        return '/' + parts.join('/');
+    }
+}
+
+export { PathPattern };
+//# sourceMappingURL=PathPattern.js.map

package/dist/router/PathPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PathPattern.js","sources":["../../src/router/PathPattern.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;MACa,WAAW,CAAA;AACpB;;AAEE;IACK,OAAO,KAAK,CAAC,OAAe,EAAA;QAC/B,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YAAE,MAAM,IAAI,KAAK,EAAE,CAAC;SAAE;AAEpD,QAAA,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9C,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAuB,IAAI,IAAG;AAC7C,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;gBACvB,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;gBACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;aAC7D;AAAM,iBAAA,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBAC7B,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;gBACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;aAC9D;iBAAM;gBACH,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;aAC3C;AACL,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;KAC7B;AAED,IAAA,WAAA,CAAqC,SAAiC,EAAA;QAAjC,IAAS,CAAA,SAAA,GAAT,SAAS,CAAwB;KACrE;AAEM,IAAA,KAAK,CAAC,IAAY,EAAA;QACrB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YACvB,MAAM,IAAI,KAAK,EAAE,CAAC;SACrB;AAED,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE3C,MAAM,MAAM,GAA8B,EAAE,CAAC;AAC7C,QAAA,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,SAAS,EAAE;AAClC,YAAA,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE;AAC5B,gBAAA,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;AAC1B,gBAAA,IAAI,OAAO,CAAC,KAAK,KAAK,IAAI,EAAE;AACxB,oBAAA,OAAO,SAAS,CAAC;iBACpB;aACJ;AAAM,iBAAA,IAAI,OAAO,CAAC,IAAI,IAAI,UAAU,EAAE;AACnC,gBAAA,IAAI,OAAO,CAAC,QAAQ,EAAE;oBAClB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACjC,oBAAA,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;AACjB,oBAAA,MAAM,KAAK,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAC3C,oBAAA,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;iBACxC;qBAAM;AACH,oBAAA,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAC3B,oBAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AAAE,wBAAA,OAAO,SAAS,CAAC;qBAAE;AAC7C,oBAAA,MAAM,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;AACvC,oBAAA,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;iBACxC;aACJ;iBAAM;gBACH,MAAM,IAAI,KAAK,EAAE,CAAC;aACrB;SACJ;AAED,QAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAClB,YAAA,OAAO,SAAS,CAAC;SACpB;AAED,QAAA,OAAO,MAAM,CAAC;KACjB;AAEM,IAAA,KAAK,CAAC,IAAgC,EAAA;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,IAAG;AACvC,YAAA,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE;gBAC5B,OAAO,OAAO,CAAC,KAAK,CAAC;aACxB;iBAAM;gBACH,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;AACzC,gBAAA,IAAI,KAAK,KAAK,SAAS,EAAE;oBACrB,MAAM,IAAI,KAAK,EAAE,CAAC;iBACrB;AACD,gBAAA,OAAO,KAAK,CAAC;aAChB;AACL,SAAC,CAAC,CAAC;QAEH,OAAO,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAChC;AACJ;;;;"}

package/dist/router/Route.d.ts

@@ -0,0 +1,35 @@
+import { NavigationPath } from "./Path";
+export declare class Route<TArgs extends {} | void = void> implements PathMatcher<TArgs> {
+    readonly path: string;
+    readonly args: PathArgs;
+    readonly queryArgs: QueryArgs;
+    static create(path: string): Route<void>;
+    static create<TPathArgs extends PathArgs>(path: string, pathArgs: TPathArgs): Route<PathArgsToType<TPathArgs>>;
+    static create<TPathArgs extends PathArgs, TQueryArgs extends QueryArgs>(path: string, pathArgs: TPathArgs, queryArgs: TQueryArgs): Route<PathArgsToType<TPathArgs> & QueryArgsToType<TQueryArgs>>;
+    private readonly _pathPattern;
+    private constructor();
+    build(args: TArgs): NavigationPath;
+    matches(path: NavigationPath): TArgs | undefined;
+}
+export interface PathMatcher<T> {
+    matches(path: NavigationPath): T | undefined;
+}
+export type PathArgs = Record<string, "string">;
+export type QueryArgs = Record<string, "string" | {
+    const: string;
+}>;
+export type PathArgsToType<T extends PathArgs> = {
+    [TKey in keyof T]: {
+        string: string;
+    }[T[TKey]];
+};
+type PrimitiveTypeMap = {
+    string: string;
+};
+export type QueryArgsToType<T extends QueryArgs> = {
+    [TKey in keyof T]: T[TKey] extends keyof PrimitiveTypeMap ? PrimitiveTypeMap[T[TKey]] : never;
+} extends infer O ? {
+    [K in keyof O as O[K] extends never ? never : K]: O[K];
+} : never;
+export {};
+//# sourceMappingURL=Route.d.ts.map

package/dist/router/Route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Route.d.ts","sourceRoot":"","sources":["../../src/router/Route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAGxC,qBAAa,KAAK,CAAC,KAAK,SAAS,EAAE,GAAG,IAAI,GAAG,IAAI,CAAE,YAAW,WAAW,CAAC,KAAK,CAAC;aAqBxD,IAAI,EAAE,MAAM;aACZ,IAAI,EAAE,QAAQ;aACd,SAAS,EAAE,SAAS;WAtB1B,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC;WAEjC,MAAM,CAAC,SAAS,SAAS,QAAQ,EAC3C,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,SAAS,GACpB,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;WACrB,MAAM,CAAC,SAAS,SAAS,QAAQ,EAAE,UAAU,SAAS,SAAS,EACzE,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,UAAU,GACtB,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAOjE,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgC;IAE7D,OAAO;IAMA,KAAK,CAAC,IAAI,EAAE,KAAK,GAAG,cAAc;IAqBlC,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,KAAK,GAAG,SAAS;CAqB1D;AAED,MAAM,WAAW,WAAW,CAAC,CAAC;IAC1B,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,CAAC,GAAG,SAAS,CAAC;CAChD;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAgB,CAAC;AAC/D,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAErE,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,QAAQ,IAAI;KAC5C,IAAI,IAAI,MAAM,CAAC,GAAG;QACf,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;CACb,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACpB,MAAM,EAAE,MAAM,CAAA;CACjB,CAAC;AACF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,SAAS,IAAI;KAC9C,IAAI,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK;CAChG,SAAS,MAAM,CAAC,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,GAAG,KAAK,CAAC"}

package/dist/router/Route.js

@@ -0,0 +1,63 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+import { NavigationPath } from './Path.js';
+import { PathPattern } from './PathPattern.js';
+
+class Route {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    static create(path, pathArgs, queryArgs) {
+        return new Route(path, pathArgs ?? {}, queryArgs ?? {});
+    }
+    constructor(path, args, queryArgs) {
+        this.path = path;
+        this.args = args;
+        this.queryArgs = queryArgs;
+        this._pathPattern = PathPattern.parse(this.path);
+    }
+    build(args) {
+        const pathArgs = {};
+        for (const key in this.args) {
+            pathArgs[key] = args[key];
+        }
+        const path = this._pathPattern.build(pathArgs);
+        const queryArgs = {};
+        for (const key in this.queryArgs) {
+            const v = this.queryArgs[key];
+            if (typeof v === 'object') {
+                queryArgs[key] = v.const;
+            }
+            else {
+                queryArgs[key] = args[key];
+            }
+        }
+        return NavigationPath.create(path, queryArgs);
+    }
+    matches(path) {
+        const r = this._pathPattern.match(path.getPathString());
+        if (!r) {
+            return undefined;
+        }
+        const params = new URLSearchParams(path.queryArgs);
+        const args = { ...r };
+        for (const [key, type] of Object.entries(this.queryArgs)) {
+            const value = params.get(key);
+            if (value === null) {
+                return undefined;
+            }
+            if (typeof type === 'object') {
+                if (value !== type.const) {
+                    return undefined;
+                }
+            }
+            else {
+                args[key] = value;
+            }
+        }
+        return args;
+    }
+}
+
+export { Route };
+//# sourceMappingURL=Route.js.map

package/dist/router/Route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Route.js","sources":["../../src/router/Route.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;MAGa,KAAK,CAAA;;AAcP,IAAA,OAAO,MAAM,CAAC,IAAY,EAAE,QAAmB,EAAE,SAAqB,EAAA;AACzE,QAAA,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC;KAC3D;AAID,IAAA,WAAA,CACoB,IAAY,EACZ,IAAc,EACd,SAAoB,EAAA;QAFpB,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAQ;QACZ,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAU;QACd,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;QALvB,IAAY,CAAA,YAAA,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAMxD;AAEE,IAAA,KAAK,CAAC,IAAW,EAAA;QACpB,MAAM,QAAQ,GAA4B,EAAE,CAAC;AAC7C,QAAA,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE;YACzB,QAAQ,CAAC,GAAG,CAAC,GAAI,IAAgC,CAAC,GAAG,CAAC,CAAC;SAC1D;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAE/C,MAAM,SAAS,GAA2B,EAAE,CAAC;AAC7C,QAAA,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,SAAS,EAAE;YAC9B,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AAC9B,YAAA,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;AACvB,gBAAA,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;aAC5B;iBAAM;gBACH,SAAS,CAAC,GAAG,CAAC,GAAI,IAAgC,CAAC,GAAG,CAAW,CAAC;aACrE;SACJ;QAED,OAAO,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;KACjD;AAEM,IAAA,OAAO,CAAC,IAAoB,EAAA;AAC/B,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACxD,IAAI,CAAC,CAAC,EAAE;AAAE,YAAA,OAAO,SAAS,CAAC;SAAE;QAE7B,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACnD,QAAA,MAAM,IAAI,GAA4B,EAAE,GAAG,CAAC,EAAE,CAAC;AAC/C,QAAA,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;YACtD,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC9B,YAAA,IAAI,KAAK,KAAK,IAAI,EAAE;AAChB,gBAAA,OAAO,SAAS,CAAC;aACpB;AACD,YAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAC1B,gBAAA,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;AACtB,oBAAA,OAAO,SAAS,CAAC;iBACpB;aACJ;iBAAM;AACH,gBAAA,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;aACrB;SACJ;AACD,QAAA,OAAO,IAAa,CAAC;KACxB;AACJ;;;;"}

package/dist/router/Router.d.ts

@@ -0,0 +1,16 @@
+import { NavigationPath } from "./Path";
+import { PathMatcher } from "./Route";
+export declare class Router<TOut, TRouteArgs = {}> {
+    private readonly _parent;
+    private readonly _addedRoute;
+    static create<TData>(): Router<TData, {}>;
+    private constructor();
+    with<TNewArgs>(matcher: PathMatcher<TNewArgs>, dataProvider: (args: TNewArgs) => TOut): Router<TOut, TRouteArgs & TNewArgs>;
+    route(path: NavigationPath): RouteResult<TOut, TRouteArgs> | undefined;
+}
+export interface RouteResult<TOut, TArgs> {
+    args: TArgs;
+    out: TOut;
+    matcher: PathMatcher<unknown>;
+}
+//# sourceMappingURL=Router.d.ts.map

package/dist/router/Router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../src/router/Router.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,qBAAa,MAAM,CAAC,IAAI,EAAE,UAAU,GAAG,EAAE;IAOjC,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,WAAW;WAPlB,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;IAIhD,OAAO;IAMA,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,MAAM,CAAC,IAAI,EAAE,UAAU,GAAG,QAAQ,CAAC;IAI3H,KAAK,CAAC,IAAI,EAAE,cAAc,GAAG,WAAW,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,SAAS;CAgBhF;AAED,MAAM,WAAW,WAAW,CAAC,IAAI,EAAE,KAAK;IACpC,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,IAAI,CAAC;IACV,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACjC"}

package/dist/router/Router.js

@@ -0,0 +1,37 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+class Router {
+    static create() {
+        return new Router(undefined, undefined);
+    }
+    constructor(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    _parent, _addedRoute) {
+        this._parent = _parent;
+        this._addedRoute = _addedRoute;
+    }
+    with(matcher, dataProvider) {
+        return new Router(this, { matcher: matcher, dataProvider: dataProvider });
+    }
+    route(path) {
+        if (this._addedRoute) {
+            const args = this._addedRoute.matcher.matches(path);
+            if (args) {
+                return {
+                    args: args,
+                    out: this._addedRoute.dataProvider(args),
+                    matcher: this._addedRoute.matcher,
+                };
+            }
+        }
+        if (this._parent) {
+            return this._parent.route(path);
+        }
+        return undefined;
+    }
+}
+
+export { Router };
+//# sourceMappingURL=Router.js.map

package/dist/router/Router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.js","sources":["../../src/router/Router.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;MAGa,MAAM,CAAA;AACR,IAAA,OAAO,MAAM,GAAA;AAChB,QAAA,OAAO,IAAI,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;KAC3C;AAED,IAAA,WAAA;;AAEqB,IAAA,OAAsC,EACtC,WAAyC,EAAA;QADzC,IAAO,CAAA,OAAA,GAAP,OAAO,CAA+B;QACtC,IAAW,CAAA,WAAA,GAAX,WAAW,CAA8B;KACzD;IAEE,IAAI,CAAW,OAA8B,EAAE,YAAsC,EAAA;AACxF,QAAA,OAAO,IAAI,MAAM,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,OAA+B,EAAE,YAAY,EAAE,YAAuC,EAAE,CAAC,CAAC;KAChI;AAEM,IAAA,KAAK,CAAC,IAAoB,EAAA;AAC7B,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AAClB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACpD,IAAI,IAAI,EAAE;gBACN,OAAO;AACH,oBAAA,IAAI,EAAE,IAAkB;oBACxB,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC;AACxC,oBAAA,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO;iBACpC,CAAC;aACL;SACJ;AACD,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAA8C,CAAC;SAChF;AACD,QAAA,OAAO,SAAS,CAAC;KACpB;AACJ;;;;"}

package/dist/router/index.d.ts

@@ -0,0 +1,10 @@
+export { NavigationPath } from './Path';
+export type { QueryArgs } from './Path';
+export { PathPattern } from './PathPattern';
+export { Route } from './Route';
+export type { PathMatcher, PathArgs, PathArgsToType, QueryArgsToType, QueryArgs as RouteQueryArgs } from './Route';
+export { Router } from './Router';
+export type { RouteResult } from './Router';
+export { Navigator } from './Navigator';
+export type { ILinkData } from './Navigator';
+//# sourceMappingURL=index.d.ts.map

package/dist/router/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/router/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,SAAS,CAAC;AACnH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/utils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Maps over an object's values, returning a new object with the same keys
+ * but transformed values.
+ */
+export declare function mapObject<T extends Record<string, any>, U>(obj: T, fn: (value: T[keyof T], key: string) => U): {
+    [K in keyof T]: U;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,EACtD,GAAG,EAAE,CAAC,EACN,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC,GAC1C;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC;CAAE,CAIvB"}

package/dist/utils.js

@@ -0,0 +1,14 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+/**
+ * Maps over an object's values, returning a new object with the same keys
+ * but transformed values.
+ */
+function mapObject(obj, fn) {
+    return Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, fn(value, key)]));
+}
+
+export { mapObject };
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAA;;;AAGG;AACa,SAAA,SAAS,CACrB,GAAM,EACN,EAAyC,EAAA;AAEzC,IAAA,OAAO,MAAM,CAAC,WAAW,CACrB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAC1C,CAAC;AAC/B;;;;"}

package/dist/view.d.ts

@@ -0,0 +1,9 @@
+import { IReader } from "@vscode/observables";
+import React from "react";
+import { PropsDesc, PropsIn, PropsOut } from "./viewModel";
+/**
+ * Creates a React component with typed observable props.
+ * Props are transformed according to their IPropertyTransformerFactory.
+ */
+export declare function view<T extends PropsDesc>(props: T, render: (reader: IReader, props: PropsOut<T>) => React.ReactNode): React.ComponentType<PropsIn<T>>;
+//# sourceMappingURL=view.d.ts.map

package/dist/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../src/view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE3D;;;GAGG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,SAAS,EACpC,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,GACjE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAajC"}

package/dist/view.js

@@ -0,0 +1,27 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+import { obsView } from './obsView.js';
+import { mapObject } from './utils.js';
+
+/**
+ * Creates a React component with typed observable props.
+ * Props are transformed according to their IPropertyTransformerFactory.
+ */
+function view(props, render) {
+    return obsView('view', (p) => {
+        const readableProps = mapObject(props, (value, key) => {
+            return value.create(reader => p.read(reader)[key], undefined);
+        });
+        return reader => {
+            const propValues = mapObject(readableProps, (value) => {
+                return value.read(reader);
+            });
+            return render(reader, propValues);
+        };
+    });
+}
+
+export { view };
+//# sourceMappingURL=view.js.map

package/dist/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sources":["../src/view.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAMA;;;AAGG;AACa,SAAA,IAAI,CAChB,KAAQ,EACR,MAAgE,EAAA;AAEhE,IAAA,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,KAAI;QACzB,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,GAAG,KAAI;YAClD,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC;AAClE,SAAC,CAAC,CAAC;QAEH,OAAO,MAAM,IAAG;YACZ,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,EAAE,CAAC,KAAK,KAAI;AAClD,gBAAA,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC9B,aAAC,CAAC,CAAC;AACH,YAAA,OAAO,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACtC,SAAC,CAAC;AACN,KAAC,CAAC,CAAC;AACP;;;;"}

package/dist/viewModel.d.ts

@@ -0,0 +1,33 @@
+import { IDisposable, DisposableStore } from "@vscode/observables";
+import { Context } from "react";
+import { IPropertyTransformerFactory } from "./IPropertyTransformer";
+export declare const ViewModelContextSymbol: unique symbol;
+export type PropsDesc = Record<string, IPropertyTransformerFactory<any, any>>;
+export type PropsIn<T extends PropsDesc> = {
+    [K in keyof T]: T[K] extends IPropertyTransformerFactory<infer U, any> ? U : never;
+};
+export type PropsOut<T extends PropsDesc> = {
+    [K in keyof T]: T[K] extends IPropertyTransformerFactory<any, infer U> ? U : never;
+};
+export declare class BaseViewModel<TProps> implements IDisposable {
+    protected readonly props: TProps;
+    protected _store: DisposableStore;
+    constructor(props: TProps);
+    dispose(): void;
+}
+export type ViewModelClass<TProps extends PropsDesc> = {
+    new (arg: PropsOut<TProps>): BaseViewModel<PropsOut<TProps>>;
+    _props: TProps;
+    [ViewModelContextSymbol]?: Context<unknown>;
+};
+/** Get or create the context for a ViewModel class */
+export declare function getOrCreateViewModelContext<T>(ctor: {
+    [ViewModelContextSymbol]?: Context<T | undefined>;
+}): Context<T | undefined>;
+/**
+ * Creates a ViewModel class with typed props.
+ * Use this as a base class for your ViewModels.
+ */
+export declare function ViewModel(): ViewModelClass<{}>;
+export declare function ViewModel<T extends PropsDesc>(props: T): ViewModelClass<T>;
+//# sourceMappingURL=viewModel.d.ts.map

package/dist/viewModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewModel.d.ts","sourceRoot":"","sources":["../src/viewModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAiB,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAGrE,eAAO,MAAM,sBAAsB,eAA6B,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,2BAA2B,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAE9E,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,SAAS,IAAI;KACtC,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,2BAA2B,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK;CACrF,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,SAAS,IAAI;KACvC,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,2BAA2B,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK;CACrF,CAAC;AAEF,qBAAa,aAAa,CAAC,MAAM,CAAE,YAAW,WAAW;IACrD,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,MAAM,kBAAyB;gBAE7B,KAAK,EAAE,MAAM;IAIzB,OAAO,IAAI,IAAI;CAGlB;AAGD,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,SAAS,IAAI;IACnD,KAAK,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7D,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,sBAAsB,CAAC,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;CAC/C,CAAC;AAEF,sDAAsD;AACtD,wBAAgB,2BAA2B,CAAC,CAAC,EACzC,IAAI,EAAE;IAAE,CAAC,sBAAsB,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAA;CAAE,GAC5D,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAMxB;AAED;;;GAGG;AACH,wBAAgB,SAAS,IAAI,cAAc,CAAC,EAAE,CAAC,CAAC;AAChD,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC"}

package/dist/viewModel.js

@@ -0,0 +1,36 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+import { DisposableStore } from '@vscode/observables';
+import { createContext } from 'react';
+
+// Symbol to store the context on the ViewModel class
+const ViewModelContextSymbol = Symbol('ViewModelContext');
+class BaseViewModel {
+    constructor(props) {
+        this._store = new DisposableStore();
+        this.props = props;
+    }
+    dispose() {
+        this._store.dispose();
+    }
+}
+/** Get or create the context for a ViewModel class */
+function getOrCreateViewModelContext(ctor) {
+    if (!ctor[ViewModelContextSymbol]) {
+        ctor[ViewModelContextSymbol] =
+            createContext(undefined);
+    }
+    return ctor[ViewModelContextSymbol];
+}
+function ViewModel(props = {}) {
+    var _a;
+    return _a = class extends BaseViewModel {
+        },
+        _a._props = props,
+        _a;
+}
+
+export { BaseViewModel, ViewModel, ViewModelContextSymbol, getOrCreateViewModelContext };
+//# sourceMappingURL=viewModel.js.map

package/dist/viewModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewModel.js","sources":["../src/viewModel.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAIA;MACa,sBAAsB,GAAG,MAAM,CAAC,kBAAkB,EAAE;MAYpD,aAAa,CAAA;AAItB,IAAA,WAAA,CAAY,KAAa,EAAA;AAFf,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,eAAe,EAAE,CAAC;AAGrC,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;IAED,OAAO,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;KACzB;AACJ,CAAA;AASD;AACM,SAAU,2BAA2B,CACvC,IAA2D,EAAA;AAE3D,IAAA,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,EAAE;QAC9B,IAA8D,CAAC,sBAAsB,CAAC;YACnF,aAAa,CAAgB,SAAS,CAAC,CAAC;KAC/C;AACD,IAAA,OAAO,IAAI,CAAC,sBAAsB,CAAE,CAAC;AACzC,CAAC;AAQe,SAAA,SAAS,CAAsB,KAAA,GAAW,EAAO,EAAA;;IAC7D,OAAO,EAAA,GAAA,cAAc,aAA0B,CAAA;AAE9C,SAAA;AADU,QAAA,EAAA,CAAA,MAAM,GAAG,KAAM;UACJ,CAAC;AAC3B;;;;"}

package/dist/viewWithModel.d.ts

@@ -0,0 +1,30 @@
+import { IDisposable, IReader } from "@vscode/observables";
+import React, { Context } from "react";
+import { IPropertyTransformerFactory } from "./IPropertyTransformer";
+import { BaseViewModel, PropsDesc, PropsOut, ViewModelContextSymbol } from "./viewModel";
+/** Check if a transformer has _requiredContext defined (injected) */
+type HasRequiredContext<T> = T extends {
+    _requiredContext: Context<unknown>;
+} ? true : false;
+/** Required props: non-injected properties that must be provided */
+type RequiredProps<T extends PropsDesc> = {
+    [K in keyof T as HasRequiredContext<T[K]> extends true ? never : K]: T[K] extends IPropertyTransformerFactory<infer U, any> ? U : never;
+};
+/** Optional props: injected properties that can be overridden */
+type OptionalProps<T extends PropsDesc> = {
+    [K in keyof T as HasRequiredContext<T[K]> extends true ? K : never]?: T[K] extends IPropertyTransformerFactory<any, infer U> ? U : never;
+};
+/** Combined props type: required + optional injected */
+type WithOptionalInjected<T extends PropsDesc> = RequiredProps<T> & OptionalProps<T>;
+export declare function viewWithModel<TModelProps extends PropsDesc, TModel extends BaseViewModel<PropsOut<TModelProps>>>(viewModelCtor: (new (arg: PropsOut<TModelProps>) => TModel) & {
+    _props: TModelProps;
+    [ViewModelContextSymbol]?: Context<unknown>;
+}, render: (reader: IReader, model: TModel) => React.ReactNode): React.ComponentType<WithOptionalInjected<TModelProps>>;
+export declare function viewWithModel<TModelProps extends PropsDesc, TProps extends PropsDesc, TModel extends BaseViewModel<PropsOut<TModelProps>>>(viewModelCtor: (new (arg: PropsOut<TModelProps>) => TModel) & {
+    _props: TModelProps;
+    [ViewModelContextSymbol]?: Context<unknown>;
+}, props: TProps, render: (reader: IReader, model: TModel, props: PropsOut<TProps>) => React.ReactNode): React.ComponentType<WithOptionalInjected<TModelProps> & WithOptionalInjected<TProps>>;
+export declare function viewWithModel<TModel extends IDisposable>(viewModelCtor: new () => TModel, render: (reader: IReader, model: TModel) => React.ReactNode): React.ComponentType<{}>;
+export declare function viewWithModel<TProps extends PropsDesc, TModel extends IDisposable>(viewModelCtor: new () => TModel, props: TProps, render: (reader: IReader, model: TModel, props: PropsOut<TProps>) => React.ReactNode): React.ComponentType<WithOptionalInjected<TProps>>;
+export {};
+//# sourceMappingURL=viewWithModel.d.ts.map

package/dist/viewWithModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewWithModel.d.ts","sourceRoot":"","sources":["../src/viewWithModel.ts"],"names":[],"mappings":"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"}

package/dist/viewWithModel.js

@@ -0,0 +1,50 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+import { derivedDisposable } from '@vscode/observables';
+import { obsView } from './obsView.js';
+import { mapObject } from './utils.js';
+import { getOrCreateViewModelContext } from './viewModel.js';
+
+/** Collect unique _requiredContext from transformers */
+function collectRequiredContexts(propsDesc) {
+    const contexts = [];
+    for (const t of Object.values(propsDesc)) {
+        const ctx = t._requiredContext;
+        if (ctx && !contexts.includes(ctx))
+            contexts.push(ctx);
+    }
+    return contexts;
+}
+function viewWithModel(viewModelCtor, propsOrRender, maybeRender) {
+    const props = typeof propsOrRender === 'function' ? {} : propsOrRender;
+    const render = typeof propsOrRender === 'function' ? propsOrRender : maybeRender;
+    const modelPropsDesc = '_props' in viewModelCtor ? viewModelCtor._props : {};
+    const requiredContexts = collectRequiredContexts({ ...modelPropsDesc, ...props });
+    // Always create the context so ProvideViewModel can work
+    const viewModelContext = getOrCreateViewModelContext(viewModelCtor);
+    const allContexts = [...requiredContexts, viewModelContext];
+    return obsView('viewWithModel', (p, getContextValues) => {
+        const contextValues = getContextValues();
+        const providedModel = contextValues.get(viewModelContext);
+        const readableModelProps = '_props' in viewModelCtor
+            ? mapObject(viewModelCtor._props, (v, k) => v.create((r) => p.read(r)[k], contextValues.get(v._requiredContext)))
+            : {};
+        const model = providedModel
+            ? { read: () => providedModel, dispose: () => { } }
+            : derivedDisposable(reader => {
+                const modelProps = mapObject(readableModelProps, (v) => v.read(reader));
+                return new viewModelCtor(modelProps);
+            });
+        const readableProps = mapObject(props, (v, k) => v.create((r) => p.read(r)[k], contextValues.get(v._requiredContext)));
+        return (reader) => {
+            const m = model.read(reader);
+            const propValues = mapObject(readableProps, (v) => v.read(reader));
+            return render(reader, m, propValues);
+        };
+    }, allContexts.length > 0 ? allContexts : undefined);
+}
+
+export { viewWithModel };
+//# sourceMappingURL=viewWithModel.js.map

package/dist/viewWithModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewWithModel.js","sources":["../src/viewWithModel.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,72 @@
+{
+    "name": "@vscode/observables-react",
+    "description": "React bindings for VS Code observables",
+    "author": "Microsoft",
+    "version": "0.1.1-0",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/microsoft/vscode-packages.git",
+        "directory": "vscode-observables/observables-react"
+    },
+    "homepage": "https://github.com/microsoft/vscode-packages/tree/main/vscode-observables/observables-react",
+    "bugs": {
+        "url": "https://github.com/microsoft/vscode-packages/issues"
+    },
+    "type": "module",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js",
+            "default": "./dist/index.js"
+        },
+        "./internal": {
+            "types": "./dist/internal.d.ts",
+            "import": "./dist/internal.js",
+            "default": "./dist/internal.js"
+        },
+        "./min": {
+            "import": "./dist/index.min.js",
+            "default": "./dist/index.min.js"
+        }
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "prepare": "pnpm run build",
+        "build": "rollup -c",
+        "dev": "rollup -c -w",
+        "clean": "rimraf dist",
+        "typecheck": "tsc --noEmit",
+        "typecheck:examples": "tsc -p readme-codeblock-examples/tsconfig.json",
+        "test:e2e": "playwright test",
+        "test:e2e:ui": "playwright test --ui",
+        "test:e2e:debug": "playwright test --debug"
+    },
+    "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0",
+        "@vscode/observables": "*"
+    },
+    "devDependencies": {
+        "@vscode/observables": "workspace:*",
+        "@playwright/test": "^1.40.0",
+        "@rollup/plugin-node-resolve": "^16.0.3",
+        "@rollup/plugin-terser": "^0.4.4",
+        "@rollup/plugin-typescript": "^12.3.0",
+        "@types/react": "^18.0.0",
+        "@types/react-dom": "^18.0.0",
+        "@vitejs/plugin-react": "^4.0.0",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0",
+        "rimraf": "^5.0.0",
+        "rollup": "^3.29.5",
+        "tslib": "^2.8.1",
+        "typescript": "^5.0.0",
+        "vite": "^4.4.0"
+    }
+}