Skip to content

Commit 13225c7

Browse files
nmwenz90nmwenz90
committed
linted linkfiber ts
1 parent 2aa145e commit 13225c7

File tree

63 files changed

+294
-1059
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

63 files changed

+294
-1059
lines changed

‎.eslintrc

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,8 @@
1111
"import/no-unresolved": "off",
1212
"import/extensions": "off",
1313
"react-hooks/rules-of-hooks": "error", // Checks rules of Hooks
14-
"react-hooks/exhaustive-deps": "warn" // Checks effect dependencies
14+
"react-hooks/exhaustive-deps": "warn", // Checks effect dependencies
15+
"react/jsx-filename-extension": [0]
1516
},
1617
"env": {
1718
"es6": true,

‎docs/assets/js/search.json

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎docs/classes/_app_components_chart_.chart.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@ <h3>constructor</h3>
117117
<li class="tsd-description">
118118
<aside class="tsd-sources">
119119
<ul>
120-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/app/components/Chart.tsx#L27">app/components/Chart.tsx:27</a></li>
120+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/app/components/Chart.tsx#L27">app/components/Chart.tsx:27</a></li>
121121
</ul>
122122
</aside>
123123
<div class="tsd-comment tsd-typography">
@@ -150,7 +150,7 @@ <h3>component<wbr>Did<wbr>Mount</h3>
150150
<li class="tsd-description">
151151
<aside class="tsd-sources">
152152
<ul>
153-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/app/components/Chart.tsx#L39">app/components/Chart.tsx:39</a></li>
153+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/app/components/Chart.tsx#L39">app/components/Chart.tsx:39</a></li>
154154
</ul>
155155
</aside>
156156
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
@@ -167,7 +167,7 @@ <h3>component<wbr>Did<wbr>Update</h3>
167167
<li class="tsd-description">
168168
<aside class="tsd-sources">
169169
<ul>
170-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/app/components/Chart.tsx#L45">app/components/Chart.tsx:45</a></li>
170+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/app/components/Chart.tsx#L45">app/components/Chart.tsx:45</a></li>
171171
</ul>
172172
</aside>
173173
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
@@ -184,7 +184,7 @@ <h3>maked3<wbr>Tree</h3>
184184
<li class="tsd-description">
185185
<aside class="tsd-sources">
186186
<ul>
187-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/app/components/Chart.tsx#L61">app/components/Chart.tsx:61</a></li>
187+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/app/components/Chart.tsx#L62">app/components/Chart.tsx:62</a></li>
188188
</ul>
189189
</aside>
190190
<div class="tsd-comment tsd-typography">
@@ -210,7 +210,7 @@ <h3>removed3<wbr>Tree</h3>
210210
<li class="tsd-description">
211211
<aside class="tsd-sources">
212212
<ul>
213-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/app/components/Chart.tsx#L51">app/components/Chart.tsx:51</a></li>
213+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/app/components/Chart.tsx#L51">app/components/Chart.tsx:51</a></li>
214214
</ul>
215215
</aside>
216216
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
@@ -227,7 +227,7 @@ <h3>render</h3>
227227
<li class="tsd-description">
228228
<aside class="tsd-sources">
229229
<ul>
230-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/app/components/Chart.tsx#L218">app/components/Chart.tsx:218</a></li>
230+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/app/components/Chart.tsx#L219">app/components/Chart.tsx:219</a></li>
231231
</ul>
232232
</aside>
233233
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>

‎docs/classes/_app_components_errorhandler_.errorhandler.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -114,7 +114,7 @@ <h3>constructor</h3>
114114
<li class="tsd-description">
115115
<aside class="tsd-sources">
116116
<ul>
117-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/app/components/ErrorHandler.tsx#L3">app/components/ErrorHandler.tsx:3</a></li>
117+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/app/components/ErrorHandler.tsx#L3">app/components/ErrorHandler.tsx:3</a></li>
118118
</ul>
119119
</aside>
120120
<h4 class="tsd-parameters-title">Parameters</h4>
@@ -140,7 +140,7 @@ <h3>component<wbr>Did<wbr>Catch</h3>
140140
<li class="tsd-description">
141141
<aside class="tsd-sources">
142142
<ul>
143-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/app/components/ErrorHandler.tsx#L9">app/components/ErrorHandler.tsx:9</a></li>
143+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/app/components/ErrorHandler.tsx#L9">app/components/ErrorHandler.tsx:9</a></li>
144144
</ul>
145145
</aside>
146146
<h4 class="tsd-parameters-title">Parameters</h4>
@@ -166,7 +166,7 @@ <h3>render</h3>
166166
<li class="tsd-description">
167167
<aside class="tsd-sources">
168168
<ul>
169-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/app/components/ErrorHandler.tsx#L14">app/components/ErrorHandler.tsx:14</a></li>
169+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/app/components/ErrorHandler.tsx#L14">app/components/ErrorHandler.tsx:14</a></li>
170170
</ul>
171171
</aside>
172172
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>

‎docs/classes/_backend_tree_.tree.html

Lines changed: 10 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -127,7 +127,7 @@ <h3>constructor</h3>
127127
<li class="tsd-description">
128128
<aside class="tsd-sources">
129129
<ul>
130-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/backend/tree.ts#L42">backend/tree.ts:42</a></li>
130+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/backend/tree.ts#L42">backend/tree.ts:42</a></li>
131131
</ul>
132132
</aside>
133133
<h4 class="tsd-parameters-title">Parameters</h4>
@@ -157,7 +157,7 @@ <h3>children</h3>
157157
<div class="tsd-signature tsd-kind-icon">children<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="../modules/_app_components_tree_.html#tree" class="tsd-signature-type">Tree</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></div>
158158
<aside class="tsd-sources">
159159
<ul>
160-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/backend/tree.ts#L41">backend/tree.ts:41</a></li>
160+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/backend/tree.ts#L40">backend/tree.ts:40</a></li>
161161
</ul>
162162
</aside>
163163
</section>
@@ -167,7 +167,7 @@ <h3>component<wbr>Data</h3>
167167
<div class="tsd-signature tsd-kind-icon">component<wbr>Data<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span></div>
168168
<aside class="tsd-sources">
169169
<ul>
170-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/backend/tree.ts#L40">backend/tree.ts:40</a></li>
170+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/backend/tree.ts#L38">backend/tree.ts:38</a></li>
171171
</ul>
172172
</aside>
173173
<div class="tsd-type-declaration">
@@ -182,7 +182,7 @@ <h3>name</h3>
182182
<div class="tsd-signature tsd-kind-icon">name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
183183
<aside class="tsd-sources">
184184
<ul>
185-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/backend/tree.ts#L39">backend/tree.ts:39</a></li>
185+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/backend/tree.ts#L36">backend/tree.ts:36</a></li>
186186
</ul>
187187
</aside>
188188
</section>
@@ -192,7 +192,7 @@ <h3>parent</h3>
192192
<div class="tsd-signature tsd-kind-icon">parent<span class="tsd-signature-symbol">:</span> <a href="../modules/_app_components_tree_.html#tree" class="tsd-signature-type">Tree</a></div>
193193
<aside class="tsd-sources">
194194
<ul>
195-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/backend/tree.ts#L42">backend/tree.ts:42</a></li>
195+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/backend/tree.ts#L42">backend/tree.ts:42</a></li>
196196
</ul>
197197
</aside>
198198
</section>
@@ -202,7 +202,7 @@ <h3>state</h3>
202202
<div class="tsd-signature tsd-kind-icon">state<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{}</span></div>
203203
<aside class="tsd-sources">
204204
<ul>
205-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/backend/tree.ts#L38">backend/tree.ts:38</a></li>
205+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/backend/tree.ts#L34">backend/tree.ts:34</a></li>
206206
</ul>
207207
</aside>
208208
<div class="tsd-comment tsd-typography">
@@ -216,7 +216,7 @@ <h3>state</h3>
216216
<dt>param</dt>
217217
<dd><p>: Data in the component tree</p>
218218
</dd>
219-
<dt>param</dt>
219+
<dt>parent</dt>
220220
<dd><p>generates a new tree (recursive call)</p>
221221
</dd>
222222
</dl>
@@ -235,16 +235,9 @@ <h3>add<wbr>Child</h3>
235235
<li class="tsd-description">
236236
<aside class="tsd-sources">
237237
<ul>
238-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/backend/tree.ts#L55">backend/tree.ts:55</a></li>
238+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/backend/tree.ts#L52">backend/tree.ts:52</a></li>
239239
</ul>
240240
</aside>
241-
<div class="tsd-comment tsd-typography">
242-
<dl class="tsd-comment-tags">
243-
<dt>function</dt>
244-
<dd><p>addChild : Pushes a new child tree in the children array</p>
245-
</dd>
246-
</dl>
247-
</div>
248241
<h4 class="tsd-parameters-title">Parameters</h4>
249242
<ul class="tsd-parameters">
250243
<li>
@@ -273,16 +266,9 @@ <h3>add<wbr>Sibling</h3>
273266
<li class="tsd-description">
274267
<aside class="tsd-sources">
275268
<ul>
276-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/backend/tree.ts#L69">backend/tree.ts:69</a></li>
269+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/backend/tree.ts#L59">backend/tree.ts:59</a></li>
277270
</ul>
278271
</aside>
279-
<div class="tsd-comment tsd-typography">
280-
<dl class="tsd-comment-tags">
281-
<dt>function</dt>
282-
<dd><p>addSibling : Adds a sibing to the current tree</p>
283-
</dd>
284-
</dl>
285-
</div>
286272
<h4 class="tsd-parameters-title">Parameters</h4>
287273
<ul class="tsd-parameters">
288274
<li>
@@ -311,7 +297,7 @@ <h3>clean<wbr>Tree<wbr>Copy</h3>
311297
<li class="tsd-description">
312298
<aside class="tsd-sources">
313299
<ul>
314-
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/603ef4b/src/backend/tree.ts#L81">backend/tree.ts:81</a></li>
300+
<li>Defined in <a href="https://github.com/nmwenz90/reactime/blob/2aa145e/src/backend/tree.ts#L68">backend/tree.ts:68</a></li>
315301
</ul>
316302
</aside>
317303
<div class="tsd-comment tsd-typography">
@@ -376,9 +362,6 @@ <h4 class="tsd-returns-title">Returns <a href="../modules/_app_components_tree_.
376362
</li>
377363
</ul>
378364
<ul class="after-current">
379-
<li class=" tsd-kind-variable tsd-parent-kind-module tsd-is-not-exported">
380-
<a href="../modules/_backend_tree_.html#flatted" class="tsd-kind-icon">Flatted</a>
381-
</li>
382365
<li class=" tsd-kind-variable tsd-parent-kind-module tsd-is-not-exported">
383366
<a href="../modules/_backend_tree_.html#circularcomponenttable" class="tsd-kind-icon">circular<wbr>Component<wbr>Table</a>
384367
</li>

‎docs/index.html

Lines changed: 4 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ <h1>Reactime 4.0</h1>
6969
</p>
7070
<h1 align="center">State Debugger for React</h1>
7171
<p><a href="https://github.com/oslabs-beta/reactime"><img src="https://img.shields.io/github/license/oslabs-beta/reactime" alt="GitHub"></a> <a href="https://travis-ci.com/oslabs-beta/reactime"><img src="https://travis-ci.com/oslabs-beta/reactime.svg?branch=master" alt="Build Status"></a> <a href="http://badge.fury.io/js/reactime"><img src="https://badge.fury.io/js/reactime.svg" alt="npm version"></a> <a href="https://david-dm.org/oslabs-beta/reactime#info=dependencies"><img src="https://david-dm.org/oslabs-beta/reactime.svg" alt="Dependencies"></a> <a href="https://david-dm.org/oslabs-beta/reactime?type=dev"><img src="https://david-dm.org/oslabs-beta/reactime/dev-status.svg" alt="DevDependencies"></a> <a href="https://snyk.io/test/github/oslabs-beta/reactime"><img src="https://snyk.io/test/github/oslabs-beta/reactime/badge.svg" alt="Vulnerabilities"></a></p>
72-
<p><img src="./demo.gif" alt="demo"></p>
72+
<p><img src="./MyMovie.gif" alt="demo"></p>
7373
<p>Reactime is a debugging tool for React developers. It records state whenever it is changed and allows the user to jump to any previously recorded state.</p>
7474
<p>This tool is for React apps using stateful components and prop drilling, and has beta support for Context API, conditional state routing, Hooks (useState, useEffect) and functional components.</p>
7575
<p>The latest release extends the core functionality by including support for TypeScript applications, improving the user experience through more declarative titles in the actions panel, and extending support for components with conditional state fields. The testing suite has also been expanded with the inclusion of a Sandbox utility to aid future expansion as well as additional E2E and integration tests with Puppeteer and React Testing Library.</p>
@@ -82,31 +82,11 @@ <h1 align="center">State Debugger for React</h1>
8282
<a href="#installation" id="installation" style="color: inherit; text-decoration: none;">
8383
<h2>Installation</h2>
8484
</a>
85-
<p>Two parts are required for this tool to function: a <a href="https://chrome.google.com/webstore/detail/react-time-travel/cgibknllccemdnfhfpmjhffpjfeidjga"><strong>Chrome extension</strong></a> and an <a href="https://www.npmjs.com/package/reactime"><strong>NPM package</strong></a>.</p>
85+
<p>Just one step needed <a href="https://chrome.google.com/webstore/detail/react-time-travel/cgibknllccemdnfhfpmjhffpjfeidjga"><strong>Chrome extension</strong></a> and an <a href="https://www.npmjs.com/package/reactime"><strong>NPM package</strong></a>.</p>
8686
<ol>
87-
<li><p>Install the Reactime <a href="https://chrome.google.com/webstore/detail/reactime/cgibknllccemdnfhfpmjhffpjfeidjga">extension</a> from Chrome Web Store. Alternatively, use <code>src/extension/build/build.zip</code> for manual installation in <a href="https://developer.chrome.com/extensions/faq#faq-dev-01">Developer mode</a>. Turn on &#39;Allow access to file URLs&#39; in extension details page if testing locally.</p>
88-
</li>
89-
<li><p>Install the <a href="https://www.npmjs.com/package/reactime">NPM package</a> in your application&#39;s root directory. </p>
90-
</li>
91-
</ol>
92-
<pre><code><span class="hljs-built_in">npm</span> i reactime</code></pre><ol start="3">
93-
<li>Call the library method on your root container after rendering your App.</li>
94-
</ol>
95-
<pre><code><span class="hljs-keyword">import</span> reactime <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;reactime&#x27;</span>;
96-
97-
<span class="hljs-keyword">const</span> rootContainer = <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">&#x27;root&#x27;</span>);
98-
ReactDOM.render(<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">App</span> /&gt;</span></span>, rootContainer);
99-
100-
reactime(rootContainer);</code></pre><ol start="4">
101-
<li>For experimental concurrent mode support.</li>
102-
</ol>
103-
<pre><code><span class="hljs-keyword">import</span> reactime <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;reactime&#x27;</span>;
104-
105-
<span class="hljs-keyword">const</span> rootContainer = ReactDOM.createRoot(<span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">&#x27;root&#x27;</span>));
106-
rootContainer.render(<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">App</span> /&gt;</span></span>);
107-
reactime(rootContainer);</code></pre><ol start="5">
108-
<li>Done! That&#39;s all you have to do to link your React project to our library.</li>
87+
<li>Install the Reactime <a href="https://chrome.google.com/webstore/detail/reactime/cgibknllccemdnfhfpmjhffpjfeidjga">extension</a> from Chrome Web Store. Alternatively, use <code>src/extension/build/build.zip</code> for manual installation in <a href="https://developer.chrome.com/extensions/faq#faq-dev-01">Developer mode</a>. Turn on &#39;Allow access to file URLs&#39; in extension details page if testing locally.</li>
10988
</ol>
89+
<p><strong>* for old version instaling <a href="https://github.com/open-source-labs/reactime/blob/master/readme-OldVersion.md">click here</a> *</strong></p>
11090
<a href="#how-to-use" id="how-to-use" style="color: inherit; text-decoration: none;">
11191
<h2>How to Use</h2>
11292
</a>

0 commit comments

Comments
 (0)