rewrite realm names to convention

Author: sergeysova

src/components/Outline.tsx

@@ -3,7 +3,7 @@ import {styled} from 'linaria/react'
 import {useStore} from 'effector-react'
 
 import {codeSetCursor} from '../editor'
-import {stats} from '../realm/state'
+import {$stats} from '../realm/state'
 
 const OutlineWrapper = styled.div`
   grid-column: 1 / span 1;
@@ -69,7 +69,7 @@ const OutlineSection = ({list, title}) => {
 }
 
 export function Outline() {
-  const {component, domain, event, effect, store} = useStore(stats)
+  const {component, domain, event, effect, store} = useStore($stats)
   const isEmpty =
     event.length === 0 &&
     effect.length === 0 &&

src/realm/init.tsx

@@ -18,9 +18,9 @@ import {
   realmRemoveListener,
 } from '.'
 
-import {intervals, timeouts, listeners, stats} from './state'
+import {$intervals, $timeouts, $listeners, $stats} from './state'
 
-listeners
+$listeners
   .on(realmListener, (list, record) => [...list, record])
   .on(realmRemoveListener, (list, {type, target, fn}) =>
     list.filter(record => {
@@ -42,7 +42,7 @@ listeners
     return []
   })
 
-intervals
+$intervals
   .on(realmInterval, (state, id) => [...state, id])
   .on(realmClearInterval, (state, removed) =>
     state.filter(id => id !== removed),
@@ -52,36 +52,36 @@ intervals
     return []
   })
 
-intervals.watch(changeSources, (state) => {
+$intervals.watch(changeSources, (state) => {
   for (const id of state) {
     global.clearInterval(id)
   }
 })
-intervals.watch(selectVersion, (state) => {
+$intervals.watch(selectVersion, (state) => {
   for (const id of state) {
     global.clearInterval(id)
   }
 })
 
-timeouts
+$timeouts
   .on(realmTimeout, (state, id) => [...state, id])
   .on(realmClearTimeout, (state, removed) => state.filter(id => id !== removed))
   .on([changeSources, selectVersion], state => {
     return []
   })
 
-timeouts.watch(changeSources, (state) => {
+$timeouts.watch(changeSources, (state) => {
   for (const id of state) {
     global.clearTimeout(id)
   }
 })
-timeouts.watch(selectVersion, (state) => {
+$timeouts.watch(selectVersion, (state) => {
   for (const id of state) {
     global.clearTimeout(id)
   }
 })
 
-stats
+$stats
   .on(realmEvent, ({event, ...rest}, e) => {
     if (event.includes(e)) return
     return {
@@ -191,17 +191,17 @@ realmDomain.watch(domain => {
     if (getDomainName(event) !== domain.compositeName) return
     realmEvent(event)
   })
-  domain.onCreateEffect(event => {
+  domain.onCreateEffect(fx => {
     //TODO: wrong behaviour?
-    if (getDomainName(event) !== domain.compositeName) return
-    realmEffect(event)
+    if (getDomainName(fx) !== domain.compositeName) return
+    realmEffect(fx)
   })
-  domain.onCreateStore(event => {
+  domain.onCreateStore(store => {
     //TODO: wrong behaviour?
-    if (getDomainName(event) !== domain.compositeName) return
-    realmStore(event)
+    if (getDomainName(store) !== domain.compositeName) return
+    realmStore(store)
   })
-  domain.onCreateDomain(event => realmDomain(event))
+  domain.onCreateDomain(domain => realmDomain(domain))
 })
 function getDomainName(event) {
   if (event.parent) return event.parent.compositeName

src/realm/state.tsx

@@ -1,8 +1,8 @@
 import {createStore, Event, Store, Effect, Domain} from 'effector'
 import {StoreView} from 'effector-react'
 
-export const intervals = createStore<number[]>([])
-export const timeouts = createStore<number[]>([])
+export const $intervals = createStore<number[]>([])
+export const $timeouts = createStore<number[]>([])
 
 export interface Listener {
   type: string
@@ -11,7 +11,7 @@ export interface Listener {
   options?: any
 }
 
-export const listeners = createStore<Listener[]>([])
+export const $listeners = createStore<Listener[]>([])
 
 export interface Stats {
   event: Event<any>[]
@@ -21,7 +21,7 @@ export interface Stats {
   component: StoreView<any, any>[]
 }
 
-export const stats = createStore<Stats>({
+export const $stats = createStore<Stats>({
   event: [],
   store: [],
   effect: [],