@linktr.ee/create-link-app 1.7.11 → 1.7.12

package/oclif.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.7.11",
+  "version": "1.7.12",
   "commands": {
     "build": {
       "id": "build",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/create-link-app",
-  "version": "1.7.11",
+  "version": "1.7.12",
   "description": "Create a Link App on Linktr.ee.",
   "license": "UNLICENSED",
   "author": "Linktree",

package/templates/common/fixtures/props-data.json

@@ -1,4 +1,6 @@
 {
   "__linkUrl": "https://linktr.ee/linkapp",
-  "__layout": "STACK"
+  "__layout": "FEATURED",
+  "linkBehavior": "embedLabel",
+  "url": "https://example.com"
 }

package/templates/common/settings.json

@@ -1,21 +1,22 @@
 {
   "title": "Link App",
+  "has_url": false,
   "elements": [
     {
-      "id": "thumbnailUrl",
-      "title": "Thumbnail",
-      "inputType": "file",
-      "accept": ["image/*"]
-    },
-    {
-      "id": "title",
-      "title": "Title",
-      "inputType": "text"
+      "id": "url",
+      "inputType": "text",
+      "label": "URL",
+      "defaultValue": "https://example.com"
     },
     {
-      "id": "url",
-      "title": "URL",
-      "inputType": "text"
+      "id": "linkBehavior",
+      "inputType": "linkBehavior",
+      "label": "How would you like this link to act?",
+      "defaultValue": "embedLabel",
+      "linkBehaviorLabels": {
+        "embedLabel": "Display link app's UI",
+        "linkOffLabel": "Go directly to URL"
+      }
     }
   ]
 }

package/templates/react-ts/src/App.tsx

@@ -1,23 +1,20 @@
-import { Featured, Carousel, Grid, Stack } from './components/Layouts'
-import { AppProps } from './types'
+import { AppProps } from "./types";
 
-import './tailwind.css'
+import "./tailwind.css";
 
 function App(props: AppProps) {
-  const { __layout } = props
-
-  switch (__layout) {
-    case 'STACK':
-      return <Stack {...props} />
-    case 'GRID':
-      return <Grid {...props} />
-    case 'CAROUSEL':
-      return <Carousel {...props} />
-    case 'FEATURED':
-      return <Featured {...props} />
-    default:
-      return <div>Unknown layout: {__layout}</div>
-  }
+  return (
+    <div className="px-6 pt-12 pb-11 h-full">
+      <h1>My first link app!</h1>
+      <p>Congratulations, you now have a Linktree link!</p>
+      <button
+        className="bg-black text-white py-2 px-4 rounded-full my-2"
+        onClick={() => window.open(props.url, "_blank")}
+      >
+        Visit your URL
+      </button>
+    </div>
+  );
 }
 
-export default App
+export default App;

package/templates/react-ts/src/types/index.ts

@@ -12,4 +12,6 @@ type LinktreeLinkAppContext = {
 
 export type AppProps = LinktreeLinkAppContext & {
   // Additional properties here
+  linkBehavior: 'embedLabel' | 'linkOffLabel'
+  url: string
 }