fix: #4 replacement of readOnly content

mixins/base.ts

@@ -14,10 +14,12 @@ export default defineNuxtComponent({
  }),
  async mounted() {
  const handler = (event: any) => {
+ if (this.readOnly) return;
  if (event.origin !== location.origin) return;
  if (event.data?.type !== 'DUPLICATE_SHARE') return;
  this.content = event.data.content;
  window.removeEventListener('message', handler);
+ event.source.postMessage({ type: 'DUPLICATE_SHARE_OK' }, event.origin);
  }
  window.addEventListener('message', handler);
  const api = await this.getApi()
@@ -51,13 +53,18 @@ export default defineNuxtComponent({
  if (!this.content) return this.showError('No content to duplicate');
  const win = window.open(location.origin, '_blank');
  win?.addEventListener('load', async () => {
- let counter = 0;
- let interval = window.setInterval(() => {
- if (counter++ > 200) {
- window.clearInterval(interval);
- }
- win?.postMessage({ type: 'DUPLICATE_SHARE', content: this.content }, location.origin);
- }, 100);
+ let ok = false;
+ let tries = 0;
+ win.addEventListener('message', (event) => {
+ if (event.origin !== location.origin) return;
+ if (event.data?.type !== 'DUPLICATE_SHARE_OK') return;
+ ok = true;
+ });
+ while (!ok && tries < 200) {
+ win.postMessage({ type: 'DUPLICATE_SHARE', content: this.content }, location.origin);
+ tries++;
+ await new Promise(r => setTimeout(r, 100));
+ }
  });
  },
  async newD() {

pages/q/[id].vue

@@ -48,13 +48,13 @@ export default defineNuxtComponent({
  }),
  async mounted() {
  try {
+ this.readOnly = true;
  const api = await this.getApi();
  const secret = location.hash.substring(1);
  this.decryptURL = api.defaults.baseURL + `decrypt/${this.$route.params.id}/${secret}`;
  const res = await api.get(`json/${this.$route.params.id}`);
  this.content = CryptoJS.AES.decrypt(res.data.content, secret).toString(CryptoJS.enc.Utf8);
  this.isReady = true;
- this.readOnly = true;
  this.expires = res.data.expires;
  } catch (e) {
  console.error(e);