unframer 2.25.4 → 2.26.0

package/src/index.ts

@@ -5,7 +5,7 @@ import {
 } from './react.js'
 export {
     FramerStyles,
-    UnframerBreakpoint,
+    type UnframerBreakpoint,
     WithFramerBreakpoints,
     ContextProviders,
     AdaptedLink,

package/src/react.tsx

@@ -1,5 +1,6 @@
 'use client'
 import { combinedCSSRules, withCSS as originalWithCSS } from './framer.js'
+import { preconnect, prefetchDNS } from 'react-dom'
 
 import {
     ComponentPropsWithoutRef,
@@ -20,6 +21,12 @@ import { version } from './version.js'
 function classNames(...args) {
     return args.filter(Boolean).join(' ')
 }
+function Hints() {
+    prefetchDNS('https://fonts.gstatic.com')
+    preconnect('https://fonts.gstatic.com')
+    preconnect('https://framerusercontent.com')
+    return null // nothing to render
+}
 
 // breakpoints from the higher to the lower
 const defaultBreakpoints = Object.keys(
@@ -303,7 +310,12 @@ export function AdaptedLink({
     const route = routes?.[webPageId]
     const target = openInNewTab ? '_blank' : undefined
     if (isRelativeLink(href) || isMailto(href)) {
-        return React.cloneElement(children, { ...rest, onClick: navigateClientSide, href, target })
+        return React.cloneElement(children, {
+            ...rest,
+            onClick: navigateClientSide,
+            href,
+            target,
+        })
     }
     if (!webPageId) {
         return <Link href={href} {...rest} {...onlyForFramer} />
@@ -353,6 +365,7 @@ export function ContextProviders({
     }, [activeLocale, locales])
     return (
         <FetchClientProvider>
+            <Hints />
             <CustomCursorHost>
                 <FormContext.Provider value={framerSiteId}>
                     <LocaleInfoContext value={localeInfo}>
@@ -402,6 +415,7 @@ const unframerContext = createContext<Partial<UnframerProviderProps>>({
 export function UnframerProvider(props: UnframerProviderProps) {
     return (
         <unframerContext.Provider value={props}>
+            <Hints />
             {props.children}
         </unframerContext.Provider>
     )

package/src/sentry.ts

@@ -1,23 +1,4 @@
-const SENTRY_DSN =
-    'https://67125acb9a41f616144a07c90a16775e@o4508014272446464.ingest.de.sentry.io/4509202968674384'
-
-let sentry: typeof import('@sentry/node') | null = null
-
-export async function notifyError(error: unknown, msg?: string) {
-    console.error(msg, error)
-
-    if (!sentry) {
-        const mod = await import('@sentry/node')
-        mod.init({
-            dsn: SENTRY_DSN,
-            beforeSend(event) {
-                if (event?.['name'] === 'AbortError') return null
-                return event
-            },
-        })
-        sentry = mod
-    }
-
-    sentry.captureException(error, { extra: { msg } })
-    await sentry.flush(1000)
+// TODO the idea was to use Sentry to send back info but the package is too bloated
+export async function notifyError(error: any, msg?: string) {
+    console.error(msg, error?.['stack'] || error)
 }

package/src/undici-dispatcher.ts

@@ -0,0 +1,13 @@
+import { Agent, interceptors, setGlobalDispatcher } from 'undici'
+import { FlatCacheStore } from './flat-cache-interceptor'
+
+export const dispatcher = new Agent({
+    keepAliveTimeout: 20,
+    keepAliveMaxTimeout: 20,
+}).compose(
+    interceptors.cache({
+        store: new FlatCacheStore(),
+    }),
+)
+
+setGlobalDispatcher(dispatcher)

package/src/utils.test.ts

@@ -0,0 +1,148 @@
+import { describe, it, expect } from 'vitest'
+import { dedent } from './utils'
+
+describe('dedent', () => {
+    it('should remove common indentation from template literals', () => {
+        const result = dedent`
+            Hello world
+            This is a test
+
+            With multiple lines
+        `
+        expect(result).toMatchInlineSnapshot(`
+          "Hello world
+          This is a test
+
+          With multiple lines"
+        `)
+    })
+
+    it('should handle mixed indentation levels', () => {
+        const result = dedent`
+            function example() {
+                const x = 1
+                if (x) {
+                    console.log('hello')
+                }
+            }
+        `
+        expect(result).toMatchInlineSnapshot(`
+          "function example() {
+              const x = 1
+              if (x) {
+                  console.log('hello')
+              }
+          }"
+        `)
+    })
+
+    it('should handle template values', () => {
+        const name = 'world'
+        const count = 42
+        const result = dedent`
+            Hello ${name}!
+            The count is ${count}
+            End of message
+        `
+        expect(result).toMatchInlineSnapshot(`
+          "Hello world!
+          The count is 42
+          End of message"
+        `)
+    })
+
+    it('should handle empty lines and preserve relative indentation', () => {
+
+        const result = dedent`
+            Start
+
+                Indented line
+
+            End
+        `
+        expect(result).toMatchInlineSnapshot(`
+          "Start
+
+              Indented line
+
+          End"
+        `)
+    })
+
+    it('should handle single line', () => {
+        const result = dedent`
+          Single line
+          `
+        expect(result).toMatchInlineSnapshot(`"Single line"`)
+    })
+
+    it('should handle lines with only whitespace', () => {
+        const result = dedent`
+            Line 1
+
+            Line 3
+        `
+        expect(result).toMatchInlineSnapshot(`
+          "Line 1
+
+          Line 3"
+        `)
+    })
+    it('should handle nested dedent calls', () => {
+        const inner = dedent`
+            function inner() {
+                return 'hello'
+            }
+        `
+        const result = dedent`
+            class Example {
+                ${inner}
+
+                method() {
+                    console.log('test')
+                }
+            }
+        `
+        expect(result).toMatchInlineSnapshot(`
+          "class Example {
+              function inner() {
+              return 'hello'
+          }
+
+              method() {
+                  console.log('test')
+              }
+          }"
+        `)
+    })
+
+    it('should preserve additional indentation in template values', () => {
+        const codeBlock = dedent`
+            if (condition) {
+                doSomething()
+                    .then(result => {
+                        console.log(result)
+                    })
+            }
+        `
+        const result = dedent`
+            function wrapper() {
+                ${codeBlock}
+
+                return true
+            }
+        `
+        expect(result).toMatchInlineSnapshot(`
+          "function wrapper() {
+              if (condition) {
+              doSomething()
+                  .then(result => {
+                      console.log(result)
+                  })
+          }
+
+              return true
+          }"
+        `)
+    })
+})

package/src/utils.ts

@@ -1,27 +1,12 @@
+import dedent from 'string-dedent'
 import pico from 'picocolors'
-import {
-    Agent,
-    fetch,
-    getGlobalDispatcher,
-    interceptors,
-    setGlobalDispatcher,
-} from 'undici'
 
-import { marked } from 'marked'
-import { markedTerminal } from 'marked-terminal'
 import { createSpinner } from 'nanospinner'
 
-marked.use(markedTerminal())
-
 export function terminalMarkdown(markdown: string) {
-    return marked(markdown)
+    return markdown
 }
 
-export const dispatcher = new Agent({
-    keepAliveTimeout: 20,
-    keepAliveMaxTimeout: 20,
-})
-
 const shouldDebugUnframer = !!process.env.DEBUG_UNFRAMER
 
 const prefix = '[unframer]'
@@ -104,3 +89,5 @@ export function isTruthy<T>(x: T | null | undefined | false | 0 | ''): x is T {
 }
 
 export const stackblitzDemoExample = process.env.STACKBLITZ_DEMO_EXAMPLE
+
+export { dedent }

package/src/version.ts

@@ -1 +1 @@
-export const version = '2.25.4'
+export const version = '2.26.0'