Release 0.15.0 (#476)

aurelticot · web-flow · commit 10599e5536cf · 2025-02-12T19:33:56.000+11:00
diff --git a/.env.example b/.env.example
@@ -8,6 +8,9 @@ NEXT_PUBLIC_DEV_MODE=false
 
 # ------ Telemetry ------
 
+# Optional: Set the domain for the Plausible analytics. If empty no analytics will be sent.
+NEXT_PUBLIC_PLAUSIBLE_DOMAIN=
+
 # Optional: Set the log level ("error", "warn", "info", "debug"). Default to "info".
 NEXT_PUBLIC_LOG_LEVEL=info
 
@@ -33,6 +36,11 @@ NEXT_PUBLIC_SENTRY_REPLAY_SESSION_SAMPLE_RATE=0.1
 # Optional. Number between 0 (0%) and 1.0 (100%), capture x% of the sessions in error for replay. Default to 1.0 (100%). Can keep it like this in Production, reduce it if too much noise or close to quota.
 NEXT_PUBLIC_SENTRY_REPLAYS_ON_ERROR_SAMPLE_RATE=1
 
+# ------ Restricted access ------
+
+# Optional: Set the feature flag to disabled ("true") or enabled ("false") the restricted access. Set to "false" by default (restricted access is enabled).
+NEXT_PUBLIC_FEATURE_FLAG_RESTRICTED_ACCESS_DISABLED=false
+
 # ------ Verida Network ------
 
 # Optional: Set the Verida Network ("myrtle", "banksia", "devnet", "local"). Default to "banksia".
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,15 @@
+# 0.15.0 (2025-02-12)
+
+## Enhancements
+
+- Improve UI of Verida Auth
+
+## Misc
+
+- Add license
+- Set up Plausible integration
+- Update dependencies
+
 # 0.14.0 (2025-02-04)
 
 ## Enhancements
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2025, Verida
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
diff --git a/package.json b/package.json
@@ -1,7 +1,8 @@
 {
   "name": "vault-web",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "private": true,
+  "license": "ISC",
   "scripts": {
     "version": "npx genversion --es6 --double ./src/config/version.ts",
     "postinstall": "yarn run version",
@@ -24,25 +25,25 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/resolvers": "^3.10.0",
-    "@radix-ui/react-accordion": "^1.2.2",
-    "@radix-ui/react-alert-dialog": "^1.1.5",
-    "@radix-ui/react-avatar": "^1.1.2",
-    "@radix-ui/react-checkbox": "^1.1.3",
+    "@radix-ui/react-accordion": "^1.2.3",
+    "@radix-ui/react-alert-dialog": "^1.1.6",
+    "@radix-ui/react-avatar": "^1.1.3",
+    "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-dialog": "1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.1.5",
-    "@radix-ui/react-label": "^2.1.1",
-    "@radix-ui/react-navigation-menu": "^1.2.4",
-    "@radix-ui/react-popover": "^1.1.5",
-    "@radix-ui/react-progress": "^1.1.1",
-    "@radix-ui/react-scroll-area": "^1.2.2",
-    "@radix-ui/react-select": "^2.1.5",
-    "@radix-ui/react-separator": "^1.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-navigation-menu": "^1.2.5",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-progress": "^1.1.2",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-separator": "^1.1.2",
     "@radix-ui/react-slot": "^1.1.1",
-    "@radix-ui/react-switch": "^1.1.2",
-    "@radix-ui/react-tabs": "^1.1.2",
-    "@radix-ui/react-toast": "^1.2.5",
-    "@radix-ui/react-tooltip": "^1.1.7",
-    "@sentry/nextjs": "^8.53.0",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-toast": "^1.2.6",
+    "@radix-ui/react-tooltip": "^1.1.8",
+    "@sentry/nextjs": "^8.54.0",
     "@tanstack/query-sync-storage-persister": "^5.66.0",
     "@tanstack/react-query": "^5.66.0",
     "@tanstack/react-query-persist-client": "^5.66.0",
@@ -55,8 +56,9 @@
     "clsx": "^2.1.0",
     "cmdk": "1.0.4",
     "date-fns": "^4.1.0",
-    "lucide-react": "^0.474.0",
+    "lucide-react": "^0.475.0",
     "next": "^14.2.23",
+    "next-plausible": "^3.12.4",
     "next-themes": "^0.4.4",
     "nuqs": "^2.3.2",
     "react": "^18.3.1",
@@ -67,15 +69,15 @@
     "remark-gfm": "^4.0.0",
     "tailwind-merge": "^2.6.0",
     "use-debounce": "^10.0.4",
-    "usehooks-ts": "^3.1.0",
+    "usehooks-ts": "^3.1.1",
     "zod": "^3.24.1"
   },
   "devDependencies": {
-    "@sentry/types": "^8.53.0",
+    "@sentry/types": "^8.54.0",
     "@tailwindcss/typography": "^0.5.16",
     "@tanstack/react-query-devtools": "^5.66.0",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "@types/node": "^18.19.74",
+    "@types/node": "^18.19.75",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/react-transition-group": "^4.4.12",
@@ -89,7 +91,7 @@
     "file-loader": "^6.2.0",
     "genversion": "^3.2.0",
     "postcss": "^8.5.1",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.0",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7",
diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
@@ -33,6 +33,7 @@ export default function AuthPage() {
         </div>
         <VeridaIdentityDropdownMenu
           keepExpanded
+          displayNotConnectedSkeleton
           hideDisconnect={false}
           hideFeedback={false}
           hideAuthorizedApps={true}
diff --git a/src/app/global-error.tsx b/src/app/global-error.tsx
@@ -4,6 +4,7 @@ import {
   ErrorPageContent,
   ErrorPageProps,
 } from "@/components/error-page-content"
+import { PlausibleScript } from "@/features/plausible/PlausibleScript"
 import { sora } from "@/styles/font"
 import { cn } from "@/styles/utils"
 
@@ -12,6 +13,9 @@ export default function GlobalErrorPage(props: ErrorPageProps) {
 
   return (
     <html>
+      <head>
+        <PlausibleScript />
+      </head>
       <body className={cn("h-dvh", sora.variable)}>
         <ErrorPageContent error={error} reset={reset} hideNavigationButton />
       </body>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -5,6 +5,7 @@ import { commonConfig } from "@/config/common"
 import { APP_DESCRIPTION, APP_NAME, APP_TITLE } from "@/constants/app"
 import { BreakpointIndicator } from "@/features/dev/components/breakpoint-indicator"
 import { ReactScan } from "@/features/dev/components/react-scan"
+import { PlausibleScript } from "@/features/plausible/PlausibleScript"
 import { sora } from "@/styles/font"
 import "@/styles/globals.css"
 import { cn } from "@/styles/utils"
@@ -49,6 +50,9 @@ export default function RootLayout(props: RootLayoutProps) {
 
   return (
     <html lang="en" suppressHydrationWarning>
+      <head>
+        <PlausibleScript />
+      </head>
       <body className={cn("h-dvh", sora.variable)}>
         <RootProviders>{children}</RootProviders>
         {commonConfig.DEV_MODE ? (
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
@@ -8,13 +8,17 @@ import {
   NotFoundBlockImage,
   NotFoundBlockTitle,
 } from "@/components/ui/not-found"
+import { PlausibleScript } from "@/features/plausible/PlausibleScript"
 import { getRootPageRoute } from "@/features/routes/utils"
 import { sora } from "@/styles/font"
 import { cn } from "@/styles/utils"
 
 export default function NotFoundPage() {
   return (
     <html>
+      <head>
+        <PlausibleScript />
+      </head>
       <body className={cn("h-dvh", sora.variable)}>
         <div className="flex h-full flex-1 flex-col items-center justify-center p-4">
           <NotFoundBlock>
diff --git a/src/components/verida/verida-identity-dropdown-menu.tsx b/src/components/verida/verida-identity-dropdown-menu.tsx
@@ -35,6 +35,7 @@ import { cn } from "@/styles/utils"
 export interface VeridaIdentityDropdownMenuProps
   extends Pick<React.ComponentProps<typeof Button>, "className"> {
   keepExpanded?: boolean
+  displayNotConnectedSkeleton?: boolean
   hideDisconnect?: boolean
   hideAuthorizedApps?: boolean
   hideFeedback?: boolean
@@ -45,6 +46,7 @@ export function VeridaIdentityDropdownMenu(
 ) {
   const {
     keepExpanded = false,
+    displayNotConnectedSkeleton = false,
     hideDisconnect = false,
     hideAuthorizedApps = false,
     hideFeedback = false,
@@ -77,7 +79,13 @@ export function VeridaIdentityDropdownMenu(
   }, [router])
 
   if (!isConnected) {
-    return null
+    return (
+      <>
+        {displayNotConnectedSkeleton ? (
+          <VeridaIdentityNotConnectedDropdownMenuButton className={className} />
+        ) : null}
+      </>
+    )
   }
 
   return (
@@ -220,3 +228,43 @@ export function VeridaIdentityDropdownMenu(
   )
 }
 VeridaIdentityDropdownMenu.displayName = "VeridaIdentityDropdownMenu"
+
+interface VeridaIdentityNotConnectedDropdownMenuButtonProps
+  extends Pick<React.ComponentProps<typeof Button>, "className"> {
+  keepExpanded?: boolean
+}
+
+function VeridaIdentityNotConnectedDropdownMenuButton(
+  props: VeridaIdentityNotConnectedDropdownMenuButtonProps
+) {
+  const { keepExpanded = false, className } = props
+
+  return (
+    <Button
+      variant="outline"
+      disabled
+      className={cn(
+        "h-auto max-w-56 border-0",
+        keepExpanded
+          ? "rounded-lg border py-2 pl-3 pr-2"
+          : "rounded-full p-0 md:rounded-lg md:border md:py-2 md:pl-3 md:pr-2",
+        className
+      )}
+    >
+      <div className="flex w-full flex-row items-center gap-2">
+        <div className="size-8 shrink-0 rounded-full border bg-surface-active" />
+        <div>
+          <Typography variant="base-semibold" className="italic">
+            Not Connected
+          </Typography>
+        </div>
+        <SimpleDown
+          className={cn(
+            "shrink-0 text-muted-foreground",
+            keepExpanded ? "" : "hidden md:block"
+          )}
+        />
+      </div>
+    </Button>
+  )
+}
diff --git a/src/config/common.ts b/src/config/common.ts
@@ -7,8 +7,11 @@ const commonConfigCheckResult = CommonConfigSchema.safeParse({
   // the code(like here). It also allows us to have shorter names.
   BASE_URL: process.env.NEXT_PUBLIC_BASE_URL,
   DEV_MODE: process.env.NEXT_PUBLIC_DEV_MODE,
+  PLAUSIBLE_DOMAIN: process.env.NEXT_PUBLIC_PLAUSIBLE_DOMAIN,
   LOG_LEVEL: process.env.NEXT_PUBLIC_LOG_LEVEL,
   SENTRY_ENABLED: process.env.NEXT_PUBLIC_SENTRY_ENABLED,
+  FEATURE_FLAG_RESTRICTED_ACCESS_DISABLED:
+    process.env.NEXT_PUBLIC_FEATURE_FLAG_RESTRICTED_ACCESS_DISABLED,
   VERIDA_NETWORK: process.env.NEXT_PUBLIC_VERIDA_NETWORK,
   VERIDA_RPC_URL: process.env.NEXT_PUBLIC_VERIDA_RPC_URL,
   PRIVATE_DATA_API_BASE_URL: process.env.NEXT_PUBLIC_PRIVATE_DATA_API_BASE_URL,
diff --git a/src/config/features.ts b/src/config/features.ts
@@ -3,6 +3,9 @@ import { commonConfig } from "@/config/common"
 // Basic feature flags for now
 // But likely to stay as a separate global variable like this
 export const featureFlags = {
+  restrictedAccess: {
+    disabled: commonConfig.FEATURE_FLAG_RESTRICTED_ACCESS_DISABLED,
+  },
   veridaAuth: {
     enabled: commonConfig.FEATURE_FLAG_VERIDA_AUTH_ENABLED,
     authorizedAppsUi: {
diff --git a/src/config/schemas.ts b/src/config/schemas.ts
@@ -9,11 +9,16 @@ export const CommonConfigSchema = z.object({
     .string()
     .optional()
     .transform((value) => value === "true"),
+  PLAUSIBLE_DOMAIN: z.string().optional(),
   LOG_LEVEL: z.enum(["error", "warn", "info", "debug"]).default("info"),
   SENTRY_ENABLED: z
     .string()
     .optional()
     .transform((value) => value === "true"),
+  FEATURE_FLAG_RESTRICTED_ACCESS_DISABLED: z
+    .string()
+    .optional()
+    .transform((value) => value === "true"),
   VERIDA_NETWORK: z
     .enum(["myrtle", "banksia", "devnet", "local"])
     .default("banksia")
diff --git a/src/features/plausible/PlausibleScript.tsx b/src/features/plausible/PlausibleScript.tsx
@@ -0,0 +1,13 @@
+import NextPlausibleProvider from "next-plausible"
+import React from "react"
+
+import { commonConfig } from "@/config/common"
+
+export function PlausibleScript() {
+  if (!commonConfig.PLAUSIBLE_DOMAIN) {
+    return null
+  }
+
+  return <NextPlausibleProvider domain={commonConfig.PLAUSIBLE_DOMAIN} />
+}
+PlausibleScript.displayName = "PlausibleScript"
diff --git a/src/features/requests/schemas.ts b/src/features/requests/schemas.ts
@@ -13,7 +13,7 @@ export const UserProfileApiRequestSchema = BaseRequestSchema.extend({
   did: z.string().optional(),
   purpose: z.string().optional(),
   profileJsonSchemaUrl: z.string().url(),
-  profileParams: UserAiProfileParamsSchema,
+  profileParams: UserAiProfileParamsSchema.optional(),
   endpointUrl: z.string().url(),
   endpointParams: UserProfileApiRequestEndpointParamsSchema.optional(),
   exposesUserData: z.boolean().default(true),
diff --git a/src/features/restricted-access/components/restricted-access-provider.tsx b/src/features/restricted-access/components/restricted-access-provider.tsx
@@ -3,6 +3,7 @@
 import { useQuery } from "@tanstack/react-query"
 import { useEffect, useMemo, useState } from "react"
 
+import { featureFlags } from "@/config/features"
 import {
   RestrictedAccessContext,
   RestrictedAccessContextValue,
@@ -23,14 +24,14 @@ export function RestrictedAccessProvider(props: RestrictedAccessProviderProps) {
   const [persist, setPersist] = useState(false)
 
   const { data, isLoading, isError } = useQuery({
+    enabled: !!did && !featureFlags.restrictedAccess.disabled,
     queryKey: ["restricted-access", "status", did],
     queryFn: async (): Promise<RestrictedAccessStatus> => {
       if (!did) {
         return "denied"
       }
       return getRestrictedAccessStatus(did)
     },
-    enabled: !!did,
     staleTime: 1000 * 60 * 10, // 10 minutes
     meta: {
       persist,
@@ -45,7 +46,9 @@ export function RestrictedAccessProvider(props: RestrictedAccessProviderProps) {
 
   const value: RestrictedAccessContextValue = useMemo(
     () => ({
-      access: data ?? "denied",
+      access: featureFlags.restrictedAccess.disabled
+        ? "allowed"
+        : (data ?? "denied"),
       isLoading,
       isError,
     }),
diff --git a/src/features/verida-auth/components/verida-auth-card-header.tsx b/src/features/verida-auth/components/verida-auth-card-header.tsx
diff --git a/src/features/verida-auth/components/verida-auth-consent-card.tsx b/src/features/verida-auth/components/verida-auth-consent-card.tsx
diff --git a/src/features/verida-auth/components/verida-auth-verida-not-connected-card.tsx b/src/features/verida-auth/components/verida-auth-verida-not-connected-card.tsx
diff --git a/src/features/verida-auth/hooks/use-verida-auth-request.ts b/src/features/verida-auth/hooks/use-verida-auth-request.ts
diff --git a/src/features/verida-auth/schemas.ts b/src/features/verida-auth/schemas.ts
diff --git a/src/features/verida-auth/types.ts b/src/features/verida-auth/types.ts
diff --git a/yarn.lock b/yarn.lock
