Add info tooltip for onboarding
Woodpecker pipeline #452 current status: created. ⏳
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/114
Woodpecker pipeline #452 current status: created. ⏳
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/114
Woodpecker pipeline #452 completed with status: failure. ❌
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/114
- Move onboarding to popover
- Add programmatic opening of popovers
- Make sure that Radicle binaries are installed
Woodpecker pipeline #475 current status: created. ⏳
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/134
Woodpecker pipeline #475 current status: created. ⏳
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/134
Woodpecker pipeline #475 completed with status: failure. ❌
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/134
Fix linter warnings
Woodpecker pipeline #477 current status: created. ⏳
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/136
Woodpecker pipeline #477 current status: created. ⏳
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/136
Woodpecker pipeline #477 completed with status: failure. ❌
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/136
Improve copy, alignment
Woodpecker pipeline #479 current status: created. ⏳
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/138
Woodpecker pipeline #479 current status: created. ⏳
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/138
Woodpecker pipeline #479 completed with status: success. ✅
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/138
Some weird flexbox alignment issues
Woodpecker pipeline #481 current status: created. ⏳
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/140
Woodpecker pipeline #481 current status: created. ⏳
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/140
Make onboarding tooltip over on first launch
Store state in localStorage
Woodpecker pipeline #482 current status: created. ⏳
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/141
Woodpecker pipeline #482 current status: created. ⏳
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/141
Woodpecker pipeline #481 completed with status: failure. ❌
- Details: https://woodpecker.radworks.garden/repos/6/pipeline/140
Love it!
Couple of points:
- what’s the point of dismissing the getting started card? i can’t get it back once it’s gone and it is in a modal anyway.
- the dismiss X looks like a close button for the popover, I clicked it the first time to close the modal and then wondered why the content changed
- the copy to clipboard things are annoying if we include the $, multi line code blocks also would break if we paste them directly into the console
- should we maybe talk about “Publish existing repo on Radicle” instead of initialize?
- do we really want users to clone radicle desktop as their first repo? we might get spam and people messing up issues and comments.
- i inited a new repo but it didn’t show up in the app without a refresh (can be follow-up)
- could we apply these changes?
diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index 6135a7e..7bf4cb1 100644
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -138,7 +138,7 @@
popoverPositionTop="2.5rem"
popoverPositionRight="-9.3rem">
{#snippet toggle(onclick)}
- <NakedButton variant="ghost" {onclick}>
+ <NakedButton variant="ghost" {onclick} stylePadding="0 4px">
<Icon name="info" />
</NakedButton>
{/snippet}
diff --git a/src/views/home/clone.md b/src/views/home/clone.md
index 447cd49..cb827ec 100644
--- a/src/views/home/clone.md
+++ b/src/views/home/clone.md
@@ -1,8 +1,8 @@
-### 1. Find the RID (Repository Identifier) you are looking for
+#### 1. Find the RID (Repository Identifier) you are looking for
-You can use https://search.radicle.xyz to lookup repos on radicle by their name or description.
+You can use https://search.radicle.xyz to lookup repos on Radicle by their name or description.
-### 2. Start your node if you haven't already
+#### 2. Start your node if you haven't already
If you haven't already started your Radicle node, you can do so by running:
@@ -10,7 +10,7 @@ If you haven't already started your Radicle node, you can do so by running:
$ rad node start
```
-### 3. Clone the Repository
+#### 3. Clone the Repository
To clone a repository, use the `rad clone` command followed by the RID of the repository you want to clone.
diff --git a/src/views/home/initialize.md b/src/views/home/initialize.md
index 1f30db6..6d2e9fa 100644
--- a/src/views/home/initialize.md
+++ b/src/views/home/initialize.md
@@ -1,4 +1,4 @@
-### 1. Initialize Your Repository
+#### 1. Initialize Your Repository
Navigate to your existing Git repository and initialize it with Radicle by following the setup prompts:
@@ -12,7 +12,7 @@ $ cd path/to/your/repository
$ rad init
```
-### 2. Retrieve Your Repository Identifier (RID)
+#### 2. Retrieve Your Repository Identifier (RID)
After initialization, your repository will show up here.
You can retrieve its unique RID at any time:
Address feedback from rudolfs
Rebase
One last round of polish :)
Removed the “2. Retrieve Your Repository Identifier (RID)”, just cause the CLI already spits out the RID when you init.
diff --git a/src/components/CopyableId.svelte b/src/components/CopyableId.svelte
index 7338f94..2f88422 100644
--- a/src/components/CopyableId.svelte
+++ b/src/components/CopyableId.svelte
@@ -16,6 +16,7 @@
.copyable-id {
cursor: pointer;
color: var(--color-foreground-dim);
+ gap: 0.25rem;
}
.copyable-id:hover {
@@ -23,7 +24,7 @@
}
.inline {
display: inline-flex;
- gap: 0.25rem;
+ gap: 0;
white-space: nowrap;
}
</style>
diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index b63cb45..56e11c0 100644
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -13,7 +13,7 @@
} from "@app/lib/checkRadicleCLI.svelte";
import { dynamicInterval } from "@app/lib/interval";
import { nodeRunning } from "@app/lib/events";
- import { truncateDid } from "@app/lib/utils";
+ import { didFromPublicKey, truncateDid } from "@app/lib/utils";
import Avatar from "@app/components/Avatar.svelte";
import Border from "@app/components/Border.svelte";
@@ -92,6 +92,7 @@
width: 100%;
border-bottom: 1px solid var(--color-border-default);
height: 1px;
+ margin: 1rem 0;
}
</style>
@@ -161,18 +162,18 @@
Getting started
</div>
<div class="txt-small" style:display="inline">
- Hello <span
- style:padding-left="0.4rem"
- style:margin-right="-0.2rem">
+ Hello <span style:padding-left="0.25rem">
<NodeId
inline
publicKey={config.publicKey}
- alias={config.alias} />
+ alias={config.alias} />,
</span>
- , your identity has been created and stored on your machine.
+ your identity has been created and stored on your machine.
</div>
<div class="txt-small">
- Your public key is <CopyableId inline id={config.publicKey}>
+ Your public key is <CopyableId
+ inline
+ id={didFromPublicKey(config.publicKey)}>
{truncateDid(config.publicKey)}
</CopyableId>
you can share this with anyone to find you on the network.
@@ -186,17 +187,17 @@
<div class="txt-small">
<div class="global-flex" style:padding-bottom="0.5rem">
<Icon name="checkbox-unchecked" />Make sure to install
- Radicle
+ Radicle CLI
</div>
<div style:padding-bottom="0.5rem">
- To be able to interact with repositories on the Radicle
- network you'll need to install a node on your computer.
- This node will identify itself on the network with your
- keys to push and pull changes.
+ To be able to interact with repos on the Radicle network
+ you'll need to install a node on your computer. This node
+ will identify itself on the network with your keys to push
+ and pull changes.
</div>
<div style:padding-bottom="0.5rem">
- To install Radicle, simply run the command below from your
- shell:
+ To install the node and other Radicle CLI tooling, simply
+ run the command below from your shell:
</div>
<Command
styleWidth="fit-content"
diff --git a/src/views/home/clone.md b/src/views/home/clone.md
index e102338..3bdd60b 100644
--- a/src/views/home/clone.md
+++ b/src/views/home/clone.md
@@ -1,19 +1,21 @@
-#### 1. Find the RID (Repository Identifier) you are looking for
+#### 1. Find a repo on the Radicle network
-You can use https://search.radicle.xyz to lookup repos on Radicle by their name or description.
+You can search for Radicle repos by name or description at [search.radicle.xyz](https://search.radicle.xyz).
-#### 2. Start your node if you haven't already
+To clone a repo, you’ll need its Repository Identifier (RID) — a unique string that begins with `rad:`.
-If you haven't already started your Radicle node, you can do so by running:
+#### 2. Start your node
+
+If you node is Offline, you should start it by running:
```sh
rad node start
```
-#### 3. Clone the Repository
+#### 3. Clone the repo
-To clone a repository, use the `rad clone` command followed by the RID of the repository you want to clone.
+To clone a repo, use the `rad clone` command followed by the RID of the repo you want to clone.
```sh
-rad clone <rid>
+rad clone <RID>
```
diff --git a/src/views/home/guides/Repos.svelte b/src/views/home/guides/Repos.svelte
index a3eb927..a201ed6 100644
--- a/src/views/home/guides/Repos.svelte
+++ b/src/views/home/guides/Repos.svelte
@@ -45,7 +45,7 @@
styleGap="1rem"
stylePadding="0 1rem">
{@render tabSnippet("clone", "Clone a repo from the network")}
- {@render tabSnippet("publish", "Publish an existing repo")}
+ {@render tabSnippet("publish", "Publish existing repo")}
</Border>
<Border
diff --git a/src/views/home/publish.md b/src/views/home/publish.md
index ee4756f..d024bfb 100644
--- a/src/views/home/publish.md
+++ b/src/views/home/publish.md
@@ -1,24 +1,15 @@
-#### 1. Publish existing repo on Radicle
+#### Publish existing repo on Radicle
-Navigate to your existing Git repository and publish it to Radicle by following the setup prompts:
+Navigate to your existing Git repo and publish it to Radicle by following the setup prompts:
-- **Repository Name:** Enter a name for your repository.
-- **Description:** Provide a brief summary of what your repository does.
+- **Repository Name:** Enter a name for your repo.
+- **Description:** Provide a brief summary of what your repo does.
- **Default Branch:** Typically **main** or **master**.
- **Visibility:** Choose **public** to share with others or **private** to not publish it to the network yet.
```sh
-cd path/to/your/repository
+cd path/to/your/repo
rad init
```
-#### 2. Retrieve Your Repository Identifier (RID)
-
-After running `rad init`, your repository will eventually show up in the repo listing.
-You can retrieve its unique RID by running the following command in your repo:
-
-```sh
-rad .
-```
-
-That's it! Your repository is now a Radicle repo. 🚀
+That's it! Your repo is now on the Radicle network. 🚀
Address copy
FTW!