-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Upgrade npm packages * Removed Depedency React Loading Skeleton package * bump up the release version * WIP * Fix Tests * update workflow to use npm * updated all packages * bump up workflow node version * updated webpack config * add extra keyword
- Loading branch information
1 parent
f725c86
commit 651e129
Showing
32 changed files
with
18,439 additions
and
16,280 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,17 @@ | ||
module.exports = { | ||
stories: [ | ||
"../stories/*.stories.mdx", | ||
"../stories/*.stories.@(js|jsx|ts|tsx)", | ||
], | ||
addons: ["@storybook/addon-links", "@storybook/addon-essentials"], | ||
}; | ||
module.exports = { | ||
stories: [ | ||
"../stories/*.stories.mdx", | ||
"../stories/*.stories.@(js|jsx|ts|tsx)", | ||
], | ||
|
||
addons: ["@storybook/addon-links", "@storybook/addon-essentials"], | ||
|
||
framework: { | ||
name: "@storybook/react-webpack5", | ||
options: {} | ||
}, | ||
|
||
docs: { | ||
autodocs: true | ||
} | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
module.exports = {}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
module.exports = { | ||
presets: ["@babel/preset-env", "@babel/preset-react"], | ||
plugins: ["@babel/plugin-syntax-jsx"], | ||
}; |
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,56 @@ | ||
<?xml version="1.0" encoding="UTF-8"?> | ||
<coverage generated="1696133614166" clover="3.2.0"> | ||
<project timestamp="1696133614166" name="All files"> | ||
<metrics statements="41" coveredstatements="31" conditionals="30" coveredconditionals="14" methods="4" coveredmethods="3" elements="75" coveredelements="48" complexity="0" loc="41" ncloc="41" packages="1" files="3" classes="3"/> | ||
<file name="Skeleton.jsx" path="C:\Users\GGPC\Desktop\react-webpage-thumbnail\src\Skeleton.jsx"> | ||
<metrics statements="2" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/> | ||
<line num="4" count="1" type="stmt"/> | ||
<line num="5" count="6" type="stmt"/> | ||
</file> | ||
<file name="Thumbnail.jsx" path="C:\Users\GGPC\Desktop\react-webpage-thumbnail\src\Thumbnail.jsx"> | ||
<metrics statements="39" coveredstatements="29" conditionals="30" coveredconditionals="14" methods="3" coveredmethods="2"/> | ||
<line num="5" count="1" type="stmt"/> | ||
<line num="16" count="9" type="stmt"/> | ||
<line num="17" count="9" type="stmt"/> | ||
<line num="18" count="9" type="stmt"/> | ||
<line num="19" count="9" type="stmt"/> | ||
<line num="20" count="6" type="stmt"/> | ||
<line num="30" count="9" type="cond" truecount="1" falsecount="1"/> | ||
<line num="31" count="9" type="stmt"/> | ||
<line num="33" count="0" type="stmt"/> | ||
<line num="37" count="9" type="cond" truecount="2" falsecount="0"/> | ||
<line num="38" count="6" type="stmt"/> | ||
<line num="40" count="3" type="stmt"/> | ||
<line num="43" count="9" type="stmt"/> | ||
<line num="44" count="9" type="stmt"/> | ||
<line num="45" count="9" type="cond" truecount="2" falsecount="2"/> | ||
<line num="46" count="0" type="stmt"/> | ||
<line num="47" count="0" type="stmt"/> | ||
<line num="53" count="9" type="stmt"/> | ||
<line num="54" count="9" type="stmt"/> | ||
<line num="55" count="9" type="cond" truecount="3" falsecount="1"/> | ||
<line num="56" count="9" type="stmt"/> | ||
<line num="57" count="9" type="stmt"/> | ||
<line num="58" count="0" type="cond" truecount="0" falsecount="4"/> | ||
<line num="59" count="0" type="stmt"/> | ||
<line num="60" count="0" type="cond" truecount="0" falsecount="4"/> | ||
<line num="61" count="0" type="stmt"/> | ||
<line num="64" count="9" type="stmt"/> | ||
<line num="65" count="9" type="stmt"/> | ||
<line num="67" count="9" type="stmt"/> | ||
<line num="75" count="9" type="stmt"/> | ||
<line num="80" count="9" type="stmt"/> | ||
<line num="88" count="9" type="stmt"/> | ||
<line num="95" count="9" type="stmt"/> | ||
<line num="96" count="0" type="cond" truecount="0" falsecount="2"/> | ||
<line num="97" count="0" type="stmt"/> | ||
<line num="99" count="0" type="stmt"/> | ||
<line num="101" count="9" type="stmt"/> | ||
<line num="153" count="1" type="stmt"/> | ||
<line num="188" count="1" type="stmt"/> | ||
</file> | ||
<file name="index.js" path="C:\Users\GGPC\Desktop\react-webpage-thumbnail\src\index.js"> | ||
<metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/> | ||
</file> | ||
</project> | ||
</coverage> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
{"C:\\Users\\GGPC\\Desktop\\react-webpage-thumbnail\\src\\Skeleton.jsx": {"path":"C:\\Users\\GGPC\\Desktop\\react-webpage-thumbnail\\src\\Skeleton.jsx","statementMap":{"0":{"start":{"line":4,"column":17},"end":{"line":10,"column":1}},"1":{"start":{"line":5,"column":2},"end":{"line":9,"column":4}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":17},"end":{"line":4,"column":18}},"loc":{"start":{"line":4,"column":32},"end":{"line":10,"column":1}},"line":4}},"branchMap":{},"s":{"0":1,"1":6},"f":{"0":6},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"d1c9b9f3a5f54d4153d42c0a221d3d4ad684224a"} | ||
,"C:\\Users\\GGPC\\Desktop\\react-webpage-thumbnail\\src\\Thumbnail.jsx": {"path":"C:\\Users\\GGPC\\Desktop\\react-webpage-thumbnail\\src\\Thumbnail.jsx","statementMap":{"0":{"start":{"line":5,"column":25},"end":{"line":150,"column":1}},"1":{"start":{"line":16,"column":32},"end":{"line":16,"column":46}},"2":{"start":{"line":17,"column":46},"end":{"line":17,"column":58}},"3":{"start":{"line":18,"column":14},"end":{"line":18,"column":26}},"4":{"start":{"line":19,"column":2},"end":{"line":27,"column":60}},"5":{"start":{"line":20,"column":4},"end":{"line":23,"column":7}},"6":{"start":{"line":30,"column":2},"end":{"line":34,"column":3}},"7":{"start":{"line":31,"column":4},"end":{"line":31,"column":19}},"8":{"start":{"line":33,"column":4},"end":{"line":33,"column":29}},"9":{"start":{"line":37,"column":2},"end":{"line":41,"column":3}},"10":{"start":{"line":38,"column":4},"end":{"line":38,"column":20}},"11":{"start":{"line":40,"column":4},"end":{"line":40,"column":31}},"12":{"start":{"line":43,"column":26},"end":{"line":43,"column":27}},"13":{"start":{"line":44,"column":25},"end":{"line":44,"column":26}},"14":{"start":{"line":45,"column":2},"end":{"line":48,"column":3}},"15":{"start":{"line":46,"column":4},"end":{"line":46,"column":31}},"16":{"start":{"line":47,"column":4},"end":{"line":47,"column":29}},"17":{"start":{"line":53,"column":20},"end":{"line":53,"column":35}},"18":{"start":{"line":54,"column":21},"end":{"line":54,"column":37}},"19":{"start":{"line":55,"column":2},"end":{"line":62,"column":3}},"20":{"start":{"line":56,"column":4},"end":{"line":56,"column":23}},"21":{"start":{"line":57,"column":4},"end":{"line":57,"column":24}},"22":{"start":{"line":58,"column":9},"end":{"line":62,"column":3}},"23":{"start":{"line":59,"column":4},"end":{"line":59,"column":72}},"24":{"start":{"line":60,"column":9},"end":{"line":62,"column":3}},"25":{"start":{"line":61,"column":4},"end":{"line":61,"column":72}},"26":{"start":{"line":64,"column":17},"end":{"line":64,"column":51}},"27":{"start":{"line":65,"column":17},"end":{"line":65,"column":53}},"28":{"start":{"line":67,"column":23},"end":{"line":73,"column":3}},"29":{"start":{"line":75,"column":24},"end":{"line":78,"column":3}},"30":{"start":{"line":80,"column":17},"end":{"line":86,"column":3}},"31":{"start":{"line":88,"column":22},"end":{"line":93,"column":3}},"32":{"start":{"line":95,"column":25},"end":{"line":100,"column":3}},"33":{"start":{"line":96,"column":4},"end":{"line":98,"column":5}},"34":{"start":{"line":97,"column":6},"end":{"line":97,"column":15}},"35":{"start":{"line":99,"column":4},"end":{"line":99,"column":22}},"36":{"start":{"line":101,"column":2},"end":{"line":149,"column":4}},"37":{"start":{"line":153,"column":0},"end":{"line":186,"column":2}},"38":{"start":{"line":188,"column":0},"end":{"line":191,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":25},"end":{"line":5,"column":26}},"loc":{"start":{"line":15,"column":6},"end":{"line":150,"column":1}},"line":15},"1":{"name":"(anonymous_1)","decl":{"start":{"line":19,"column":12},"end":{"line":19,"column":13}},"loc":{"start":{"line":19,"column":18},"end":{"line":27,"column":3}},"line":19},"2":{"name":"(anonymous_2)","decl":{"start":{"line":95,"column":25},"end":{"line":95,"column":26}},"loc":{"start":{"line":95,"column":31},"end":{"line":100,"column":3}},"line":95}},"branchMap":{"0":{"loc":{"start":{"line":6,"column":2},"end":{"line":6,"column":41}},"type":"default-arg","locations":[{"start":{"line":6,"column":8},"end":{"line":6,"column":41}}],"line":6},"1":{"loc":{"start":{"line":9,"column":2},"end":{"line":9,"column":21}},"type":"default-arg","locations":[{"start":{"line":9,"column":16},"end":{"line":9,"column":21}}],"line":9},"2":{"loc":{"start":{"line":30,"column":2},"end":{"line":34,"column":3}},"type":"if","locations":[{"start":{"line":30,"column":2},"end":{"line":34,"column":3}},{"start":{"line":32,"column":9},"end":{"line":34,"column":3}}],"line":30},"3":{"loc":{"start":{"line":37,"column":2},"end":{"line":41,"column":3}},"type":"if","locations":[{"start":{"line":37,"column":2},"end":{"line":41,"column":3}},{"start":{"line":39,"column":9},"end":{"line":41,"column":3}}],"line":37},"4":{"loc":{"start":{"line":45,"column":2},"end":{"line":48,"column":3}},"type":"if","locations":[{"start":{"line":45,"column":2},"end":{"line":48,"column":3}},{"start":{},"end":{}}],"line":45},"5":{"loc":{"start":{"line":45,"column":6},"end":{"line":45,"column":29}},"type":"binary-expr","locations":[{"start":{"line":45,"column":6},"end":{"line":45,"column":15}},{"start":{"line":45,"column":19},"end":{"line":45,"column":29}}],"line":45},"6":{"loc":{"start":{"line":55,"column":2},"end":{"line":62,"column":3}},"type":"if","locations":[{"start":{"line":55,"column":2},"end":{"line":62,"column":3}},{"start":{"line":58,"column":9},"end":{"line":62,"column":3}}],"line":55},"7":{"loc":{"start":{"line":55,"column":6},"end":{"line":55,"column":35}},"type":"binary-expr","locations":[{"start":{"line":55,"column":6},"end":{"line":55,"column":18}},{"start":{"line":55,"column":22},"end":{"line":55,"column":35}}],"line":55},"8":{"loc":{"start":{"line":58,"column":9},"end":{"line":62,"column":3}},"type":"if","locations":[{"start":{"line":58,"column":9},"end":{"line":62,"column":3}},{"start":{"line":60,"column":9},"end":{"line":62,"column":3}}],"line":58},"9":{"loc":{"start":{"line":58,"column":13},"end":{"line":58,"column":41}},"type":"binary-expr","locations":[{"start":{"line":58,"column":13},"end":{"line":58,"column":24}},{"start":{"line":58,"column":28},"end":{"line":58,"column":41}}],"line":58},"10":{"loc":{"start":{"line":60,"column":9},"end":{"line":62,"column":3}},"type":"if","locations":[{"start":{"line":60,"column":9},"end":{"line":62,"column":3}},{"start":{},"end":{}}],"line":60},"11":{"loc":{"start":{"line":60,"column":13},"end":{"line":60,"column":41}},"type":"binary-expr","locations":[{"start":{"line":60,"column":13},"end":{"line":60,"column":25}},{"start":{"line":60,"column":29},"end":{"line":60,"column":41}}],"line":60},"12":{"loc":{"start":{"line":96,"column":4},"end":{"line":98,"column":5}},"type":"if","locations":[{"start":{"line":96,"column":4},"end":{"line":98,"column":5}},{"start":{},"end":{}}],"line":96},"13":{"loc":{"start":{"line":107,"column":7},"end":{"line":147,"column":7}},"type":"binary-expr","locations":[{"start":{"line":107,"column":7},"end":{"line":107,"column":18}},{"start":{"line":108,"column":8},"end":{"line":146,"column":14}}],"line":107},"14":{"loc":{"start":{"line":109,"column":11},"end":{"line":109,"column":59}},"type":"binary-expr","locations":[{"start":{"line":109,"column":11},"end":{"line":109,"column":23}},{"start":{"line":109,"column":27},"end":{"line":109,"column":59}}],"line":109},"15":{"loc":{"start":{"line":110,"column":11},"end":{"line":133,"column":11}},"type":"binary-expr","locations":[{"start":{"line":110,"column":11},"end":{"line":110,"column":18}},{"start":{"line":111,"column":12},"end":{"line":132,"column":18}}],"line":110}},"s":{"0":1,"1":9,"2":9,"3":9,"4":9,"5":6,"6":9,"7":9,"8":0,"9":9,"10":6,"11":3,"12":9,"13":9,"14":9,"15":0,"16":0,"17":9,"18":9,"19":9,"20":9,"21":9,"22":0,"23":0,"24":0,"25":0,"26":9,"27":9,"28":9,"29":9,"30":9,"31":9,"32":9,"33":0,"34":0,"35":0,"36":9,"37":1,"38":1},"f":{"0":9,"1":6,"2":0},"b":{"0":[0],"1":[0],"2":[9,0],"3":[6,3],"4":[0,9],"5":[9,0],"6":[9,0],"7":[9,9],"8":[0,0],"9":[0,0],"10":[0,0],"11":[0,0],"12":[0,0],"13":[9,6],"14":[6,6],"15":[6,6]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"3ea56c95b5d799cae22283aaaa8f787f27f5c6da"} | ||
,"C:\\Users\\GGPC\\Desktop\\react-webpage-thumbnail\\src\\index.js": {"path":"C:\\Users\\GGPC\\Desktop\\react-webpage-thumbnail\\src\\index.js","statementMap":{},"fnMap":{},"branchMap":{},"s":{},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"618b5654c75926964173420ea0c9a52c1606037d"} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,118 @@ | ||
|
||
<!doctype html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<title>Code coverage report for Skeleton.js</title> | ||
<meta charset="utf-8" /> | ||
<link rel="stylesheet" href="prettify.css" /> | ||
<link rel="stylesheet" href="base.css" /> | ||
<link rel="shortcut icon" type="image/x-icon" href="favicon.png" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<style type='text/css'> | ||
.coverage-summary .sorter { | ||
background-image: url(sort-arrow-sprite.png); | ||
} | ||
</style> | ||
</head> | ||
|
||
<body> | ||
<div class='wrapper'> | ||
<div class='pad1'> | ||
<h1><a href="index.html">All files</a> Skeleton.js</h1> | ||
<div class='clearfix'> | ||
|
||
<div class='fl pad1y space-right2'> | ||
<span class="strong">100% </span> | ||
<span class="quiet">Statements</span> | ||
<span class='fraction'>2/2</span> | ||
</div> | ||
|
||
|
||
<div class='fl pad1y space-right2'> | ||
<span class="strong">100% </span> | ||
<span class="quiet">Branches</span> | ||
<span class='fraction'>0/0</span> | ||
</div> | ||
|
||
|
||
<div class='fl pad1y space-right2'> | ||
<span class="strong">100% </span> | ||
<span class="quiet">Functions</span> | ||
<span class='fraction'>1/1</span> | ||
</div> | ||
|
||
|
||
<div class='fl pad1y space-right2'> | ||
<span class="strong">100% </span> | ||
<span class="quiet">Lines</span> | ||
<span class='fraction'>2/2</span> | ||
</div> | ||
|
||
|
||
</div> | ||
<p class="quiet"> | ||
Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block. | ||
</p> | ||
<template id="filterTemplate"> | ||
<div class="quiet"> | ||
Filter: | ||
<input oninput="onInput()" type="search" id="fileSearch"> | ||
</div> | ||
</template> | ||
</div> | ||
<div class='status-line high'></div> | ||
<pre><table class="coverage"> | ||
<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a> | ||
<a name='L2'></a><a href='#L2'>2</a> | ||
<a name='L3'></a><a href='#L3'>3</a> | ||
<a name='L4'></a><a href='#L4'>4</a> | ||
<a name='L5'></a><a href='#L5'>5</a> | ||
<a name='L6'></a><a href='#L6'>6</a> | ||
<a name='L7'></a><a href='#L7'>7</a> | ||
<a name='L8'></a><a href='#L8'>8</a> | ||
<a name='L9'></a><a href='#L9'>9</a> | ||
<a name='L10'></a><a href='#L10'>10</a> | ||
<a name='L11'></a><a href='#L11'>11</a> | ||
<a name='L12'></a><a href='#L12'>12</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span> | ||
<span class="cline-any cline-neutral"> </span> | ||
<span class="cline-any cline-yes">1x</span> | ||
<span class="cline-any cline-yes">12x</span> | ||
<span class="cline-any cline-neutral"> </span> | ||
<span class="cline-any cline-neutral"> </span> | ||
<span class="cline-any cline-neutral"> </span> | ||
<span class="cline-any cline-neutral"> </span> | ||
<span class="cline-any cline-neutral"> </span> | ||
<span class="cline-any cline-neutral"> </span> | ||
<span class="cline-any cline-neutral"> </span> | ||
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import "./skeleton.css"; | ||
| ||
const Skeleton = ({ style }) => { | ||
return ( | ||
<div style={{ ...style }} className="skeleton"> | ||
<div className="thumbnail"></div> | ||
</div> | ||
); | ||
}; | ||
| ||
export default Skeleton; | ||
</pre></td></tr></table></pre> | ||
|
||
<div class='push'></div><!-- for sticky footer --> | ||
</div><!-- /wrapper --> | ||
<div class='footer quiet pad2 space-top1 center small'> | ||
Code coverage generated by | ||
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a> | ||
at 2023-10-01T03:41:52.210Z | ||
</div> | ||
<script src="prettify.js"></script> | ||
<script> | ||
window.onload = function () { | ||
prettyPrint(); | ||
}; | ||
</script> | ||
<script src="sorter.js"></script> | ||
<script src="block-navigation.js"></script> | ||
</body> | ||
</html> | ||
|
Oops, something went wrong.