}\n * @template T\n * @memberof Utils\n * @alias retry\n */\nexport async function retry(\n fn,\n {timeout = () => Promise.resolve(), times = 10} = {},\n) {\n try {\n return await fn();\n } catch (err) {\n if (times > 1) {\n await timeout();\n return retry(fn, {timeout, times: times - 1});\n }\n throw err;\n }\n}\n"
},
{
"path": "src/utils/retry.test.js",
"content": "import {describe, expect, it, jest} from '@jest/globals';\n\nimport {retry} from './retry';\n\ndescribe('retry', () => {\n it('returns value if first attempt succeeds', async () => {\n await expect(retry(() => 'answer 0')).resolves.toBe('answer 0');\n });\n it('returns value after failed attempts', async () => {\n await expect(\n retry(\n jest\n .fn()\n .mockImplementationOnce(() => {\n throw new Error('reason 0');\n })\n .mockImplementationOnce(() => 'answer 1'),\n ),\n ).resolves.toBe('answer 1');\n });\n it('returns last error if no attempt succeeds', async () => {\n let i = 0;\n const func = jest.fn(() => {\n throw new Error(`reason ${i++}`);\n });\n await expect(retry(func)).rejects.toMatchObject({message: 'reason 9'});\n expect(func).toBeCalledTimes(10);\n });\n it('tries after a timeout', async () => {\n let i = 0;\n const func = jest.fn(() => {\n throw new Error(`reason ${i++}`);\n });\n const timeout = jest.fn(() => Promise.resolve());\n const retryPromise = retry(func, {timeout});\n expect(timeout).toBeCalledTimes(1);\n await expect(retryPromise).rejects.toMatchObject({message: 'reason 9'});\n expect(timeout).toBeCalledTimes(9);\n });\n it('tries n times', async () => {\n let i = 0;\n const func = jest.fn(() => {\n throw new Error(`reason ${i++}`);\n });\n await expect(retry(func, {times: 2})).rejects.toMatchObject({\n message: 'reason 1',\n });\n expect(func).toBeCalledTimes(2);\n });\n});\n"
},
{
"path": "src/utils/rxChrome.ts",
"content": "import {fromEventPattern, Observable} from 'rxjs';\nimport {chrome} from '../chrome';\nimport {ChromeDebuggerAPIEvent} from '../devtools/DebuggerAttachEventController';\n\n/**\n * Create a function that returns an observable that completes when the api\n * calls back.\n * @param method `chrome` api method whose last argument is a callback\n * @param thisArg `this` inside of the method\n * @returns observable that completes when the method is done\n */\nexport function bindChromeCallback(\n method: (...args: [...params: P, callback: (...values: R) => void]) => void,\n thisArg = null,\n) {\n return (...args: P) =>\n new Observable(\n (subscriber) => {\n method.call(thisArg, ...args, (...returnValues: R) => {\n if (chrome.runtime.lastError) {\n subscriber.error(chrome.runtime.lastError);\n } else {\n if (returnValues.length === 0) {\n subscriber.next();\n } else if (returnValues.length === 1) {\n subscriber.next(returnValues[0]);\n } else if (returnValues.length > 1) {\n subscriber.next(returnValues as any);\n }\n subscriber.complete();\n }\n });\n },\n );\n}\n\nexport const fromChromeEvent = any>(\n onEvent: Chrome.Event,\n) =>\n fromEventPattern<\n Parameters extends infer T1\n ? T1 extends []\n ? void\n : T1 extends [infer T2]\n ? T2\n : T1\n : never\n >(onEvent.addListener.bind(onEvent), onEvent.removeListener.bind(onEvent));\n"
},
{
"path": "src/utils/rxInterop.ts",
"content": "import {Observable} from 'rxjs';\n\nimport {Observer} from './Observer';\nimport {Utils} from './Types';\n\n/**\n * Wrap a `Utils.Observer` instance with `rxjs.Observable` instance.\n *\n * This is a workaround so `rxjs.Observable` can use `Utils.Observer` as a source\n * until said `Observer` instances can be replaced with `Observable` instances.\n *\n * @param observer observer to wrap\n * @returns observable wrapping an observer\n */\nexport function toRX(observer: Utils.Observer): Observable {\n return new Observable((subscriber) =>\n observer.observe(\n (value) => subscriber.next(value),\n () => subscriber.complete(),\n (err) => subscriber.error(err),\n ),\n );\n}\n\nexport function toUtilsObserver(\n observable: Observable,\n): Utils.Observer {\n return new Observer((next, complete, error) => {\n const subscription = observable.subscribe({next, complete, error});\n return () => {\n subscription.unsubscribe();\n };\n });\n}\n"
},
{
"path": "src/webpack.config.js",
"content": "const {resolve} = require('path');\nconst CopyPlugin = require('copy-webpack-plugin');\n\nmodule.exports = (env, argv) => ({\n context: __dirname,\n entry: {\n 'audion-devtools': './devtools/main',\n 'audion-panel': './panel/main',\n 'audion-panelWorker': './panel/worker',\n },\n output: {\n path: resolve(__dirname, '../build/audion'),\n },\n devtool: argv.mode === 'development' ? 'source-map' : false,\n resolve: {\n extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js'],\n },\n plugins: [\n new CopyPlugin({\n patterns: [\n {from: './extraSettingPage/options.html', to: 'options.html'},\n {from: './extraSettingPage/options.js', to: 'options.js'},\n ],\n }),\n ],\n module: {\n rules: [\n {\n test: /\\.css$/,\n use: ['style-loader', {loader: 'css-loader', options: {modules: true}}],\n },\n {test: /\\.tsx?$/, loader: 'ts-loader'},\n {test: /\\.js$/, loader: 'source-map-loader'},\n {\n test: /\\.(png|jpe?g|gif|svg|eot|ttf|woff|woff2)$/i,\n // More information here https://webpack.js.org/guides/asset-modules/\n type: 'asset',\n },\n ],\n },\n});\n"
},
{
"path": "test/.jest-puppeteer.config.json",
"content": "{\n \"launch\": {\n \"headless\": false,\n \"devtools\": true,\n \"args\": [\n \"--no-sandbox\",\n \"--disable-extensions-except=build/audion\",\n \"--load-extension=build/audion\"\n ]\n }\n}\n"
},
{
"path": "test/.jest.config.json",
"content": "{\n \"preset\": \"jest-puppeteer\",\n \"injectGlobals\": false,\n \"transform\": {\n \"\\\\.[jt]sx?$\": \"babel-jest\"\n },\n \"testMatch\": [\"!**/.*\", \"**/*.js\"]\n}\n"
},
{
"path": "test/README.md",
"content": "A directory of integration tests.\n"
},
{
"path": "test/browserLaunch.js",
"content": "/* global browser */\n\nimport {it} from '@jest/globals';\n\nit('browser launches with extension', async () => {\n const browserTargets = await browser.targets();\n const devtoolsTarget = browserTargets.find(\n (target) => target.type() === 'browser',\n );\n await devtoolsTarget.browser();\n});\n"
},
{
"path": "test/updateGraphRender.js",
"content": "import {resolve} from 'path';\n\nimport {expect, it} from '@jest/globals';\nimport {from, fromEvent, lastValueFrom, takeUntil, toArray} from 'rxjs';\n\nit('updateGraphRender does not error', async () => {\n const page = globalThis.page;\n await page.goto(\n `file://${resolve(__dirname, '../simulations/updateGraphRender.html')}`,\n );\n const pageErrors = await lastValueFrom(\n fromEvent(page, 'pageerror').pipe(\n takeUntil(from(page.waitForSelector('.complete'))),\n toArray(),\n ),\n );\n expect(pageErrors).toHaveLength(0);\n});\n"
},
{
"path": "tsconfig.json",
"content": "{\n \"compilerOptions\": {\n \"allowJs\": true,\n \"target\": \"es2020\",\n \"moduleResolution\": \"node\",\n \"allowSyntheticDefaultImports\": true,\n \"esModuleInterop\": true\n },\n \"include\": [\"./src/**/*\"]\n}\n"
}
]