From 0cbe61b482b96a7d348e5783ee2c6063d26d6fcc Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Mon, 10 May 2021 16:44:56 +0200
Subject: [PATCH] refactor(devtools): rename const variables

---
 src/devtools.ts | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/devtools.ts b/src/devtools.ts
index 9600b539..6e832462 100644
--- a/src/devtools.ts
+++ b/src/devtools.ts
@@ -39,6 +39,9 @@ function toastMessage(
 let isAlreadyInstalled: boolean | undefined
 const componentStateTypes: string[] = []
 
+const MUTATIONS_LAYER_ID = 'pinia:mutations'
+const INSPECTOR_ID = 'pinia'
+
 export function addDevtools(app: App, store: GenericStore) {
   registeredStores.add(store)
   componentStateTypes.push('🍍 ' + store.$id)
@@ -58,9 +61,6 @@ export function addDevtools(app: App, store: GenericStore) {
       //   api.notifyComponentUpdate()
       // })
 
-      const mutationsLayerId = 'pinia:mutations'
-      const piniaInspectorId = 'pinia'
-
       api.on.inspectComponent((payload, ctx) => {
         if (payload.instanceData) {
           payload.instanceData.state.push({
@@ -84,13 +84,13 @@ export function addDevtools(app: App, store: GenericStore) {
 
       if (!isAlreadyInstalled) {
         api.addTimelineLayer({
-          id: mutationsLayerId,
+          id: MUTATIONS_LAYER_ID,
           label: `Pinia 🍍`,
           color: 0xe5df88,
         })
 
         api.addInspector({
-          id: piniaInspectorId,
+          id: INSPECTOR_ID,
           label: 'Pinia 🍍',
           icon: 'storage',
           treeFilterPlaceholder: 'Search stores',
@@ -99,8 +99,8 @@ export function addDevtools(app: App, store: GenericStore) {
         isAlreadyInstalled = true
       } else {
         api.notifyComponentUpdate()
-        api.sendInspectorTree(piniaInspectorId)
-        api.sendInspectorState(piniaInspectorId)
+        api.sendInspectorTree(INSPECTOR_ID)
+        api.sendInspectorState(INSPECTOR_ID)
       }
 
       store.$subscribe((mutation, state) => {
@@ -115,10 +115,10 @@ export function addDevtools(app: App, store: GenericStore) {
         }
 
         api.notifyComponentUpdate()
-        api.sendInspectorState(piniaInspectorId)
+        api.sendInspectorState(INSPECTOR_ID)
 
         api.addTimelineEvent({
-          layerId: mutationsLayerId,
+          layerId: MUTATIONS_LAYER_ID,
           event: {
             time: Date.now(),
             title: mutation.type,
@@ -128,7 +128,7 @@ export function addDevtools(app: App, store: GenericStore) {
       })
 
       api.on.getInspectorTree((payload) => {
-        if (payload.app === app && payload.inspectorId === piniaInspectorId) {
+        if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
           const stores = Array.from(registeredStores)
 
           payload.rootNodes = (payload.filter
@@ -141,7 +141,7 @@ export function addDevtools(app: App, store: GenericStore) {
       })
 
       api.on.getInspectorState((payload) => {
-        if (payload.app === app && payload.inspectorId === piniaInspectorId) {
+        if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
           const stores = Array.from(registeredStores)
           const store = stores.find((store) => store.$id === payload.nodeId)
 
-- 
2.47.3