Function App

src/App.tsx:45–128

()

}

function App() {
  const { loadFromUrl, loadFromManifest } = useUrlLoader();
  const hasCheckedUrl = useRef(false);

  // Check for URL parameter on mount
  useEffect(() => {
    // Only run once
    if (hasCheckedUrl.current) return;
    hasCheckedUrl.current = true;

    const search = window.location.search;

    if (shouldEnableEmbedModeFromSearch(search)) {
      appLogger.info(APP_EMBED_MODE_LOG_MESSAGE);
      useUIStore.getState().setEmbedMode(true);
    }

    const touchAction = getTouchModeUrlActionFromSearch(search) ?? getTouchModeAutoAction(detectTouchDevice());
    if (touchAction) {
      appLogger.info(touchAction.logMessage);
      useUIStore.getState().setTouchMode(touchAction.enabled, touchAction.source);
    }

    // Async function to handle URL loading
    const checkUrlAndLoad = async () => {
      const shareData = await decodeShareData(window.location.hash);
      const loadPlan = getAppStartupLoadPlan({
        shareData,
        legacyManifestUrl: new URLSearchParams(search).get('url'),
      });

      if (loadPlan.config) {
        appLogger.info(APP_SHARED_CONFIG_LOG_MESSAGE);
        applyShareConfig(loadPlan.config);
      }

      if (loadPlan.kind === 'inline-manifest') {
        appLogger.info(loadPlan.logMessage);
        const loaded = await loadFromManifest(loadPlan.manifest);
        if (loaded && loadPlan.config) {
          applyShareConfig(loadPlan.config);
        }
        if (loaded && loadPlan.selectedImageId !== null) {
          useCameraStore.getState().setSelectedImageId(loadPlan.selectedImageId);
        }
        return;
      }

      if (loadPlan.kind === 'manifest-url') {
        appLogger.info(loadPlan.logMessage);
        const loaded = await loadFromUrl(loadPlan.manifestUrl);
        if (loaded && loadPlan.config) {
          applyShareConfig(loadPlan.config);
        }
        if (loaded && loadPlan.selectedImageId !== null) {
          useCameraStore.getState().setSelectedImageId(loadPlan.selectedImageId);
        }
        return;