Remove vform - working on form public page

client/lib/forms/public-page.js

@@ -0,0 +1,55 @@
+/**
+ * Handle form public pages dark mode and transparent mode
+ */
+export function handleDarkMode (darkMode, elem = null) {
+  if (process.server) return
+  const darkModeNodeParent = elem ?? document.body
+
+  // Dark mode
+  if (['dark', 'light'].includes(darkMode)) {
+    return handleDarkModeToggle(darkMode === 'dark')
+  }
+
+  // Case auto
+  handleDarkModeToggle(window.matchMedia('(prefers-color-scheme: dark)').matches, darkModeNodeParent)
+
+  // Create listener
+  window.matchMedia('(prefers-color-scheme: dark)')
+    .addEventListener('change', handleDarkModeToggle)
+}
+
+function handleDarkModeToggle (enabled, darkModeNodeParent) {
+  if (enabled !== false && enabled !== true) {
+    // if we received an event
+    enabled = enabled.matches
+  }
+  enabled ? darkModeNodeParent.classList.add('dark') : darkModeNodeParent.classList.remove('dark')
+}
+
+export function disableDarkMode () {
+  if (process.server) return
+  const body = document.body
+  body.classList.remove('dark')
+  // Remove event listener
+  window.matchMedia('(prefers-color-scheme: dark)').removeEventListener('change', handleDarkModeToggle)
+}
+
+export function handleTransparentMode (transparentModeEnabled) {
+  if (process.server) return
+  if (!useIsIframe() || !transparentModeEnabled) return
+
+  const app = document.getElementById('app')
+  app.classList.remove('bg-white')
+  app.classList.remove('dark:bg-notion-dark')
+  app.classList.add('bg-transparent')
+}
+
+export function focusOnFirstFormElement() {
+  if (process.server) return
+  for (const ele of document.querySelectorAll('input,button,textarea,[role="button"]')) {
+    if (ele.offsetWidth !== 0 || ele.offsetHeight !== 0) {
+      ele.focus()
+      break
+    }
+  }
+}

client/lib/utils.js

@@ -0,0 +1,15 @@
+
+export const hash = (str, seed = 0) => {
+  let h1 = 0xdeadbeef ^ seed,
+    h2 = 0x41c6ce57 ^ seed;
+  for (let i = 0, ch; i < str.length; i++) {
+    ch = str.charCodeAt(i);
+    h1 = Math.imul(h1 ^ ch, 2654435761);
+    h2 = Math.imul(h2 ^ ch, 1597334677);
+  }
+
+  h1 = Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^ Math.imul(h2 ^ (h2 >>> 13), 3266489909);
+  h2 = Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^ Math.imul(h1 ^ (h1 >>> 13), 3266489909);
+
+  return 4294967296 * (2097151 & h2) + (h1 >>> 0);
+}