• Home
  • Features
  • Pricing
  • Docs
  • Announcements
  • Sign In

e7h4n / rippling / 12280135399

11 Dec 2024 03:58PM UTC coverage: 66.028% (-34.0%) from 100.0%
12280135399

Pull #20

github

e7h4n
test(devtools): let coverage report include devtools
Pull Request #20: feat(devtools): implement message communication flow for Chrome DevTools

256 of 273 branches covered (93.77%)

Branch coverage included in aggregate %.

22 of 391 new or added lines in 11 files covered. (5.63%)

984 of 1605 relevant lines covered (61.31%)

65.07 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0
/packages/devtools/src/panel.tsx
1
import './style.css';
×
2
import { createRoot } from 'react-dom/client';
×
3
import { Inspector } from './components/Inspector';
×
NEW
4
import { createStore, type PackedEventMessage, StoreProvider } from 'rippling';
×
5
import type { DevToolsHookMessage } from './types';
NEW
6
import { onEvent$ } from './atoms/events';
×
7

8
const main = document.createElement('div');
×
9
main.id = 'main';
×
10
document.body.appendChild(main);
×
11
const store = createStore();
×
12
const root = createRoot(main);
×
13
root.render(
×
14
  <StoreProvider value={store}>
×
15
    <Inspector />
×
16
  </StoreProvider>,
×
17
);
×
18

NEW
19
window.addEventListener('message', ({ data }: { data: DevToolsHookMessage }) => {
×
NEW
20
  if (!('source' in data) || data.source !== 'rippling-store-inspector') {
×
NEW
21
    return;
×
NEW
22
  }
×
23

NEW
24
  store.set(onEvent$, data.payload as PackedEventMessage);
×
NEW
25
});
×
STATUS · Troubleshooting · Open an Issue · Sales · Support · CAREERS · ENTERPRISE · START FREE · SCHEDULE DEMO
ANNOUNCEMENTS · TWITTER · TOS & SLA · Supported CI Services · What's a CI service? · Automated Testing

© 2025 Coveralls, Inc