diff --git a/package.json b/package.json
index 446957a..0526841 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "web-maker",
- "version": "6.3.0",
+ "version": "6.3.1",
"description": "A blazing fast & offline web playground",
"scripts": {
"start": "concurrently --kill-others \"gulp start-preview-server\" \"npm run -s dev\"",
diff --git a/src/components/Share.jsx b/src/components/Share.jsx
index d5b807f..8ede560 100644
--- a/src/components/Share.jsx
+++ b/src/components/Share.jsx
@@ -7,6 +7,7 @@ import { alertsService } from '../notifications';
import { Button } from './common';
import { Icon } from './Icons';
import { Text } from './Text';
+import { LoaderWithText } from './Loader';
const FREE_PUBLIC_ITEM_COUNT = 1;
const BASE_URL = location.origin.includes('chrome-extension://')
@@ -34,6 +35,7 @@ export function Share({
}, []);
const [val, setVal] = useState(item.isPublic);
+ const [isSyncing, setIsSyncing] = useState(false);
const onChange = async e => {
const newVal = e.target.checked;
setVal(newVal);
@@ -41,6 +43,7 @@ export function Share({
const token = await window.user.firebaseUser.getIdToken();
let res;
try {
+ setIsSyncing(true);
res = await fetch(
`${TOGGLE_VISIBILITY_API}?token=${token}&itemId=${item.id}`
);
@@ -50,6 +53,8 @@ export function Share({
setVal(!newVal);
}, 400);
return;
+ } finally {
+ setIsSyncing(false);
}
if (res.status >= 200 && res.status < 400) {
@@ -95,6 +100,11 @@ export function Share({
>
Access
+ {isSyncing && (
+
+ Syncing...
+
+ )}
{item.isPublic && (
Public at{' '}
diff --git a/src/components/app.jsx b/src/components/app.jsx
index bb68989..2d494ff 100644
--- a/src/components/app.jsx
+++ b/src/components/app.jsx
@@ -84,7 +84,7 @@ if (module.hot) {
}
const UNSAVED_WARNING_COUNT = 15;
-const version = '6.3.0';
+const version = '6.3.1';
// Read forced settings as query parameters
window.forcedSettings = {};
diff --git a/src/hooks/useCheckout.js b/src/hooks/useCheckout.js
index a8165d0..f34b3b3 100644
--- a/src/hooks/useCheckout.js
+++ b/src/hooks/useCheckout.js
@@ -3,6 +3,8 @@ import { useState, useEffect } from 'react';
function useCheckout() {
const [hasVendorScriptLoaded, setHasVendorScriptLoaded] = useState();
useEffect(() => {
+ if (window.IS_EXTENSION) return;
+
const script = document.createElement('script');
script.src = 'https://app.lemonsqueezy.com/js/lemon.js';
script.async = 'true';
diff --git a/src/manifest.json b/src/manifest.json
index 160e769..c60da02 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,6 +1,6 @@
{
"name": "Web Maker",
- "version": "6.3.0",
+ "version": "6.3.1",
"manifest_version": 3,
"description": "Blazing fast & offline playground for your web experiments",
"homepage_url": "https://webmaker.app",
diff --git a/src/options.html b/src/options.html
index a28b63a..90d743b 100644
--- a/src/options.html
+++ b/src/options.html
@@ -35,7 +35,7 @@
Settings
- v6.3.0
+ v6.3.1