chore: rename

wevm · Feb 8, 2024 · bdf74cc · bdf74cc
1 parent 81d10ed
commit bdf74cc
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 49 deletions.
diff --git a/.changeset/nice-apples-bake.md b/.changeset/nice-apples-bake.md
@@ -1,5 +1,5 @@
 ---
-"@wevm/framework": patch
+"farc": patch
 ---
 
 Initial release.
diff --git a/README.md b/README.md
@@ -1,3 +1,3 @@
-# 𝑭𝒓𝒂𝒎𝒆work
+# 𝑭𝒂𝒓𝒄
 
-A Framework for Farcaster Frames.
+The Framework for Farcaster Frames.
diff --git a/bun.lockb b/bun.lockb
diff --git a/example/package.json b/example/package.json
@@ -5,7 +5,7 @@
     "dev": "bun run --hot src/index.tsx"
   },
   "dependencies": {
-    "@wevm/framework": "workspace:*",
+    "farc": "workspace:*",
     "hono": "^3.12.8"
   },
   "devDependencies": {

diff --git a/example/src/index.tsx b/example/src/index.tsx
@@ -2,7 +2,7 @@
 /** @jsxImportSource hono/jsx */
 /** @jsxFrag */
 
-import { Button, Framework } from '@wevm/framework'
+import { Button, Framework } from 'farc'
 
 const app = new Framework()
 
@@ -12,27 +12,27 @@ app.frame('/', ({ untrustedData }) => {
     image: (
       <div
         style={{
+          alignItems: 'center',
           background: 'linear-gradient(to right, #432889, #17101F)',
           backgroundSize: '100% 100%',
-          height: '100%',
-          width: '100%',
           display: 'flex',
-          textAlign: 'center',
-          alignItems: 'center',
-          justifyContent: 'center',
           flexDirection: 'column',
           flexWrap: 'nowrap',
+          height: '100%',
+          justifyContent: 'center',
+          textAlign: 'center',
+          width: '100%',
         }}
       >
         <div
           style={{
+            color: 'white',
             fontSize: 60,
             fontStyle: 'normal',
             letterSpacing: '-0.025em',
-            color: 'white',
+            lineHeight: 1.4,
             marginTop: 30,
             padding: '0 120px',
-            lineHeight: 1.4,
             whiteSpace: 'pre-wrap',
           }}
         >

diff --git a/src/index.tsx b/src/index.tsx
@@ -43,7 +43,7 @@ const renderer = jsxRenderer(
     return (
       <html lang="en">
         <head>
-          <title>𝑭𝒓𝒂𝒎𝒆work Preview</title>
+          <title>𝑭𝒂𝒓𝒄 Preview</title>
           <style>{getGlobalStyles()}</style>
         </head>
         <body style={{ padding: '1rem' }}>{children}</body>
@@ -228,6 +228,16 @@ export class Framework extends Hono {
 
 ////////////////////////////////////////////////////////////////////////
 // Components
+////////////////////////////////////////////////////////////////////////
+
+export type ButtonProps = {
+  children: string
+}
+
+// TODO: `fc:frame:button:$idx:action` and `fc:frame:button:$idx:target`
+export function Button({ children }: ButtonProps) {
+  return <meta property="fc:frame:button" content={children} />
+}
 
 type FramePreviewProps = {
   baseUrl: string
@@ -331,16 +341,9 @@ function FramePreview({ baseUrl, frame }: FramePreviewProps) {
   )
 }
 
-export type ButtonProps = {
-  children: string
-}
-
-export function Button({ children }: ButtonProps) {
-  return <meta property="fc:frame:button" content={children} />
-}
-
 ////////////////////////////////////////////////////////////////////////
 // Utilities
+////////////////////////////////////////////////////////////////////////
 
 type Counter = { button: number }
 
@@ -443,6 +446,7 @@ function htmlToFrame(html: string) {
   const title = properties['og:title'] ?? ''
   const version = (properties['fc:frame'] as FrameVersion) ?? 'vNext'
 
+  // TODO: Validate `fc:frame:button:$idx:action="link"` has corresponding `fc:frame:button:$idx:target`
   let buttons = [] as FrameButton[]
   for (const [index, button] of buttonMap) {
     buttons.push({
@@ -527,10 +531,7 @@ function getGlobalStyles() {
     }
 
     button,
-    input,
-    optgroup,
-    select,
-    textarea {
+    input {
       font-family: inherit; 
       font-feature-settings: inherit;
       font-variation-settings: inherit;
@@ -543,10 +544,7 @@ function getGlobalStyles() {
     }
 
     button,
-    input,
-    optgroup,
-    select,
-    textarea {
+    input {
       font-family: inherit;
       font-feature-settings: inherit;
       font-variation-settings: inherit;
@@ -558,15 +556,12 @@ function getGlobalStyles() {
       padding: 0;
     }
 
-    button,
-    select {
+    button {
+      cursor: pointer;
       text-transform: none;
     }
 
-    button,
-    [type='button'],
-    [type='reset'],
-    [type='submit'] {
+    button[type='submit'] {
       -webkit-appearance: button;
       background-color: transparent;
       background-image: none;
@@ -576,29 +571,18 @@ function getGlobalStyles() {
       outline: auto;
     }
 
-    input::placeholder,
-    textarea::placeholder {
+    input::placeholder {
       opacity: 1;
       color: #9ca3af;
     }
 
-    button,
-    [role="button"] {
-      cursor: pointer;
-    }
-
     :disabled {
       cursor: default;
     }
 
     img,
     svg,
-    video,
-    canvas,
-    audio,
-    iframe,
-    embed,
-    object {
+    video {
       display: block;
       vertical-align: middle;
     }

diff --git a/src/package.json b/src/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@wevm/framework",
+  "name": "farc",
   "version": "0.0.0",
   "type": "module",
   "module": "_lib/index.js",