attio 0.0.1-experimental.20250408 → 0.0.1-experimental.20250414

package/lib/templates/javascript/package.json

@@ -1,26 +0,0 @@
-{
-  "name": "slug-to-be-replaced",
-  "description": "title-to-be-replaced",
-  "private": true,
-  "version": "0.0.1",
-  "scripts": {
-    "attio": "attio",
-    "dev": "attio dev",
-    "build": "attio build",
-    "format": "yarn run -T prettier --ignore-path $(yarn run -T find-up .prettierignore) --check ./",
-    "format-fix": "yarn run format --write ./",
-    "clean": "rm -rf dist",
-    "lint": "ATTIO_LINT_MODE='exhaustive' eslint 'src/**/*.{js,jsx}'"
-  },
-  "devDependencies": {
-    "eslint": "^8.57.1",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.1.0"
-  },
-  "dependencies": {
-    "@eslint/eslintrc": "^3.2.0",
-    "@eslint/js": "^9.19.0",
-    "attio": "latest",
-    "react": "19.0.0"
-  }
-}

package/lib/templates/javascript/src/cat-fact.jsx

@@ -1,16 +0,0 @@
-import React from "react"
-import {TextBlock, useAsyncCache} from "attio/client"
-import getCatFact from "./get-cat-fact.server"
-
-export function CatFact({recordId}) {
-  // By passing in the recordId, the result will be cached for each recordId
-  const {
-    values: {catFact},
-    //       ^^^^^^^– this key matches
-    //               vvvvvvv– this key
-  } = useAsyncCache({catFact: [getCatFact, recordId]})
-  //                           ^^^^^^^^^^  ^^^^^^^^
-  //                           async fn    parameter(s)
-
-  return <TextBlock align="center">{`"${catFact}"`}</TextBlock>
-}

package/lib/templates/javascript/src/get-cat-fact.server.js

@@ -1,6 +0,0 @@
-export default async function getCatFact(recordId) {
-    // We don't really need the recordId for this API, but this is how we could use a parameter
-    const response = await fetch(`https://catfact.ninja/fact?${recordId}`)
-    const data = await response.json()
-    return data.fact
-}

package/lib/templates/javascript/src/hello-world-action.jsx

@@ -1,17 +0,0 @@
-import React from "react"
-import { showDialog } from "attio/client"
-import { HelloWorldDialog } from "./hello-world-dialog"
-
-export const recordAction = {
-    id: "slug-to-be-replaced",
-    label: "title-to-be-replaced",
-    onTrigger: async ({recordId}) => {
-      showDialog({
-        title: "title-to-be-replaced",
-        Dialog: () => {
-            // This is a React component. It can use hooks and render other components.
-            return <HelloWorldDialog recordId={recordId} />
-        }
-      })
-    },
-}

package/lib/templates/javascript/src/hello-world-dialog.jsx

@@ -1,26 +0,0 @@
-import React from "react"
-import {TextBlock} from "attio/client"
-import {CatFact} from "./cat-fact"
-
-const Loading = () => <TextBlock>Loading cat fact...</TextBlock>
-
-export function HelloWorldDialog({recordId}) {
-    // A simple counter to demonstrate that this is just regular React code.
-    const [seconds, setSeconds] = React.useState(0)
-    React.useEffect(() => {
-        const timeout = setTimeout(() => setSeconds(seconds + 1), 1000)
-        return () => clearTimeout(timeout)
-    }, [seconds])
-
-    return (
-        <>
-            <TextBlock align="left">
-                I am a dialog. I have been open for: {seconds} second{seconds === 1 ? "" : "s"}
-            </TextBlock>
-            {/* The hook in CatFact will suspend until the cat fact is loaded. */}
-            <React.Suspense fallback={<Loading />}>
-                <CatFact recordId={recordId} />
-            </React.Suspense>
-        </>
-    )
-}

package/lib/templates/typescript/.eslintignore

@@ -1,3 +0,0 @@
-package.json
-dist/**
-node_modules/**