CocosPlugin/ccc-devtools
1
0
Fork 0
mirror of https://github.com/potato47/ccc-devtools.git synced 2025-10-13 02:25:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
nextfu
2022-08-03 18:00:31 +08:00
parent 90baadd0aa
commit 77073f20d2
12 changed files with 249 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
release/preview-template/dist/assets/index.17ee060a.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

111
release/preview-template/dist/assets/index.1b8a852c.js vendored
View File

File diff suppressed because one or more lines are too long

2
release/preview-template/dist/assets/index.a2551c8e.css → release/preview-template/dist/assets/index.9940da1d.css vendored
View File

File diff suppressed because one or more lines are too long

7
release/preview-template/dist/index.html vendored
View File

@@ -1,3 +1,4 @@
<script type="module" crossorigin src="/dist/assets/index.1b8a852c.js"></script>
<link rel="stylesheet" href="/dist/assets/index.a2551c8e.css">
<div id="dev-app" style="width: 400px;height: 100%;display: none;flex-direction: column;justify-content: center;"></div>
<script type="module" crossorigin src="/dist/assets/index.17ee060a.js"></script>
<link rel="stylesheet" href="/dist/assets/index.9940da1d.css">
<div id="dev-app" style="width: 400px;height: 100%;display: flex;flex-direction: column;justify-content: center;"></div>

37
release/preview-template/index.ejs
View File

@@ -18,7 +18,7 @@
<link rel="stylesheet" type="text/css" href="./index.css" />
</head>
<body>
<%- include('./toolbar', {config: config}) %>
<%- include(cocosToolBar, {config: config}) %>
<div style="display: flex;flex: auto;align-items: center;">
<%- include ./dist/index.html %>
<div id="content" class="content">
@@ -47,3 +47,38 @@
<%- include(cocosTemplate, {}) %>
</body>
</html>
<script>
document.getElementsByClassName('toolbar')[0].insertAdjacentHTML('afterbegin', '<div><button id="btn-show-tree">Tree</button></div>');
const devtoolsBtn = document.getElementById('btn-show-tree');
let isOpen = !!localStorage.getItem('ccc_devtools_show');
toggle(isOpen);
devtoolsBtn.addEventListener('click', () => {
isOpen = !isOpen;
toggle(isOpen);
}, false);
// profilerBtn.addEventListener('click', () => {
// if (profilerBtn.classList.contains('checked')) {
// profilerBtn.classList.remove('checked');
// window.dispatchEvent(new CustomEvent('showProfiler', { detail: { show: false } }));
// } else {
// profilerBtn.classList.add('checked');
// window.dispatchEvent(new CustomEvent('showProfiler', { detail: { show: true } }));
// }
// }, false);
function toggle(isOpen) {
const devApp = document.getElementById('dev-app');
window.ccdevShow = isOpen;
if (isOpen) {
devApp.style.display = 'flex';
devtoolsBtn.classList.add('checked');
localStorage.setItem('ccc_devtools_show', 1);
} else {
devApp.style.display = 'none';
devtoolsBtn.classList.remove('checked');
localStorage.removeItem('ccc_devtools_show');
}
}
</script>

13
release/preview-template/toolbar.ejs
View File

@@ -33,16 +33,3 @@
<span>ms</span>
</div>
</div>
<script>
const devtoolsBtn = document.getElementById('btn-show-devtools');
devtoolsBtn.addEventListener('click', () => {
const devApp = document.getElementById('dev-app');
if (devApp.style.display === 'none') {
devApp.style.display = 'flex';
devtoolsBtn.classList.add('checked');
} else {
devApp.style.display = 'none';
devtoolsBtn.classList.remove('checked');
}
}, false);
</script>