[ { "path": ".changeset/README.md", "content": "# Changesets\n\nHello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works\nwith multi-package repos, or single-package repos to help you version and publish your code. You can\nfind the full documentation for it [in our repository](https://github.com/changesets/changesets)\n\nWe have a quick list of common questions to get you started engaging with this project in\n[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)\n" }, { "path": ".changeset/config.json", "content": "{\n \"$schema\": \"https://unpkg.com/@changesets/config@3.0.4/schema.json\",\n \"changelog\": \"@changesets/cli/changelog\",\n \"commit\": false,\n \"fixed\": [[\"@lens-protocol/client\", \"@lens-protocol/react\"]],\n \"linked\": [],\n \"access\": \"public\",\n \"baseBranch\": \"main\",\n \"updateInternalDependencies\": \"patch\",\n \"ignore\": []\n}\n" }, { "path": ".changeset/giant-buckets-melt.md", "content": "---\n\"@lens-protocol/client\": minor\n\"@lens-protocol/react\": minor\n---\n\n**feat**: add post action encoder and execution hooks\n" }, { "path": ".changeset/nice-baboons-protect.md", "content": "---\n\"@lens-protocol/client\": major\n\"@lens-protocol/react\": major\n\"@lens-protocol/storage\": minor\n\"@lens-protocol/env\": minor\n\"@lens-protocol/graphql\": minor\n\"@lens-protocol/types\": minor\n---\n\n**chore**: transition to new major release\n" }, { "path": ".changeset/pre.json", "content": "{\n \"mode\": \"pre\",\n \"tag\": \"alpha\",\n \"initialVersions\": {\n \"@lens-protocol/client\": \"2.3.2\",\n \"@lens-protocol/env\": \"0.0.1\",\n \"@lens-protocol/graphql\": \"0.0.1\",\n \"@lens-protocol/react\": \"2.3.2\",\n \"@lens-protocol/storage\": \"0.8.1\",\n \"@lens-protocol/types\": \"0.0.1\"\n },\n \"changesets\": [\n \"nice-baboons-protect\"\n ]\n}\n" }, { "path": ".editorconfig", "content": "root = true\n\n[*]\ncharset = utf-8\ninsert_final_newline = true\nend_of_line = lf\nindent_style = space\nindent_size = 2\nmax_line_length = 100\n" }, { "path": ".github/actions/setup/action.yml", "content": "name: 'Setup'\ndescription: 'Setup repo and install dependencies'\n\nruns:\n using: 'composite'\n steps:\n - name: Setup pnpm\n uses: pnpm/action-setup@v4\n\n - name: Setup Node.js\n uses: actions/setup-node@v4\n with:\n node-version-file: '.nvmrc'\n cache: 'pnpm'\n\n - name: Install Dependencies\n shell: bash\n run: pnpm install --frozen-lockfile\n" }, { "path": ".github/actions/tests/action.yml", "content": "name: 'Test Workflow'\ndescription: 'Run tests against a specified environment'\n\ninputs:\n environment:\n description: 'Environment to run tests against'\n required: true\n default: 'staging'\n private_key:\n description: 'Private key for authentication'\n required: true\n global_sponsorship:\n description: 'The Global Sponsorship address'\n required: true\n sponsorship_approver_private_key:\n description: 'Private key for a Global Sponsorship Signer'\n required: true\n publish_results:\n description: 'Publish test results'\n required: false\n default: 'false'\n test_app:\n description: 'A valid Lens App address'\n required: true\n test_account:\n description: 'A Lens Account address'\n required: true\n test_erc20:\n description: 'An ERC20 token address'\n required: true\n \nruns:\n using: 'composite'\n steps:\n - uses: actions/checkout@v4\n\n - name: Setup Repository\n uses: ./.github/actions/setup\n\n - name: Build\n shell: bash\n run: pnpm build\n\n - name: Setup Environment Variables\n shell: bash\n run: |\n echo \"PRIVATE_KEY=${{ inputs.private_key }}\" >> .env\n echo \"TEST_APP=${{ inputs.test_app }}\" >> .env\n echo \"TEST_ACCOUNT=${{ inputs.test_account }}\" >> .env\n echo \"TEST_ERC20=${{ inputs.test_erc20 }}\" >> .env\n echo \"ENVIRONMENT=${{ inputs.environment }}\" >> .env\n echo \"GLOBAL_SPONSORSHIP=${{ inputs.global_sponsorship }}\" >> .env\n echo \"SPONSORSHIP_APPROVER_PRIVATE_KEY=${{ inputs.sponsorship_approver_private_key }}\" >> .env\n\n - name: Run Tests\n shell: bash\n run: pnpm test\n\n - name: Publish Test Results\n if: ${{ inputs.publish_results == 'true' }}\n shell: bash\n run: |\n echo \"Publishing test results...\"\n # Add logic to upload test results to a service or save artifacts\n echo \"Test results published.\"\n" }, { "path": ".github/workflows/dependency-review.yml", "content": "name: Dependency Review\non:\n - pull_request\n\npermissions:\n contents: read\n pull-requests: write\n\njobs:\n dependency-review:\n runs-on: ubuntu-latest\n steps:\n - name: Checkout Repository\n uses: actions/checkout@v5\n - name: Dependency Review\n uses: actions/dependency-review-action@v4\n with:\n comment-summary-in-pr: on-failure\n fail-on-severity: moderate\n license-check: false\n" }, { "path": ".github/workflows/pull-request.yml", "content": "name: Pull Request\non:\n workflow_dispatch:\n pull_request:\n branches: [main]\n\nconcurrency:\n group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}\n cancel-in-progress: true\n\njobs:\n verify:\n name: Verify\n uses: ./.github/workflows/verify.yml\n secrets: inherit\n" }, { "path": ".github/workflows/snapshot.yml", "content": "name: Canary Release\n\non:\n push:\n branches: [main]\n\nconcurrency:\n group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}\n cancel-in-progress: true\n\njobs:\n verify:\n name: Verify\n uses: ./.github/workflows/verify.yml\n secrets: inherit\n\n publish:\n name: Publish Snapshot\n runs-on: ubuntu-latest\n needs: verify\n\n steps:\n - uses: actions/checkout@v4\n\n - name: Setup Repository\n uses: ./.github/actions/setup\n\n - name: Configure NPM Auth Token\n run: echo \"//registry.npmjs.org/:_authToken=${{ secrets.NODE_AUTH_TOKEN }}\" >> ~/.npmrc\n\n - name: Create Snapshot\n id: create_snapshot\n run: pnpm changeset version --snapshot canary || echo \"No unreleased changesets found\"\n\n - name: Check for Changeset\n id: check_changeset\n run: echo \"changeset_exists=$(grep -q 'No unreleased changesets found' <<< '${{ steps.create_snapshot.outputs.stdout }}' && echo false || echo true)\" >> $GITHUB_ENV\n\n - name: Build\n if: env.changeset_exists == 'true'\n run: pnpm build\n\n - name: Publish Snapshot\n if: env.changeset_exists == 'true'\n run: pnpm changeset publish --snapshot --tag canary --no-git-tag\n" }, { "path": ".github/workflows/trigger-tests.yml", "content": "name: Run Tests on Demand\n\non:\n repository_dispatch:\n types: [on-demand-test]\n workflow_dispatch:\n inputs:\n environment:\n description: 'Environment to run tests against'\n required: true\n default: 'staging'\n type: choice\n options:\n - staging\n - testnet\n publish_results:\n description: 'Publish test results'\n required: false\n default: 'true'\n type: string\n\njobs:\n tests:\n name: Full Test Suite\n runs-on: ubuntu-latest\n\n steps:\n - uses: actions/checkout@v4\n\n - name: Run Tests\n uses: ./.github/actions/tests\n with:\n environment: ${{ github.event_name == 'workflow_dispatch' && github.event.inputs.environment || github.event.client_payload.lens_env || 'staging' }}\n private_key: ${{ secrets.PRIVATE_KEY }}\n test_app: ${{ vars.TEST_APP }}\n test_account: ${{ vars.TEST_ACCOUNT }}\n test_erc20: ${{ vars.TEST_ERC20 }}\n global_sponsorship: ${{ secrets.GLOBAL_SPONSORSHIP }}\n sponsorship_approver_private_key: ${{ secrets.SPONSORSHIP_APPROVER_PRIVATE_KEY }}\n publish_results: ${{ github.event_name == 'workflow_dispatch' && github.event.inputs.publish_results || 'true' }}\n" }, { "path": ".github/workflows/verify.yml", "content": "name: 'Verify'\non:\n workflow_call:\n workflow_dispatch:\n\njobs:\n lint:\n name: Lint\n runs-on: ubuntu-latest\n\n steps:\n - uses: actions/checkout@v4\n\n - name: Setup Biome\n uses: biomejs/setup-biome@v2\n with:\n version: 2.0.6\n\n - name: Run Biome\n run: biome ci .\n\n test:\n name: Test\n runs-on: ubuntu-latest\n\n steps:\n - uses: actions/checkout@v4\n\n - name: Run Tests\n uses: ./.github/actions/tests\n with:\n environment: 'staging'\n private_key: ${{ secrets.PRIVATE_KEY }}\n test_app: ${{ vars.TEST_APP }}\n test_account: ${{ vars.TEST_ACCOUNT }}\n test_erc20: ${{ vars.TEST_ERC20 }}\n global_sponsorship: ${{ secrets.GLOBAL_SPONSORSHIP }}\n sponsorship_approver_private_key: ${{ secrets.SPONSORSHIP_APPROVER_PRIVATE_KEY }}\n publish_results: 'false'\n" }, { "path": ".gitignore", "content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\nnode_modules\n.pnp\n.pnp.js\n\n# build output\n**/dist\n/docs\n*/graphql-cache.d.ts\n\n# misc\n.DS_Store\n*.pem\n\n# turbo\n.turbo\n\n# lockfiles\npackage-lock.json\nyarn.lock\nexamples/*/pnpm-lock.yaml\n\n# debug\n.pnpm-debug.log*\n\n# local env files\n.env\n\n# typescript\n*.tsbuildinfo\n\n# cursor\n.cursorignore\n" }, { "path": ".npmrc", "content": "engine-strict=true\nauto-install-peers=false\nstrict-peer-dependencies=false\nlink-workspace-packages=false\n" }, { "path": ".nvmrc", "content": "20.13.1\n" }, { "path": ".prettierignore", "content": "# use biome instead\n*\n" }, { "path": ".vscode/settings.json", "content": "{\n \"[graphql]\": {\n \"editor.defaultFormatter\": \"biomejs.biome\",\n \"editor.formatOnSave\": false\n },\n \"[typescript]\": {\n \"editor.defaultFormatter\": \"biomejs.biome\",\n \"editor.codeActionsOnSave\": {\n \"source.fixAll\": \"explicit\",\n \"source.removeUnused.ts\": \"never\",\n \"source.removeUnusedImports\": \"never\",\n \"source.organizeImports.biome\": \"explicit\"\n },\n \"editor.formatOnSave\": true\n },\n \"[typescriptreact]\": {\n \"editor.defaultFormatter\": \"biomejs.biome\",\n \"editor.codeActionsOnSave\": {\n \"source.fixAll\": \"explicit\",\n \"source.removeUnused.ts\": \"never\",\n \"source.removeUnusedImports\": \"never\",\n \"source.organizeImports.biome\": \"explicit\"\n },\n \"editor.formatOnSave\": true\n },\n \"[json]\": {\n \"editor.defaultFormatter\": \"biomejs.biome\",\n \"editor.quickSuggestions\": {\n \"strings\": true\n },\n \"editor.formatOnSave\": true,\n \"editor.suggest.insertMode\": \"replace\"\n },\n \"disabledExtensions\": [\"Orta.vscode-jest\"],\n \"typescript.tsdk\": \"node_modules/typescript/lib\",\n \"typescript.enablePromptUseWorkspaceTsdk\": true\n}\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) Avara Labs Cayman Holdings SEZC\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "# Lens SDK\n\nThe official SDK for the Lens 🌿.\n\n## Table of Contents \n\n- [Installation](#installation)\n- [Development Workflow](#development-workflow)\n- [Troubleshooting](#troubleshooting)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Installation\n\n## Development Workflow\n\nThis section is for developers who want to contribute to the SDK.\n\n### Initial Setup \n\nClone the repository:\n\n```bash\ngit clone https://github.com/lens-network/sdk.git\n```\n\nInstall the dependencies:\n\n```bash\npnpm install\n```\n\n### Pre-requisites: \n\n- Node.js: >= v20. See [installation guide](https://nodejs.org/en/download/package-manager).\n- pnpm: v9.1.2. See [installation guide](https://pnpm.io/installation).\n\nUse [nvm](https://github.com/nvm-sh/nvm) to manage your Node.js versions. Run the following command in the project root folder:\n\n```bash\nnvm use\n```\n\nto switch to the correct Node.js version.\n\nEnable [corepack](https://www.totaltypescript.com/how-to-use-corepack) to use the the correct version of `pnpm`.\n\nRun the following command in the project root folder:\n\n```bash\ncorepack install\n```\n\nto install the correct version once. After that corepack will automatically use the correct version of `pnpm` when entering the project folder.\n\n### Usage \n\nRun the tests:\n\n- `pnpm test:client`: Run the tests for the `@lens-protocol/client` package.\n\nLint the code:\n\n```bash\npnpm lint\n```\n\nCompile the code:\n\n```bash\npnpm build\n```\n\nClean the build:\n\n```bash\npnpm clean\n```\n\nCreate a new package:\n\n```bash\npnpm new:package\n```\n\n### IDE Setup \n\nThe project uses [Biome](https://biomejs.dev/) to format and lint the code. You can install the Biome extension for your IDE: https://biomejs.dev/guides/editors/first-party-extensions/\n\n### Publishing \n\n1. Create a new release branch using the `release/X.Y.Z` naming convention.\n2. Bumps up version number and updates the changelog.\n\n ```bash\n pnpm changeset version\n ```\n\n3. Commit the changes using `chore: bumps up version number` as the commit message.\n4. Push the changes to the remote repository.\n5. Open a pull request to the `main` branch.\n6. Wait for all checks to pass and for the pull request to be approved.\n7. Publish the package.\n\n ```bash\n pnpm changeset publish\n ```\n\n8. Push tags to the remote repository.\n\n ```bash\n git push --follow-tags\n ```\n\n9. Merge the pull request to the `main` branch.\n\n## Troubleshooting\n\n### Incompatible Types Across Packages \n\nWorking within a monorepo can sometimes lead to type incompatibilities across packages. If you encounter an error like:\n\n```bash\nType 'import(\"[...]/packages/client/dist/index\").PublicClient' is not assignable to type 'import(\"[...]/packages/client/src/clients\").PublicClient'.\n```\n\nThis usually indicates that TypeScript is picking up types from different versions of the same package. To resolve this, make sure you have configured the entry points correctly as aliases in the top level `tsconfig.json` file.\n\n```json\n{\n \"$schema\": \"https://json.schemastore.org/tsconfig\",\n \"compilerOptions\": {\n \"skipLibCheck\": true,\n \"types\": [\"node\"],\n \"paths\": {\n \"@lens-protocol/client\": [\"./packages/client/src\"],\n \"@lens-protocol/client/actions\": [\"./packages/client/src/actions\"],\n \"@lens-protocol/client/test-utils\": [\"./packages/client/src/test-utils\"],\n \"@lens-protocol/env\": [\"./packages/env/src\"],\n \"@lens-protocol/graphql\": [\"./packages/graphql/src\"],\n \"@lens-protocol/react\": [\"./packages/react/src\"],\n \"@lens-protocol/storage\": [\"./packages/storage/src\"],\n \"@lens-protocol/types\": [\"./packages/types/src\"]\n }\n },\n \"include\": [\"**/*.ts\"],\n \"exclude\": [\"dist\", \"node_modules\"]\n}\n```\n\n## Contributing\n\nWe are currently focused on launching Lens Network mainnet and Lens Protocol v3. We are not able to accept contributions at this time. We will update this section in due course.\n\nIf you have a pressing issue or feature request, please open an issue on GitHub.\n\n## License\n\nLens SDK is [MIT licensed](./LICENSE).\n" }, { "path": "biome.json", "content": "{\n\t\"$schema\": \"https://biomejs.dev/schemas/2.0.6/schema.json\",\n\t\"vcs\": {\n\t\t\"enabled\": true,\n\t\t\"clientKind\": \"git\",\n\t\t\"useIgnoreFile\": true\n\t},\n\t\"files\": {\n\t\t\"ignoreUnknown\": false,\n\t\t\"includes\": [\"**\"]\n\t},\n\t\"formatter\": {\n\t\t\"enabled\": true,\n\t\t\"useEditorconfig\": true\n\t},\n\t\"assist\": { \"actions\": { \"source\": { \"organizeImports\": \"on\" } } },\n\t\"linter\": {\n\t\t\"enabled\": true,\n\t\t\"rules\": {\n\t\t\t\"recommended\": true,\n\t\t\t\"style\": {\n\t\t\t\t\"noParameterAssign\": \"error\",\n\t\t\t\t\"useAsConstAssertion\": \"error\",\n\t\t\t\t\"useDefaultParameterLast\": \"error\",\n\t\t\t\t\"useEnumInitializers\": \"error\",\n\t\t\t\t\"useSelfClosingElements\": \"error\",\n\t\t\t\t\"useSingleVarDeclarator\": \"error\",\n\t\t\t\t\"noUnusedTemplateLiteral\": \"error\",\n\t\t\t\t\"useNumberNamespace\": \"error\",\n\t\t\t\t\"noInferrableTypes\": \"error\",\n\t\t\t\t\"noUselessElse\": \"error\"\n\t\t\t}\n\t\t}\n\t},\n\t\"javascript\": {\n\t\t\"formatter\": {\n\t\t\t\"quoteStyle\": \"single\",\n\t\t\t\"jsxQuoteStyle\": \"single\"\n\t\t}\n\t},\n\t\"json\": {\n\t\t\"formatter\": {\n\t\t\t\"enabled\": false\n\t\t},\n\t\t\"linter\": {\n\t\t\t\"enabled\": false\n\t\t}\n\t},\n\t\"overrides\": [\n\t\t{\n\t\t\t\"includes\": [\"**/*.tsx\"],\n\t\t\t\"linter\": {\n\t\t\t\t\"domains\": {\n\t\t\t\t\t\"react\": \"all\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t\"includes\": [\"templates/**/*\"],\n\t\t\t\"formatter\": {\n\t\t\t\t\"enabled\": false\n\t\t\t},\n\t\t\t\"linter\": {\n\t\t\t\t\"enabled\": false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t\"includes\": [\"packages/**/*/dist/**\"],\n\t\t\t\"formatter\": {\n\t\t\t\t\"enabled\": false\n\t\t\t},\n\t\t\t\"linter\": {\n\t\t\t\t\"enabled\": false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t\"includes\": [\"packages/**/*.e2e.ts\",\"packages/**/*.test.ts\"],\n\t\t\t\"linter\": {\n\t\t\t\t\"rules\": {\n\t\t\t\t\t\"style\": {\n\t\t\t\t\t\t\"noNonNullAssertion\": \"off\"\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t\"includes\": [\"packages/graphql/**/*.graphql\"],\n\t\t\t\"formatter\": {\n\t\t\t\t\"enabled\": false\n\t\t\t},\n\t\t\t\"linter\": {\n\t\t\t\t\"enabled\": false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t\"includes\": [\"packages/graphql/src/graphql-*.d.ts\"],\n\t\t\t\"formatter\": {\n\t\t\t\t\"enabled\": false\n\t\t\t},\n\t\t\t\"linter\": {\n\t\t\t\t\"enabled\": false\n\t\t\t},\n\t\t\t\"assist\": { \"actions\": { \"source\": { \"organizeImports\": \"off\" } } }\n\t\t},\n\t\t{\n\t\t\t\"includes\": [\"examples/**/*.ts\", \"examples/**/*.tsx\"],\n\t\t\t\"linter\": {\n\t\t\t\t\"rules\": {\n\t\t\t\t\t\"style\": {\n\t\t\t\t\t\t\"noNonNullAssertion\": \"off\"\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t]\n}\n" }, { "path": "examples/create-app/README.md", "content": "# Create an App\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/lens-protocol/lens-sdk/tree/main/examples/create-app)\n" }, { "path": "examples/create-app/index.html", "content": "\n\n \n \n \n \n \n \n

Create an App

\n
Loading...
\n \n \n\n" }, { "path": "examples/create-app/index.ts", "content": "import 'viem/window';\n\nimport { chains } from '@lens-chain/sdk/viem';\nimport { immutable, StorageClient } from '@lens-chain/storage-client';\nimport { PublicClient, testnet, uri } from '@lens-protocol/client';\nimport { createApp, fetchApp } from '@lens-protocol/client/actions';\nimport { handleOperationWith } from '@lens-protocol/client/viem';\nimport { app, Platform } from '@lens-protocol/metadata';\nimport { type Address, createWalletClient, custom } from 'viem';\n\nconst chain = chains.testnet;\n\n// hoist account\nconst [address] = (await window.ethereum!.request({\n method: 'eth_requestAccounts',\n})) as [Address];\n\nconst walletClient = createWalletClient({\n account: address,\n chain,\n transport: custom(window.ethereum!),\n});\n\nconst client = PublicClient.create({\n environment: testnet,\n});\n\nconst sessionClient = await client\n .login({\n builder: {\n address: walletClient.account.address,\n },\n signMessage: async (message) => walletClient.signMessage({ message }),\n })\n .match(\n (result) => result,\n (error) => {\n throw error;\n },\n );\n\nconst storageClient = StorageClient.create();\n\nconst metadata = app({\n name: 'My App',\n url: 'https://example.com',\n description: 'My app description',\n platforms: [Platform.WEB],\n developer: 'me@example.com',\n});\n\nconst resource = await storageClient.uploadAsJson(metadata, {\n acl: immutable(chain.id),\n});\n\nconst created = await createApp(sessionClient, {\n metadataUri: uri(resource.uri),\n defaultFeed: {\n globalFeed: true,\n },\n graph: {\n globalGraph: true,\n },\n namespace: {\n globalNamespace: true,\n },\n})\n .andThen(handleOperationWith(walletClient))\n .andThen(sessionClient.waitForTransaction)\n .andThen((txHash) => fetchApp(sessionClient, { txHash }))\n .match(\n (result) => result,\n (error) => {\n throw error;\n },\n );\n\nexport default [\n `

${created?.metadata?.name}

`,\n `

Address: ${await created?.address}

`,\n];\n" }, { "path": "examples/create-app/package.json", "content": "{\n \"name\": \"example-create-app\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"dev\": \"vite\"\n },\n \"dependencies\": {\n \"@lens-chain/sdk\": \"latest\",\n \"@lens-protocol/client\": \"canary\",\n \"@lens-protocol/metadata\": \"latest\",\n \"@lens-chain/storage-client\": \"latest\",\n \"viem\": \"^2.21.55\"\n },\n \"devDependencies\": {\n \"typescript\": \"^5.6.3\",\n \"vite\": \"^5.4.11\"\n }\n}\n" }, { "path": "examples/create-app/tsconfig.json", "content": "{\n \"compilerOptions\": {\n \"target\": \"ESNext\",\n \"useDefineForClassFields\": true,\n \"lib\": [\"ESNext\", \"DOM\"],\n \"module\": \"ESNext\",\n \"moduleResolution\": \"Bundler\",\n \"strict\": true,\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"esModuleInterop\": true,\n \"noEmit\": true,\n \"noUnusedLocals\": true,\n \"noUnusedParameters\": true,\n \"noImplicitReturns\": true,\n \"skipLibCheck\": true\n },\n \"include\": [\"./\"]\n}\n" }, { "path": "examples/custom-fragments/README.md", "content": "# Custom Fragments\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/lens-protocol/lens-sdk/tree/main/examples/custom-fragments)\n" }, { "path": "examples/custom-fragments/index.html", "content": "\n\n \n \n \n \n \n \n

Custom Fragments

\n
Loading...
\n \n \n\n" }, { "path": "examples/custom-fragments/index.ts", "content": "import {\n type Account,\n ArticleMetadataFragment,\n AudioMetadataFragment,\n evmAddress,\n type FragmentOf,\n graphql,\n ImageMetadataFragment,\n PublicClient,\n TextOnlyMetadataFragment,\n testnet,\n UsernameFragment,\n VideoMetadataFragment,\n} from '@lens-protocol/client';\nimport { fetchAccount } from '@lens-protocol/client/actions';\n\nconst AccountFragment = graphql(\n `fragment Account on Account {\n __typename\n handle: username {\n ...Username\n }\n }`,\n [UsernameFragment],\n);\n\nconst PostMetadataFragment = graphql(\n `fragment PostMetadata on PostMetadata {\n __typename\n ... on ArticleMetadata {\n content\n }\n ... on AudioMetadata {\n content\n }\n ... on TextOnlyMetadata {\n content\n }\n ... on ImageMetadata {\n content\n }\n ... on VideoMetadata {\n content\n }\n }`,\n [\n ArticleMetadataFragment,\n AudioMetadataFragment,\n TextOnlyMetadataFragment,\n ImageMetadataFragment,\n VideoMetadataFragment,\n ],\n);\n\nconst PostFieldsFragment = graphql(\n `fragment PostFields on Post {\n metadata {\n ...PostMetadata\n }\n }`,\n [PostMetadataFragment],\n);\n\ndeclare module '@lens-protocol/client' {\n export interface Account extends FragmentOf {}\n export interface PostFields extends FragmentOf {}\n export type PostMetadata = FragmentOf;\n}\n\nconst client = PublicClient.create({\n environment: testnet,\n fragments: [AccountFragment, PostFieldsFragment],\n});\n\nconst account: Account | null = await fetchAccount(client, {\n address: evmAddress('0x57b62a1571F4F09CDB4C3d93dA542bfe142D9F81'),\n}).unwrapOr(null);\n\nexport default [\n `

${account?.handle?.value}

`,\n `
${JSON.stringify(account, null, 2)}
`,\n];\n" }, { "path": "examples/custom-fragments/package.json", "content": "{\n \"name\": \"example-custom-fragments\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"dev\": \"vite\"\n },\n \"dependencies\": {\n \"@lens-protocol/client\": \"canary\",\n \"viem\": \"^2.21.55\"\n },\n \"devDependencies\": {\n \"typescript\": \"^5.6.3\",\n \"vite\": \"^5.4.11\"\n }\n}\n" }, { "path": "examples/custom-fragments/tsconfig.json", "content": "{\n \"compilerOptions\": {\n \"target\": \"ESNext\",\n \"useDefineForClassFields\": true,\n \"lib\": [\"ESNext\", \"DOM\"],\n \"module\": \"ESNext\",\n \"moduleResolution\": \"Bundler\",\n \"strict\": true,\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"esModuleInterop\": true,\n \"noEmit\": true,\n \"noUnusedLocals\": true,\n \"noUnusedParameters\": true,\n \"noImplicitReturns\": true,\n \"skipLibCheck\": true\n },\n \"include\": [\"./\"]\n}\n" }, { "path": "examples/nextjs-client/.gitignore", "content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.*\n.yarn/*\n!.yarn/patches\n!.yarn/plugins\n!.yarn/releases\n!.yarn/versions\n\n# testing\n/coverage\n\n# next.js\n/.next/\n/out/\n\n# production\n/build\n\n# misc\n.DS_Store\n*.pem\n\n# debug\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n.pnpm-debug.log*\n\n# env files (can opt-in for committing if needed)\n.env*\n\n# vercel\n.vercel\n\n# typescript\n*.tsbuildinfo\nnext-env.d.ts\n" }, { "path": "examples/nextjs-client/.stackblitzrc", "content": "{\n \"startCommand\": \"npm run dev\",\n \"env\": {}\n}\n" }, { "path": "examples/nextjs-client/README.md", "content": "# Next.js - Lens Client Integration Example\n\nThis is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/lens-protocol/lens-sdk/tree/main/examples/nextjs-client)\n" }, { "path": "examples/nextjs-client/next.config.ts", "content": "import type { NextConfig } from 'next';\n\nconst nextConfig: NextConfig = {\n /* config options here */\n};\n\nexport default nextConfig;\n" }, { "path": "examples/nextjs-client/package.json", "content": "{\n \"name\": \"nextjs-client\",\n \"version\": \"0.1.0\",\n \"private\": true,\n \"scripts\": {\n \"dev\": \"next dev\",\n \"build\": \"next build\",\n \"start\": \"next start\",\n \"lint\": \"next lint\"\n },\n \"dependencies\": {\n \"@lens-protocol/react\": \"canary\",\n \"next\": \"15.4.2\",\n \"react\": \"^19.0.0\",\n \"react-dom\": \"^19.0.0\",\n \"simpledotcss\": \"^2.3.3\"\n },\n \"devDependencies\": {\n \"@types/node\": \"^20\",\n \"@types/react\": \"^19\",\n \"@types/react-dom\": \"^19\",\n \"typescript\": \"^5\"\n }\n}\n" }, { "path": "examples/nextjs-client/src/app/Web3Providers.tsx", "content": "'use client';\n\nimport { LensProvider } from '@lens-protocol/react';\nimport { client } from './client';\n\nexport function Web3Providers({ children }: { children: React.ReactNode }) {\n return {children};\n}\n" }, { "path": "examples/nextjs-client/src/app/client.ts", "content": "import { PublicClient, testnet } from '@lens-protocol/react';\n\nexport const client = PublicClient.create({\n environment: testnet,\n});\n" }, { "path": "examples/nextjs-client/src/app/globals.css", "content": ":root {\n --background: #ffffff;\n --foreground: #171717;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --background: #0a0a0a;\n --foreground: #ededed;\n }\n}\n\nhtml,\nbody {\n max-width: 100vw;\n overflow-x: hidden;\n}\n\nbody {\n color: var(--foreground);\n background: var(--background);\n font-family: Arial, Helvetica, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n* {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n}\n\na {\n color: inherit;\n text-decoration: none;\n}\n\n@media (prefers-color-scheme: dark) {\n html {\n color-scheme: dark;\n }\n}\n" }, { "path": "examples/nextjs-client/src/app/layout.tsx", "content": "import type { Metadata } from 'next';\nimport { Geist, Geist_Mono } from 'next/font/google';\nimport 'simpledotcss/simple.min.css';\nimport './globals.css';\nimport { Suspense } from 'react';\nimport { Web3Providers } from './Web3Providers';\n\nconst geistSans = Geist({\n variable: '--font-geist-sans',\n subsets: ['latin'],\n});\n\nconst geistMono = Geist_Mono({\n variable: '--font-geist-mono',\n subsets: ['latin'],\n});\n\nexport const metadata: Metadata = {\n title: 'Next.js - Lens Client Integration',\n description: 'Generated by create next app',\n};\n\nexport default function RootLayout({\n children,\n}: Readonly<{\n children: React.ReactNode;\n}>) {\n return (\n \n \n \n Loading...}>{children}\n \n \n \n );\n}\n" }, { "path": "examples/nextjs-client/src/app/page.tsx", "content": "'use client';\n\nimport { AccountsOrderBy, PageSize, useAccounts } from '@lens-protocol/react';\n\nexport default function Home() {\n const { data } = useAccounts({\n orderBy: AccountsOrderBy.AccountScore,\n pageSize: PageSize.Ten,\n suspense: true,\n });\n\n return (\n
\n

Top 10 Accounts by Account Score:

\n\n
    \n {data.items.map((account) => (\n
  • {account.username?.value}
    • \n ))}\n
\n
\n );\n}\n" }, { "path": "examples/nextjs-client/tsconfig.json", "content": "{\n \"compilerOptions\": {\n \"target\": \"ES2017\",\n \"lib\": [\"dom\", \"dom.iterable\", \"esnext\"],\n \"allowJs\": true,\n \"skipLibCheck\": true,\n \"strict\": true,\n \"noEmit\": true,\n \"esModuleInterop\": true,\n \"module\": \"esnext\",\n \"moduleResolution\": \"bundler\",\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"jsx\": \"preserve\",\n \"incremental\": true,\n \"plugins\": [\n {\n \"name\": \"next\"\n }\n ],\n \"paths\": {\n \"@/*\": [\"./src/*\"]\n }\n },\n \"include\": [\"next-env.d.ts\", \"**/*.ts\", \"**/*.tsx\", \".next/types/**/*.ts\"],\n \"exclude\": [\"node_modules\"]\n}\n" }, { "path": "examples/react-follow/README.md", "content": "# Follow/Unfollow Accounts on Lens\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/lens-protocol/lens-sdk/tree/main/examples/react-follow)\n" }, { "path": "examples/react-follow/index.html", "content": "\n\n \n \n \n \n \n Log in to Lens\n \n \n
\n \n \n\n" }, { "path": "examples/react-follow/package.json", "content": "{\n \"name\": \"react-follow\",\n \"description\": \"Follow/Unfollow accounts on Lens\",\n \"private\": true,\n \"version\": \"0.0.0\",\n \"type\": \"module\",\n \"scripts\": {\n \"dev\": \"vite\"\n },\n \"dependencies\": {\n \"@lens-chain/sdk\": \"latest\",\n \"@lens-protocol/react\": \"canary\",\n \"@tanstack/react-query\": \"^5.63.0\",\n \"connectkit\": \"^1.9.0\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"viem\": \"^2.22.4\",\n \"wagmi\": \"^2.14.6\"\n },\n \"devDependencies\": {\n \"@types/react\": \"^18.3.12\",\n \"@types/react-dom\": \"^18.3.1\",\n \"@vitejs/plugin-react-swc\": \"^3.8.1\",\n \"typescript\": \"^5.6.3\",\n \"vite\": \"^5.4.9\"\n }\n}\n" }, { "path": "examples/react-follow/src/AccountToFollow.tsx", "content": "import { PageSize, useAccounts } from '@lens-protocol/react';\nimport { FollowButton } from './FollowButton';\n\nexport function AccountsToFollow() {\n const { data } = useAccounts({\n filter: { searchBy: { localNameQuery: 'test' } },\n pageSize: PageSize.Ten,\n suspense: true,\n });\n\n return (\n
\n

Accounts to Follow

\n
    \n {data?.items.map((account) => (\n
  • \n

    \n {account.username?.localName ?? account.address}\n \n {account.operations?.isFollowedByMe\n ? 'Following'\n : 'Not Following'}\n \n \n

    \n
    • \n ))}\n
\n
\n );\n}\n" }, { "path": "examples/react-follow/src/App.tsx", "content": "import { AccountsToFollow } from './AccountToFollow';\n\nexport function App() {\n return (\n
\n

Lens Follow Example

\n
\n \n
\n );\n}\n" }, { "path": "examples/react-follow/src/FollowButton.tsx", "content": "import { type Account, useFollow, useUnfollow } from '@lens-protocol/react';\nimport { handleOperationWith } from '@lens-protocol/react/viem';\nimport { useWalletClient } from 'wagmi';\n\nexport function FollowButton({ account }: { account: Account }) {\n const { data: wallet } = useWalletClient();\n const { execute: follow, loading: followLoading } = useFollow({\n handler: handleOperationWith(wallet),\n });\n const { execute: unfollow, loading: unfollowLoading } = useUnfollow({\n handler: handleOperationWith(wallet),\n });\n\n const loading = followLoading || unfollowLoading;\n\n const handleFollowToggle = async () => {\n const result = account.operations?.isFollowedByMe\n ? await unfollow({ account: account.address })\n : await follow({ account: account.address });\n\n if (result.isErr()) {\n alert(result.error.message);\n return;\n }\n };\n\n return (\n \n );\n}\n" }, { "path": "examples/react-follow/src/Web3Providers.tsx", "content": "import { LensProvider } from '@lens-protocol/react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { ConnectKitProvider } from 'connectkit';\nimport type React from 'react';\nimport { WagmiProvider } from 'wagmi';\n\nimport { client } from './client';\nimport { config } from './config';\n\nconst queryClient = new QueryClient();\n\nexport function Web3Providers({ children }: { children: React.ReactNode }) {\n return (\n \n \n \n {children}\n \n \n \n );\n}\n" }, { "path": "examples/react-follow/src/client.ts", "content": "import { fetchAccountsAvailable } from '@lens-protocol/client/actions';\nimport {\n assertOk,\n cache,\n invariant,\n PublicClient,\n testnet,\n} from '@lens-protocol/react';\nimport { signMessageWith } from '@lens-protocol/react/viem';\n\nimport { walletClient } from './wallet';\n\nexport const client = PublicClient.create({\n environment: testnet,\n cache: cache,\n storage: window.localStorage,\n});\n\nconst result = await client.resumeSession().orElse(() =>\n fetchAccountsAvailable(client, {\n managedBy: walletClient.account.address,\n }).andThen(({ items }) => {\n invariant(items.length > 0, 'No available accounts found');\n\n const loginAs =\n items[0].__typename === 'AccountOwned'\n ? {\n accountOwner: {\n owner: walletClient.account.address,\n account: items[0].account.address,\n },\n }\n : {\n accountManager: {\n manager: walletClient.account.address,\n account: items[0].account.address,\n },\n };\n\n return client.login({\n ...loginAs,\n signMessage: signMessageWith(walletClient),\n });\n }),\n);\n\nassertOk(result);\n" }, { "path": "examples/react-follow/src/config.ts", "content": "import { chains } from '@lens-chain/sdk/viem';\nimport { getDefaultConfig } from 'connectkit';\nimport { createConfig, http } from 'wagmi';\n\nexport const config = createConfig(\n getDefaultConfig({\n chains: [chains.testnet],\n transports: {\n // [chains.mainnet.id]: http(chains.mainnet.rpcUrls.default.http[0]!),\n [chains.testnet.id]: http(chains.testnet.rpcUrls.default.http[0]!),\n },\n walletConnectProjectId: '',\n appName: 'Lens + ConnectKit Example',\n appDescription: 'A sample app integrating ConnectKit and Lens React SDK.',\n appUrl: `${import.meta.env.BASE_URL}`,\n appIcon: `${import.meta.env.BASE_URL}/lens.svg`,\n }),\n);\n" }, { "path": "examples/react-follow/src/main.tsx", "content": "import { Suspense } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { App } from './App';\nimport { Web3Providers } from './Web3Providers';\n\ncreateRoot(document.getElementById('root')!).render(\n \n Loading...

}>\n \n \n ,\n);\n" }, { "path": "examples/react-follow/src/vite-env.d.ts", "content": "/// \n" }, { "path": "examples/react-follow/src/wallet.ts", "content": "import { chains } from '@lens-chain/sdk/viem';\nimport { type Address, createWalletClient, custom } from 'viem';\n\nconst chain = chains.testnet;\n\n// hoist account\nconst [address] = (await window.ethereum!.request({\n method: 'eth_requestAccounts',\n})) as [Address];\n\nexport const walletClient = createWalletClient({\n account: address,\n chain,\n transport: custom(window.ethereum!),\n});\n\nconst chainId = await walletClient.getChainId();\n\nif (chainId !== chain.id) {\n try {\n await walletClient.switchChain({ id: chain.id });\n } catch {\n await walletClient.addChain({ chain });\n }\n}\n" }, { "path": "examples/react-follow/tsconfig.json", "content": "{\n \"compilerOptions\": {\n \"target\": \"ESNext\",\n \"useDefineForClassFields\": true,\n \"lib\": [\"ES2020\", \"DOM\", \"DOM.Iterable\"],\n \"jsx\": \"react-jsx\",\n \"module\": \"ESNext\",\n \"moduleResolution\": \"Bundler\",\n \"strict\": true,\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"esModuleInterop\": true,\n \"noEmit\": true,\n \"noUnusedLocals\": true,\n \"noUnusedParameters\": true,\n \"noImplicitReturns\": true,\n \"skipLibCheck\": true\n },\n \"include\": [\"src\", \"vite.config.ts\"]\n}\n" }, { "path": "examples/react-follow/vite.config.ts", "content": "import react from '@vitejs/plugin-react-swc';\nimport { defineConfig } from 'vite';\n\nexport default defineConfig({\n plugins: [react()],\n});\n" }, { "path": "examples/react-login/README.md", "content": "# Log in to Lens\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/lens-protocol/lens-sdk/tree/main/examples/react-login)\n" }, { "path": "examples/react-login/index.html", "content": "\n\n \n \n \n \n \n Log in to Lens\n \n \n
\n \n \n\n" }, { "path": "examples/react-login/package.json", "content": "{\n \"name\": \"react-login\",\n \"description\": \"Log in to Lens\",\n \"private\": true,\n \"version\": \"0.0.0\",\n \"type\": \"module\",\n \"scripts\": {\n \"dev\": \"vite\"\n },\n \"dependencies\": {\n \"@lens-chain/sdk\": \"latest\",\n \"@lens-protocol/react\": \"canary\",\n \"@tanstack/react-query\": \"^5.63.0\",\n \"connectkit\": \"^1.9.0\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"viem\": \"^2.22.4\",\n \"wagmi\": \"^2.14.6\"\n },\n \"devDependencies\": {\n \"@types/react\": \"^18.3.12\",\n \"@types/react-dom\": \"^18.3.1\",\n \"@vitejs/plugin-react-swc\": \"^3.8.1\",\n \"typescript\": \"^5.6.3\",\n \"vite\": \"^5.4.9\"\n }\n}\n" }, { "path": "examples/react-login/src/App.tsx", "content": "import { useAuthenticatedUser } from '@lens-protocol/react';\nimport { LoginForm } from './LoginForm';\nimport { MyAccount } from './MyAccount';\n\nexport function App() {\n const { data } = useAuthenticatedUser({ suspense: true });\n\n if (data) {\n return ;\n }\n\n return ;\n}\n" }, { "path": "examples/react-login/src/LoginForm.tsx", "content": "import {\n type AccountAvailable,\n type EvmAddress,\n evmAddress,\n useAccountsAvailable,\n useLogin,\n} from '@lens-protocol/react';\nimport { signMessageWith } from '@lens-protocol/react/viem';\nimport { useModal } from 'connectkit';\nimport { useAccount, useWalletClient } from 'wagmi';\n\nfunction LoginWith({\n signer,\n value,\n}: {\n signer: EvmAddress;\n value: AccountAvailable;\n}) {\n const { execute } = useLogin();\n const { data } = useWalletClient();\n\n const loginAs =\n value.__typename === 'AccountManaged'\n ? {\n accountManager: {\n account: value.account.address,\n manager: signer,\n },\n }\n : {\n accountOwner: {\n account: value.account.address,\n owner: signer,\n },\n };\n\n return (\n {\n execute({\n ...loginAs,\n signMessage: signMessageWith(data!),\n });\n }}\n >\n {value.account.username?.value ?? value.account.address}\n \n );\n}\n\nfunction LoginOptions({ address }: { address: string }) {\n const { data } = useAccountsAvailable({\n managedBy: evmAddress(address),\n suspense: true,\n });\n\n return (\n <>\n

Select an account

\n
    \n {data.items.map((item) => (\n
  • \n \n
    • \n ))}\n
\n \n );\n}\n\nexport function LoginForm() {\n const { address } = useAccount();\n const { setOpen } = useModal();\n\n if (!address) {\n return (\n \n );\n }\n\n return ;\n}\n" }, { "path": "examples/react-login/src/LogoutButton.tsx", "content": "import { useLogout } from '@lens-protocol/react';\nimport { useDisconnect } from 'wagmi';\n\nexport function LogoutButton() {\n const { execute } = useLogout();\n const { disconnectAsync } = useDisconnect();\n\n const onClick = async () => {\n await execute();\n await disconnectAsync();\n };\n\n return (\n \n );\n}\n" }, { "path": "examples/react-login/src/MyAccount.tsx", "content": "import { type EvmAddress, useAccount } from '@lens-protocol/react';\nimport { LogoutButton } from './LogoutButton';\n\nexport function MyAccount({ address }: { address: EvmAddress }) {\n const { data } = useAccount({ address, suspense: true });\n\n return (\n
\n

\n Welcome,{' '}\n {data?.metadata?.name ?? data?.username?.value ?? data?.address}!\n

\n\n

Created on: {data?.createdAt}

\n

Account Score: {data?.score}

\n\n \n
\n );\n}\n" }, { "path": "examples/react-login/src/Web3Providers.tsx", "content": "import { LensProvider } from '@lens-protocol/react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { ConnectKitProvider } from 'connectkit';\nimport type React from 'react';\nimport { WagmiProvider } from 'wagmi';\n\nimport { client } from './client';\nimport { config } from './config';\n\nconst queryClient = new QueryClient();\n\nexport function Web3Providers({ children }: { children: React.ReactNode }) {\n return (\n \n \n \n {children}\n \n \n \n );\n}\n" }, { "path": "examples/react-login/src/client.ts", "content": "import { mainnet, PublicClient } from '@lens-protocol/react';\n\nexport const client = PublicClient.create({\n environment: mainnet,\n storage: window.localStorage,\n});\n" }, { "path": "examples/react-login/src/config.ts", "content": "import { chains } from '@lens-chain/sdk/viem';\nimport { getDefaultConfig } from 'connectkit';\nimport { createConfig, http } from 'wagmi';\n\nexport const config = createConfig(\n getDefaultConfig({\n chains: [chains.mainnet, chains.testnet],\n transports: {\n [chains.mainnet.id]: http(chains.mainnet.rpcUrls.default.http[0]!),\n [chains.testnet.id]: http(chains.testnet.rpcUrls.default.http[0]!),\n },\n walletConnectProjectId: '',\n appName: 'Lens + ConnectKit Example',\n appDescription: 'A sample app integrating ConnectKit and Lens React SDK.',\n appUrl: `${import.meta.env.BASE_URL}`,\n appIcon: `${import.meta.env.BASE_URL}/lens.svg`,\n }),\n);\n" }, { "path": "examples/react-login/src/main.tsx", "content": "import { Suspense } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { App } from './App';\nimport { Web3Providers } from './Web3Providers';\n\ncreateRoot(document.getElementById('root')!).render(\n \n Loading...

}>\n \n \n ,\n);\n" }, { "path": "examples/react-login/src/vite-env.d.ts", "content": "/// \n" }, { "path": "examples/react-login/tsconfig.json", "content": "{\n \"compilerOptions\": {\n \"target\": \"ESNext\",\n \"useDefineForClassFields\": true,\n \"lib\": [\"ES2020\", \"DOM\", \"DOM.Iterable\"],\n \"jsx\": \"react-jsx\",\n \"module\": \"ESNext\",\n \"moduleResolution\": \"Bundler\",\n \"strict\": true,\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"esModuleInterop\": true,\n \"noEmit\": true,\n \"noUnusedLocals\": true,\n \"noUnusedParameters\": true,\n \"noImplicitReturns\": true,\n \"skipLibCheck\": true\n },\n \"include\": [\"src\", \"vite.config.ts\"]\n}\n" }, { "path": "examples/react-login/vite.config.ts", "content": "import react from '@vitejs/plugin-react-swc';\nimport { defineConfig } from 'vite';\n\nexport default defineConfig({\n plugins: [react()],\n});\n" }, { "path": "examples/react-post/README.md", "content": "# Create a Lens Post with Lens React Hooks\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/lens-protocol/lens-sdk/tree/main/examples/react-post)\n" }, { "path": "examples/react-post/index.html", "content": "\n\n \n \n \n \n \n Create a Lens Post with Lens React Hooks\n \n \n
\n \n \n\n" }, { "path": "examples/react-post/package.json", "content": "{\n \"name\": \"react-post\",\n \"description\": \"Create a Lens Post with Lens React Hooks\",\n \"private\": true,\n \"version\": \"0.0.0\",\n \"type\": \"module\",\n \"scripts\": {\n \"dev\": \"vite\"\n },\n \"dependencies\": {\n \"@lens-chain/sdk\": \"^1.0.3\",\n \"@lens-protocol/client\": \"canary\",\n \"@lens-protocol/metadata\": \"^2.0.0\",\n \"@lens-protocol/react\": \"canary\",\n \"@tanstack/react-query\": \"^5.74.3\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"viem\": \"2.x\",\n \"wagmi\": \"^2.14.16\"\n },\n \"devDependencies\": {\n \"@types/react\": \"^18.3.12\",\n \"@types/react-dom\": \"^18.3.1\",\n \"@vitejs/plugin-react-swc\": \"^3.7.2\",\n \"typescript\": \"^5.6.3\",\n \"vite\": \"^5.4.9\"\n }\n}\n" }, { "path": "examples/react-post/src/App.tsx", "content": "import { textOnly } from '@lens-protocol/metadata';\nimport { useCreatePost } from '@lens-protocol/react';\nimport { handleOperationWith } from '@lens-protocol/react/viem';\nimport { useWalletClient } from 'wagmi';\n\nexport function App() {\n const { data: wallet } = useWalletClient();\n const {\n execute,\n loading,\n data: post,\n } = useCreatePost({ handler: handleOperationWith(wallet) });\n\n const onSubmit = async (event: React.FormEvent) => {\n event.preventDefault();\n const formData = new FormData(event.currentTarget);\n\n const content = formData.get('content') as string;\n\n const metadata = textOnly({\n content,\n });\n\n const result = await execute({\n contentUri: `data:application/json,${JSON.stringify(metadata)}`,\n });\n\n if (result.isErr()) {\n alert(result.error.message);\n }\n };\n\n return (\n
\n

Post Example

\n {post && (\n
\n

Post Created

\n

Slug: {post.slug}

\n

Created At: {post.timestamp.toString()}

\n

\n Content:{' '}\n {post.metadata.__typename === 'TextOnlyMetadata' &&\n post.metadata.content}\n

\n
\n )}\n
\n