@aerogel/playwright 0.1.2

package/dist/aerogel-playwright.d.ts

@@ -0,0 +1,58 @@
+import { expect } from '@playwright/test';
+import { GetModelInput } from 'soukai-bis';
+import { Locator } from '@playwright/test';
+import { ModelsRegistry } from 'soukai-bis';
+import { Page } from '@playwright/test';
+import { PlaywrightTestArgs } from '@playwright/test';
+import { PlaywrightTestOptions } from '@playwright/test';
+import { PlaywrightWorkerArgs } from '@playwright/test';
+import { PlaywrightWorkerOptions } from '@playwright/test';
+import { TestType } from '@playwright/test';
+
+export declare function a11yGet(page: Page, text: string): Locator;
+
+export declare function ariaInput(page: Page, label: string, options?: AriaInputOptions): Locator;
+
+export declare type AriaInputOptions = {
+    description?: string;
+};
+
+export declare function ariaLabel(page: Page, label: string): Locator;
+
+export declare function comboboxSelect(page: Page, labelOrSelector: string, value: string): Promise<void>;
+
+export declare function count<T extends keyof ModelsRegistry>(page: Page, name: T): Promise<number>;
+
+export declare function create<T extends keyof ModelsRegistry>(page: Page, name: T, data: GetModelInput<ModelsRegistry[T]>): Promise<void>;
+
+export declare function disableErrorHandling(page: Page): Promise<void>;
+
+export declare function dontSee(page: Page, text: string, options?: {
+    timeout?: number;
+}): Promise<void>;
+
+export { expect }
+
+export declare function matchImageSnapshot(page: Page, name?: string): Promise<void>;
+
+export declare function press(page: Page, label: string, selector?: string): Promise<void>;
+
+export declare function see(page: Page, text: string, selectorOrOptions?: string | SeeOptions, options?: SeeOptions): Promise<Locator>;
+
+export declare function seeImage(page: Page, alt: string): Promise<void>;
+
+export declare type SeeOptions = {
+    srOnly?: boolean;
+    timeout?: number;
+};
+
+export declare const test: TestType<PlaywrightTestArgs & PlaywrightTestOptions & {
+resetStorage: void;
+}, PlaywrightWorkerArgs & PlaywrightWorkerOptions>;
+
+export declare function waitSync(page: Page): Promise<void>;
+
+
+export * from "playwright-solid";
+
+export { }

package/dist/aerogel-playwright.js

@@ -0,0 +1,117 @@
+import { expect as r, test as u } from "@playwright/test";
+import { expect as B } from "@playwright/test";
+export * from "playwright-solid";
+function l(t, i) {
+  return t.getByText(i, { exact: !1 }).or(t.locator(`[aria-label="${i}"]`)).first();
+}
+function y(t, i) {
+  return t.locator(`[aria-label="${i}"]`);
+}
+function g(t, i, a = {}) {
+  let e = t.getByLabel(i, { exact: !0 });
+  return a.description && (e = e.filter({
+    has: t.locator(`[aria-description="${a.description}"], [aria-describedby]`)
+  })), e;
+}
+async function w(t, i, a) {
+  await r(l(t, i)).not.toBeVisible({ timeout: a == null ? void 0 : a.timeout });
+}
+async function h(t, i, a) {
+  const e = a ?? 'button:visible, a:visible, label:visible, details:visible, [role="menuitem"]:visible', s = t.locator('[role="dialog"][data-state="open"]:not([aria-hidden="true"])').last().locator(e).filter({ hasText: i });
+  await (await s.count() > 0 ? s.first() : t.locator(e).filter({ hasText: i }).first()).click();
+}
+async function f(t, i, a = {}, e = {}) {
+  const o = typeof a == "string" ? e.srOnly : a.srOnly, c = (typeof a == "string" ? e : a).timeout;
+  let n;
+  return typeof a == "string" ? n = t.locator(a).filter({ hasText: i }).first() : n = l(t, i), o ? (await r(n).toBeAttached({ timeout: c }), n) : (await r(n).toBeVisible({ timeout: c }), n);
+}
+async function S(t, i) {
+  const a = t.locator(`img[alt="${i}"]`).first();
+  await a.scrollIntoViewIfNeeded(), await r(a).toBeVisible();
+}
+async function T(t, i, a) {
+  await t.waitForTimeout(300);
+  const o = await t.locator("label[for]").filter({ hasText: i }).first().getAttribute("for");
+  o ? await t.locator(`#${o}`).click() : await t.locator(i).click(), await t.waitForTimeout(300), await t.locator('*[role="option"]').filter({ hasText: a }).first().click();
+}
+async function v(t) {
+  await t.addInitScript(() => {
+    window.__aerogelDisableErrorHandling__ = !0;
+  });
+}
+async function x(t, i, a) {
+  await t.evaluate(
+    async ({ modelName: e, modelData: o }) => {
+      if (!window.testingRuntime)
+        throw new Error("Testing runtime is not available");
+      await window.testingRuntime.model(e).create(o);
+    },
+    { modelName: i, modelData: a }
+  );
+}
+async function _(t, i) {
+  return t.evaluate(async (a) => {
+    if (!window.testingRuntime)
+      throw new Error("Testing runtime is not available");
+    return (await window.testingRuntime.model(a).all()).length;
+  }, i);
+}
+async function E(t, i) {
+  !process.env.SNAPSHOTS && !process.env.PLAYWRIGHT_SNAPSHOTS || (i ? await r(t).toHaveScreenshot(`${i}.png`, { animations: "disabled" }) : await r(t).toHaveScreenshot({ animations: "disabled" }));
+}
+async function H(t) {
+  await f(t, "Synchronization in progress"), await w(t, "Synchronization in progress", { timeout: 1e4 }), await t.waitForTimeout(100);
+}
+async function d(t, i) {
+  const a = t.url(), e = a !== "about:blank" ? new URL(a).origin : i ?? "http://localhost:5001";
+  await (await t.context().newCDPSession(t)).send("Storage.clearDataForOrigin", {
+    origin: e,
+    storageTypes: "all"
+  });
+}
+async function m(t) {
+  await t.addInitScript(() => {
+    window.__aerogelEvents__ = {
+      error: ({ error: i, message: a }) => {
+        if (window.__aerogelDisableErrorHandling__)
+          return;
+        const e = i instanceof Error ? i : new Error(a || String(i));
+        setTimeout(() => {
+          throw e;
+        });
+      }
+    };
+  }), t.on("pageerror", (i) => {
+    if (!i.message.includes("ResizeObserver loop completed with undelivered notifications."))
+      throw i;
+  });
+}
+const I = u.extend({
+  page: async ({ page: t }, i) => {
+    await m(t), await i(t);
+  },
+  resetStorage: [
+    async ({ page: t, baseURL: i }, a) => {
+      await d(t, i), await a();
+    },
+    { auto: !0 }
+  ]
+});
+export {
+  l as a11yGet,
+  g as ariaInput,
+  y as ariaLabel,
+  T as comboboxSelect,
+  _ as count,
+  x as create,
+  v as disableErrorHandling,
+  w as dontSee,
+  B as expect,
+  E as matchImageSnapshot,
+  h as press,
+  f as see,
+  S as seeImage,
+  I as test,
+  H as waitSync
+};
+//# sourceMappingURL=aerogel-playwright.js.map

package/dist/aerogel-playwright.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aerogel-playwright.js","sources":["../src/lib/a11y.ts","../src/lib/errors.ts","../src/lib/models.ts","../src/lib/snapshots.ts","../src/lib/sync.ts","../src/setup/storage.ts","../src/setup/errors.ts","../src/setup/index.ts"],"sourcesContent":["import { expect } from '@playwright/test';\nimport type { Locator, Page } from '@playwright/test';\n\nexport type SeeOptions = {\n    srOnly?: boolean;\n    timeout?: number;\n};\n\nexport type AriaInputOptions = {\n    description?: string;\n};\n\nexport function a11yGet(page: Page, text: string): Locator {\n    return page\n        .getByText(text, { exact: false })\n        .or(page.locator(`[aria-label=\"${text}\"]`))\n        .first();\n}\n\nexport function ariaLabel(page: Page, label: string): Locator {\n    return page.locator(`[aria-label=\"${label}\"]`);\n}\n\nexport function ariaInput(page: Page, label: string, options: AriaInputOptions = {}): Locator {\n    let locator = page.getByLabel(label, { exact: true });\n    if (options.description) {\n        locator = locator.filter({\n            has: page.locator(`[aria-description=\"${options.description}\"], [aria-describedby]`),\n        });\n    }\n    return locator;\n}\n\nexport async function dontSee(page: Page, text: string, options?: { timeout?: number }): Promise<void> {\n    await expect(a11yGet(page, text)).not.toBeVisible({ timeout: options?.timeout });\n}\n\nexport async function press(page: Page, label: string, selector?: string): Promise<void> {\n    const targetSelector =\n        selector ?? 'button:visible, a:visible, label:visible, details:visible, [role=\"menuitem\"]:visible';\n    const dialog = page.locator('[role=\"dialog\"][data-state=\"open\"]:not([aria-hidden=\"true\"])').last();\n    const inDialog = dialog.locator(targetSelector).filter({ hasText: label });\n    const locator =\n        (await inDialog.count()) > 0\n            ? inDialog.first()\n            : page.locator(targetSelector).filter({ hasText: label }).first();\n    await locator.click();\n}\n\nexport async function see(\n    page: Page,\n    text: string,\n    selectorOrOptions: string | SeeOptions = {},\n    options: SeeOptions = {},\n): Promise<Locator> {\n    const srOnly = typeof selectorOrOptions === 'string' ? options.srOnly : selectorOrOptions.srOnly;\n    const baseOptions = typeof selectorOrOptions === 'string' ? options : selectorOrOptions;\n    const timeout = baseOptions.timeout;\n\n    let locator: Locator;\n    if (typeof selectorOrOptions === 'string') {\n        locator = page.locator(selectorOrOptions).filter({ hasText: text }).first();\n    } else {\n        locator = a11yGet(page, text);\n    }\n\n    if (srOnly) {\n        await expect(locator).toBeAttached({ timeout });\n        return locator;\n    }\n\n    await expect(locator).toBeVisible({ timeout });\n    return locator;\n}\n\nexport async function seeImage(page: Page, alt: string): Promise<void> {\n    const locator = page.locator(`img[alt=\"${alt}\"]`).first();\n    await locator.scrollIntoViewIfNeeded();\n    await expect(locator).toBeVisible();\n}\n\nexport async function comboboxSelect(page: Page, labelOrSelector: string, value: string): Promise<void> {\n    await page.waitForTimeout(300);\n    const label = page.locator('label[for]').filter({ hasText: labelOrSelector }).first();\n    const id = await label.getAttribute('for');\n    if (id) {\n        await page.locator(`#${id}`).click();\n    } else {\n        await page.locator(labelOrSelector).click();\n    }\n    await page.waitForTimeout(300);\n    await page.locator('*[role=\"option\"]').filter({ hasText: value }).first().click();\n}\n","import type { Page } from '@playwright/test';\n\nexport async function disableErrorHandling(page: Page): Promise<void> {\n    await page.addInitScript(() => {\n        window.__aerogelDisableErrorHandling__ = true;\n    });\n}\n","import type { Page } from '@playwright/test';\nimport type { GetModelInput, ModelsRegistry } from 'soukai-bis';\n\nexport async function create<T extends keyof ModelsRegistry>(\n    page: Page,\n    name: T,\n    data: GetModelInput<ModelsRegistry[T]>,\n): Promise<void> {\n    await page.evaluate(\n        async ({ modelName, modelData }) => {\n            if (!window.testingRuntime) {\n                throw new Error('Testing runtime is not available');\n            }\n\n            await window.testingRuntime.model(modelName as string).create(modelData);\n        },\n        { modelName: name, modelData: data },\n    );\n}\n\nexport async function count<T extends keyof ModelsRegistry>(page: Page, name: T): Promise<number> {\n    return page.evaluate(async (modelName) => {\n        if (!window.testingRuntime) {\n            throw new Error('Testing runtime is not available');\n        }\n\n        const instances = await window.testingRuntime.model(modelName as string).all();\n\n        return instances.length;\n    }, name);\n}\n","import { expect } from '@playwright/test';\nimport type { Page } from '@playwright/test';\n\nexport async function matchImageSnapshot(page: Page, name?: string): Promise<void> {\n    if (!process.env.SNAPSHOTS && !process.env.PLAYWRIGHT_SNAPSHOTS) {\n        return;\n    }\n\n    if (name) {\n        await expect(page).toHaveScreenshot(`${name}.png`, { animations: 'disabled' });\n    } else {\n        await expect(page).toHaveScreenshot({ animations: 'disabled' });\n    }\n}\n","import type { Page } from '@playwright/test';\n\nimport { dontSee, see } from './a11y';\n\nexport async function waitSync(page: Page): Promise<void> {\n    await see(page, 'Synchronization in progress');\n    await dontSee(page, 'Synchronization in progress', { timeout: 10000 });\n    await page.waitForTimeout(100);\n}\n","import type { Page } from '@playwright/test';\n\nexport async function resetStorage(page: Page, baseURL?: string | null): Promise<void> {\n    const url = page.url();\n    const origin = url !== 'about:blank' ? new URL(url).origin : (baseURL ?? 'http://localhost:5001');\n    const client = await page.context().newCDPSession(page);\n\n    await client.send('Storage.clearDataForOrigin', {\n        origin,\n        storageTypes: 'all',\n    });\n}\n","import type { Page } from '@playwright/test';\n\nexport async function setupErrorListener(page: Page): Promise<void> {\n    await page.addInitScript(() => {\n        window.__aerogelEvents__ = {\n            error: ({ error, message }: { error: unknown; message?: string }) => {\n                if (window.__aerogelDisableErrorHandling__) {\n                    return;\n                }\n\n                const errorToThrow = error instanceof Error ? error : new Error(message || String(error));\n\n                setTimeout(() => {\n                    throw errorToThrow;\n                });\n            },\n        };\n    });\n\n    page.on('pageerror', (exception) => {\n        if (exception.message.includes('ResizeObserver loop completed with undelivered notifications.')) {\n            return;\n        }\n\n        throw exception;\n    });\n}\n","import { test as base, expect } from '@playwright/test';\n\nimport { resetStorage } from './storage';\nimport { setupErrorListener } from './errors';\n\nexport const test = base.extend<{\n    resetStorage: void;\n}>({\n    page: async ({ page }, use) => {\n        await setupErrorListener(page);\n        await use(page);\n    },\n    resetStorage: [\n        async ({ page, baseURL }, use) => {\n            await resetStorage(page, baseURL);\n            await use();\n        },\n        { auto: true },\n    ],\n});\n\nexport { expect };\n"],"names":["a11yGet","page","text","ariaLabel","label","ariaInput","options","locator","dontSee","expect","press","selector","targetSelector","inDialog","see","selectorOrOptions","srOnly","timeout","seeImage","alt","comboboxSelect","labelOrSelector","value","id","disableErrorHandling","create","name","data","modelName","modelData","count","matchImageSnapshot","waitSync","resetStorage","baseURL","url","origin","setupErrorListener","error","message","errorToThrow","exception","test","base","use"],"mappings":"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"}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@aerogel/playwright",
+  "version": "0.1.2",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/aerogel-playwright.d.ts",
+      "default": "./dist/aerogel-playwright.js"
+    }
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "license": "MIT",
+  "author": "Noel De Martin",
+  "repository": "github:NoelDeMartin/aerogel",
+  "scripts": {
+    "build": "vite build",
+    "lint": "noeldemartin-lint src",
+    "verify": "noeldemartin-verify"
+  },
+  "peerDependencies": {
+    "@playwright/test": "*"
+  },
+  "dependencies": {
+    "playwright-solid": "next"
+  },
+  "devDependencies": {
+    "@aerogel/plugin-solid": "workspace:*",
+    "@arethetypeswrong/cli": "catalog:",
+    "@noeldemartin/scripts": "catalog:",
+    "@playwright/test": "^1.58.2",
+    "@types/node": "catalog:",
+    "eslint": "catalog:",
+    "prettier-eslint-cli": "^8.0.1",
+    "publint": "catalog:",
+    "soukai-bis": "catalog:"
+  },
+  "eslintConfig": {
+    "extends": [
+      "@noeldemartin/eslint-config-typescript"
+    ]
+  },
+  "prettier": {
+    "printWidth": 120
+  }
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './lib';
+export * from './solid';
+export * from './setup';

package/src/lib/a11y.ts

@@ -0,0 +1,93 @@
+import { expect } from '@playwright/test';
+import type { Locator, Page } from '@playwright/test';
+
+export type SeeOptions = {
+    srOnly?: boolean;
+    timeout?: number;
+};
+
+export type AriaInputOptions = {
+    description?: string;
+};
+
+export function a11yGet(page: Page, text: string): Locator {
+    return page
+        .getByText(text, { exact: false })
+        .or(page.locator(`[aria-label="${text}"]`))
+        .first();
+}
+
+export function ariaLabel(page: Page, label: string): Locator {
+    return page.locator(`[aria-label="${label}"]`);
+}
+
+export function ariaInput(page: Page, label: string, options: AriaInputOptions = {}): Locator {
+    let locator = page.getByLabel(label, { exact: true });
+    if (options.description) {
+        locator = locator.filter({
+            has: page.locator(`[aria-description="${options.description}"], [aria-describedby]`),
+        });
+    }
+    return locator;
+}
+
+export async function dontSee(page: Page, text: string, options?: { timeout?: number }): Promise<void> {
+    await expect(a11yGet(page, text)).not.toBeVisible({ timeout: options?.timeout });
+}
+
+export async function press(page: Page, label: string, selector?: string): Promise<void> {
+    const targetSelector =
+        selector ?? 'button:visible, a:visible, label:visible, details:visible, [role="menuitem"]:visible';
+    const dialog = page.locator('[role="dialog"][data-state="open"]:not([aria-hidden="true"])').last();
+    const inDialog = dialog.locator(targetSelector).filter({ hasText: label });
+    const locator =
+        (await inDialog.count()) > 0
+            ? inDialog.first()
+            : page.locator(targetSelector).filter({ hasText: label }).first();
+    await locator.click();
+}
+
+export async function see(
+    page: Page,
+    text: string,
+    selectorOrOptions: string | SeeOptions = {},
+    options: SeeOptions = {},
+): Promise<Locator> {
+    const srOnly = typeof selectorOrOptions === 'string' ? options.srOnly : selectorOrOptions.srOnly;
+    const baseOptions = typeof selectorOrOptions === 'string' ? options : selectorOrOptions;
+    const timeout = baseOptions.timeout;
+
+    let locator: Locator;
+    if (typeof selectorOrOptions === 'string') {
+        locator = page.locator(selectorOrOptions).filter({ hasText: text }).first();
+    } else {
+        locator = a11yGet(page, text);
+    }
+
+    if (srOnly) {
+        await expect(locator).toBeAttached({ timeout });
+        return locator;
+    }
+
+    await expect(locator).toBeVisible({ timeout });
+    return locator;
+}
+
+export async function seeImage(page: Page, alt: string): Promise<void> {
+    const locator = page.locator(`img[alt="${alt}"]`).first();
+    await locator.scrollIntoViewIfNeeded();
+    await expect(locator).toBeVisible();
+}
+
+export async function comboboxSelect(page: Page, labelOrSelector: string, value: string): Promise<void> {
+    await page.waitForTimeout(300);
+    const label = page.locator('label[for]').filter({ hasText: labelOrSelector }).first();
+    const id = await label.getAttribute('for');
+    if (id) {
+        await page.locator(`#${id}`).click();
+    } else {
+        await page.locator(labelOrSelector).click();
+    }
+    await page.waitForTimeout(300);
+    await page.locator('*[role="option"]').filter({ hasText: value }).first().click();
+}

package/src/lib/errors.ts

@@ -0,0 +1,7 @@
+import type { Page } from '@playwright/test';
+
+export async function disableErrorHandling(page: Page): Promise<void> {
+    await page.addInitScript(() => {
+        window.__aerogelDisableErrorHandling__ = true;
+    });
+}

package/src/lib/index.ts

@@ -0,0 +1,5 @@
+export * from './a11y';
+export * from './errors';
+export * from './models';
+export * from './snapshots';
+export * from './sync';

package/src/lib/models.ts

@@ -0,0 +1,31 @@
+import type { Page } from '@playwright/test';
+import type { GetModelInput, ModelsRegistry } from 'soukai-bis';
+
+export async function create<T extends keyof ModelsRegistry>(
+    page: Page,
+    name: T,
+    data: GetModelInput<ModelsRegistry[T]>,
+): Promise<void> {
+    await page.evaluate(
+        async ({ modelName, modelData }) => {
+            if (!window.testingRuntime) {
+                throw new Error('Testing runtime is not available');
+            }
+
+            await window.testingRuntime.model(modelName as string).create(modelData);
+        },
+        { modelName: name, modelData: data },
+    );
+}
+
+export async function count<T extends keyof ModelsRegistry>(page: Page, name: T): Promise<number> {
+    return page.evaluate(async (modelName) => {
+        if (!window.testingRuntime) {
+            throw new Error('Testing runtime is not available');
+        }
+
+        const instances = await window.testingRuntime.model(modelName as string).all();
+
+        return instances.length;
+    }, name);
+}

package/src/lib/snapshots.ts

@@ -0,0 +1,14 @@
+import { expect } from '@playwright/test';
+import type { Page } from '@playwright/test';
+
+export async function matchImageSnapshot(page: Page, name?: string): Promise<void> {
+    if (!process.env.SNAPSHOTS && !process.env.PLAYWRIGHT_SNAPSHOTS) {
+        return;
+    }
+
+    if (name) {
+        await expect(page).toHaveScreenshot(`${name}.png`, { animations: 'disabled' });
+    } else {
+        await expect(page).toHaveScreenshot({ animations: 'disabled' });
+    }
+}

package/src/lib/sync.ts

@@ -0,0 +1,9 @@
+import type { Page } from '@playwright/test';
+
+import { dontSee, see } from './a11y';
+
+export async function waitSync(page: Page): Promise<void> {
+    await see(page, 'Synchronization in progress');
+    await dontSee(page, 'Synchronization in progress', { timeout: 10000 });
+    await page.waitForTimeout(100);
+}

package/src/setup/errors.ts

@@ -0,0 +1,27 @@
+import type { Page } from '@playwright/test';
+
+export async function setupErrorListener(page: Page): Promise<void> {
+    await page.addInitScript(() => {
+        window.__aerogelEvents__ = {
+            error: ({ error, message }: { error: unknown; message?: string }) => {
+                if (window.__aerogelDisableErrorHandling__) {
+                    return;
+                }
+
+                const errorToThrow = error instanceof Error ? error : new Error(message || String(error));
+
+                setTimeout(() => {
+                    throw errorToThrow;
+                });
+            },
+        };
+    });
+
+    page.on('pageerror', (exception) => {
+        if (exception.message.includes('ResizeObserver loop completed with undelivered notifications.')) {
+            return;
+        }
+
+        throw exception;
+    });
+}

package/src/setup/index.ts

@@ -0,0 +1,22 @@
+import { test as base, expect } from '@playwright/test';
+
+import { resetStorage } from './storage';
+import { setupErrorListener } from './errors';
+
+export const test = base.extend<{
+    resetStorage: void;
+}>({
+    page: async ({ page }, use) => {
+        await setupErrorListener(page);
+        await use(page);
+    },
+    resetStorage: [
+        async ({ page, baseURL }, use) => {
+            await resetStorage(page, baseURL);
+            await use();
+        },
+        { auto: true },
+    ],
+});
+
+export { expect };

package/src/setup/storage.ts

@@ -0,0 +1,12 @@
+import type { Page } from '@playwright/test';
+
+export async function resetStorage(page: Page, baseURL?: string | null): Promise<void> {
+    const url = page.url();
+    const origin = url !== 'about:blank' ? new URL(url).origin : (baseURL ?? 'http://localhost:5001');
+    const client = await page.context().newCDPSession(page);
+
+    await client.send('Storage.clearDataForOrigin', {
+        origin,
+        storageTypes: 'all',
+    });
+}

package/src/solid/index.ts

@@ -0,0 +1 @@
+export * from 'playwright-solid';

package/src/types/global.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    interface Window {
+        __aerogelDisableErrorHandling__?: boolean;
+    }
+}
+
+export {};

package/src/types/solid.d.ts

@@ -0,0 +1 @@
+/// <reference types="@aerogel/plugin-solid" />