@linktr.ee/create-link-app 0.1.0

package/templates/common/manifest.json

@@ -0,0 +1,23 @@
+{
+  "name": "Example Link Type",
+  "tagline": "A simple greeting link",
+  "description": [
+    "The simple greeting link is an example link type which enables a user to to show a simple greeting on their linktr.ee profile.",
+    "This example code acts as a base for experimenting with link type capabilities"
+  ],
+  "manifest_version": "1.0.0",
+  "supporting_links": {
+    "terms_of_service": "https://example.com/terms-of-service",
+    "privacy_policy": "https://example.com/privacy-policy"
+  },
+  "category": "grow",
+  "search_terms": ["search term 1", "search term 2"],
+  "author": {
+    "name": "Linktree",
+    "accounts": ["your_linktree_username"],
+    "contact": {
+      "url": "https://linktr.ee",
+      "email": "hello@linktr.ee"
+    }
+  }
+}

package/templates/common/settings.json

@@ -0,0 +1,33 @@
+{
+  "title": "Link Type",
+  "overview": {
+    "title": "You can have a heading",
+    "description": "as well as a description to inform users on what the link does."
+  },
+  "elements": [
+    {
+      "inputType": "linkBehavior",
+      "id": "how_link_behaves",
+      "title": "How would you like the link to behave?",
+      "description": "When a user interacts with this link:",
+      "linkBehaviorLabels": {
+        "embedLabel": "Embed content on the profile",
+        "linkOffLabel": "Go directly to URL"
+      },
+      "defaultValue": "embedLabel"
+    },
+    {
+      "inputType": "switch",
+      "id": "toggle",
+      "title": "Use another title/description to break up content",
+      "description": "and describe what the next section of inputs will do",
+      "label": "Is feature enabled?",
+      "defaultValue": true
+    },
+    {
+      "inputType": "text",
+      "id": "your_name",
+      "label": "elements that only have a label will stick close the element above"
+    }
+  ]
+}

package/templates/react/package.json

@@ -0,0 +1,12 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "create-link-app build",
+    "deploy": "create-link-app deploy",
+    "dev": "create-link-app dev"
+  },
+  "devDependencies": {
+    "@linktr.ee/create-link-app": "latest",
+    "@linktr.ee/ui-link-kit": "latest"
+  }
+}

package/templates/react/src/index.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import { Contact } from '@linktr.ee/ui-link-kit'
+
+function App({ toggle, your_name, __linkUrl }) {
+  return (
+    <Contact
+      loading={false}
+      heading={`Hello ${your_name}!`}
+      secondaryHeading="Congratulations, you now have a Linktree link!"
+      content=""
+      primaryCta={toggle ? { label: 'Visit our UI docs for more info', href: 'https://blstrco.github.io/ui-link-kit/' } : null}
+      secondaryCta={toggle ? { label: 'Original url for your Linktree link', href: __linkUrl } : null}
+      logo=""
+    />
+  )
+}
+
+export default App

package/templates/react-ts/package.json

@@ -0,0 +1,14 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "create-link-app build",
+    "deploy": "create-link-app deploy",
+    "dev": "create-link-app dev"
+  },
+  "devDependencies": {
+    "@linktr.ee/create-link-app": "latest",
+    "@linktr.ee/ui-link-kit": "latest",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0"
+  }
+}

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

@@ -0,0 +1,19 @@
+import { Container, Description, Header } from '@linktr.ee/ui-link-kit'
+import { SettingsData } from './types'
+
+import logo from './images/logo.png'
+
+function App({ toggle, your_name, __linkUrl }: SettingsData) {
+  return (
+    <Container
+      primaryCta={toggle ? { label: 'Visit our UI docs for more info', href: 'https://blstrco.github.io/ui-link-kit/' } : null}
+      secondaryCta={toggle ? { label: 'Original url for your Linktree link', href: __linkUrl } : null}
+      logo={logo}
+    >
+      <Header heading={`Hello ${your_name}!`} secondaryHeading="Congratulations, you now have a Linktree link!" layout="banner" />
+      <Description>{your_name}</Description>
+    </Container>
+  )
+}
+
+export default App

package/templates/react-ts/src/types/global.d.ts

@@ -0,0 +1,4 @@
+declare module '*.jpg'
+declare module '*.png'
+declare module '*.jpeg'
+declare module '*.gif'

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

@@ -0,0 +1,7 @@
+type LinktreeLinkContext = {
+  __linkUrl: string
+}
+export type SettingsData = {
+  toggle: boolean
+  your_name: string
+} & LinktreeLinkContext

package/templates/react-ts/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"]
+}