Connect2IC - Integrate any wallet or identity provider with just a few lines of code (React, Vue, Svelte)

Tbd · May 11, 2022, 1:49pm

Happy to announce my next project for the Internet Computer

It’s called Connect2IC. A frontend library / toolkit that makes it trivial to support any wallet & do authenticated calls to canister + other goodies.

Github:

Docs:

Here’s the prestyled dialog you get out of the box. You could also create your own btw.

Check it out! It’s still early days & right now only supports React. But Svelte & Vue also coming soon.

Thanks also to AstroX for letting me work on it! I’ve joined them recently.

GLdev · May 11, 2022, 3:27pm

Quick, submit it to the hackathon under the Infrastructure track! /s

Tbd · May 11, 2022, 4:10pm

Hahah, hopefully it will be useful to the contestants at least.

brutoshi · May 12, 2022, 8:17am

Connect2IC has been listed in the Supernova Dev Resources under Authentication

Tbd · May 23, 2022, 6:13pm

Svelte support is out for Connect2IC!

npm i -S @connect2ic/core @connect2ic/svelte

While I’m working on the docs & full type support, you can see example usage here: https://github.com/Connect2IC/connect2ic/tree/main/examples/svelte

Tbd · May 24, 2022, 3:27pm

Some basic documentation for svelte: Getting started | Connect2IC

Tbd · May 31, 2022, 12:36pm

Vue version is out!

npm i -S @connect2ic/core @connect2ic/vue

Some initial docs:

Example app:

github.com

Connect2IC/connect2ic/blob/main/examples/vue/frontend/App.vue

<script setup lang="ts">
import * as counter from "../.dfx/local/canisters/counter"
import Counter from "./components/Counter.vue"
import Profile from "./components/Profile.vue"
import Transfer from "./components/Transfer.vue"
import logo from "./assets/dfinity.svg"
import { defaultProviders } from "@connect2ic/core/providers"
import { ConnectButton, ConnectDialog, Connect2ICProvider } from "@connect2ic/vue"
import "@connect2ic/core/style.css"
</script>

<template>
  <Connect2ICProvider
    :dev="import.meta.env.DEV"
    :canisters="{counter}"
    :providers="defaultProviders"
  >
    <div class="App">
      <div class="auth-section">
        <ConnectButton />

This file has been truncated. show original

Tbd · June 7, 2022, 10:03am

Did a presentation for Supernova.
You can watch me speedrun through the library and some of its functionality
If you dont want to read the docs

Tbd · June 27, 2022, 5:33pm

Just released 0.1.0

The client can now be used outside of the supported frameworks
Client | Connect2IC
Local development is now supported, see here how to configure each provider: Providers | Connect2IC
Lots of bug fixes. Should be much more stable now.