dustinswan/cg
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adding clear-storage helper button

Browse source
This commit is contained in:
Dustin Swan 2026-02-06 23:39:36 -07:00
parent 8c3237e0db
commit eef4daf8ec
No known key found for this signature in database
GPG key ID: 30D46587E2100467
3 changed files with 13 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -23,11 +23,17 @@ canvas {
width: 100%;
height: 100%;
}
#clear-storage {
position: absolute;
top: 0; right: 0;
}
</style>
</head>
<body>
<div id="app"></div>
<button id="clear-storage">Clear Storage</button>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

7
src/main.ts
View file

@ -6,7 +6,7 @@ import { runApp } from './runtime';
import { builtins } from './builtins';
import { CGError } from './error';
import { createStore, startTracking, stopTracking, buildDependents } from './store';
import { loadStore } from './persistence';
import { loadStore, clearStore } from './persistence';
import stdlibCode from './stdlib.cg?raw';
import designTokensCode from './design-tokens.cg?raw';
@ -19,6 +19,11 @@ import textInputCode from './textinput-test.cg?raw';
const canvas = document.createElement('canvas') as HTMLCanvasElement;
document.body.appendChild(canvas);
const clearButton = document.getElementById('clear-storage');
if (clearButton) {
clearButton.onclick = () => clearStore();
}
const cgCode = stdlibCode + '\n' +
designTokensCode + '\n' +
uiComponentsCode + '\n' +

2
src/persistence.ts
View file

@ -25,5 +25,5 @@ export function loadStore(): Record<string, { body: AST, source: string }> | nul
}
export function clearStore() {
localStorage.remove(STORAGE_KEY);
localStorage.removeItem(STORAGE_KEY);
}