Skip to content

Commit 5077c42

Browse files
ruibin3claude
andcommitted
chore: release v0.0.5
### 新增 - 双击进入编辑模式:预览模式下双击内容区域即可进入编辑模式 ### 优化 - 产品名称显示:完整显示品牌「SlideNote 侧边笔记 常伴左右」 - 英文名称优化:英文显示「SlideNote - Always by your side」 - 开发体验优化:默认构建改为 dev 模式 - 交互提示:预览区鼠标指针改为 pointer Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent c05ee1e commit 5077c42

31 files changed

+1730
-277
lines changed

CLAUDE.md

Lines changed: 28 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,23 @@
22

33
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
44

5+
> **Simple notes, always by your side**
6+
> **侧边笔记,常伴左右**
7+
58
## Project Overview
69

7-
SlideNote is a Chrome sidebar extension for quick, cross-device note-taking. It uses Chrome Storage Sync API for automatic synchronization across devices. The project philosophy is "simplicity above all" - focusing solely on storing and syncing short text fragments.
10+
SlideNote is a Chrome sidebar extension for quickly storing and accessing fragments of information. It uses the Chrome Side Panel API to live in the browser sidebar **without blocking page content**. Data syncs automatically across devices via Chrome Storage Sync API.
11+
12+
**Product Positioning**: SlideNote is **not a note-taking app**. Think of it as a "sticky note in your browser sidebar" or a "cloud clipboard for fragments" — for quickly storing and retrieving small pieces of information (API keys, server addresses, commands, prompts, etc.).
13+
14+
**Core Value** (in order of importance):
15+
1. **Sidebar, never blocks content** — This is the unique selling point
16+
2. **Instant access** — Opens in < 100ms, no app switching
17+
3. **Auto-sync across devices** — Your fragments follow you everywhere
18+
4. **Real-time search** — Find anything instantly
19+
5. **Markdown support** — Basic formatting for keys, commands, and code (v0.0.3)
820

9-
**Current Status**: Design phase (v0.0.1). Implementation is pending.
21+
**Current Status**: v0.0.3 released with Markdown support.
1022

1123
## Development Commands
1224

@@ -189,8 +201,21 @@ Two types handled:
189201
## Principles to Follow
190202

191203
1. **No Framework**: Stick to vanilla ES6+ JavaScript
192-
2. **Minimal Dependencies**: Only Vite for building, TypeScript for type checking
204+
2. **Minimal Dependencies**: Only Vite for building, TypeScript for type checking, marked.js for Markdown (~7KB)
193205
3. **CSS Variables**: Use the defined design tokens, avoid hardcoding values
194206
4. **Component Pattern**: Extend `Component` base class for consistent lifecycle
195207
5. **Event-Driven**: Use EventBus, not direct component references
196208
6. **Storage Awareness**: Respect Chrome Storage limits, implement warnings at 90% capacity
209+
7. **Product Positioning**: Remember this is NOT a note-taking app — it's for fragments, not articles
210+
211+
## Key Product Phrases to Use
212+
213+
When writing documentation, marketing, or code comments:
214+
215+
| Use | Avoid |
216+
|-----|-------|
217+
| "便利贴" (sticky note) | "笔记本" (notebook) |
218+
| "碎片信息" (fragments) | "笔记" (notes) |
219+
| "快速存取" (quick access) | "写作" (writing) |
220+
| "不遮挡内容" (never blocks content) | "悬浮窗口" (floating window) |
221+
| "云剪贴板" (cloud clipboard) | "知识库" (knowledge base) |

SlideNote-v0.0.3.zip

46.9 KB
Binary file not shown.

_locales/en.dev/messages.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
{
22
"appName": {
3-
"message": "SlideNote Dev",
3+
"message": "SlideNote - Always by your side (Dev)",
44
"description": "App name"
55
},
66
"appDesc": {
7-
"message": "Slide notes, always by your side - Dev Build",
7+
"message": "Simple notes, always by your side - Dev Build",
88
"description": "App description"
99
},
1010
"extensionName": {

_locales/en/messages.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
{
22
"appName": {
3-
"message": "SlideNote",
3+
"message": "SlideNote - Always by your side",
44
"description": "App name"
55
},
66
"appDesc": {
7-
"message": "Slide notes, always by your side",
7+
"message": "Simple notes, always by your side",
88
"description": "App description"
99
},
1010
"extensionName": {

_locales/zh_CN.dev/messages.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"appName": {
3-
"message": "SlideNote Dev (开发版)",
3+
"message": "SlideNote 侧边笔记 常伴左右 (Dev)",
44
"description": "应用名称"
55
},
66
"appDesc": {

_locales/zh_CN/messages.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"appName": {
3-
"message": "SlideNote 侧边笔记",
3+
"message": "SlideNote 侧边笔记 常伴左右",
44
"description": "应用名称"
55
},
66
"appDesc": {

docs/CHANGELOG.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,19 @@
55
66
---
77

8+
## [0.0.5] - 2025-01-15
9+
10+
### 新增
11+
- **双击进入编辑模式**:预览模式下双击内容区域即可进入编辑模式,交互更直观
12+
13+
### 优化
14+
- **产品名称显示**:完整显示品牌「SlideNote 侧边笔记 常伴左右」
15+
- **英文名称优化**:英文显示「SlideNote - Always by your side」
16+
- **开发体验优化**:默认构建改为 dev 模式,发版本使用 `npm run build:prod`
17+
- **交互提示**:预览区鼠标指针改为 pointer,提示可双击编辑
18+
19+
---
20+
821
## [0.0.4] - 2025-01-15
922

1023
### 优化

docs/marketing/V2EX分享帖.md

Lines changed: 56 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
# [分享] 做了一个 Chrome 侧边栏笔记插件 SlideNote,跨设备同步碎片信息
1+
# [分享] 做了一个 Chrome 侧边栏便利贴 SlideNote,不遮挡内容,跨设备同步
22

33
**作者**: 咕咚同学
44

55
---
66

7+
> **Simple notes, always by your side**
8+
> **侧边笔记,常伴左右**
9+
710
## 缘起
811

912
经常有这种场景:
@@ -13,51 +16,79 @@
1316

1417
所以做了一个简单的 Chrome 插件:**SlideNote**
1518

19+
**它不是一个笔记本**,更像一个云剪贴板,专门存那些碎片信息。
20+
1621
---
1722

18-
## 功能
23+
## 核心特点
24+
25+
### 1. 侧边栏,不遮挡内容
26+
27+
这是最大的卖点。用的是 Chrome Side Panel API,固定在浏览器侧边,与主内容并排,不遮挡任何东西。
28+
29+
```
30+
┌────────────┬────────────────┐
31+
│ │ │
32+
│ SlideNote │ 网页内容 │
33+
│ 侧边栏 │ 完全可见 │
34+
│ │ │
35+
└────────────┴────────────────┘
36+
```
37+
38+
### 2. 秒开即用
39+
40+
打包只有 25KB,加载 < 100ms,点开立即可用,不用切换 App。
41+
42+
### 3. 跨设备自动同步
43+
44+
基于 Chrome Storage Sync API,你在公司存的,回家就能查。
45+
46+
### 4. 实时搜索
1947

20-
- 侧边栏展示,打开浏览器就能看到
21-
- 自动保存,不用点保存按钮
22-
- Chrome 同步,多设备自动同步
23-
- 搜索过滤
24-
- 删除确认(3秒倒计时防误删)
48+
输入即过滤,不用按回车,秒速找到。
49+
50+
### 5. 支持 Markdown
51+
52+
让密钥、命令、代码有格式,更清晰(v0.0.3 新增)。
2553

2654
---
2755

2856
## 技术栈
2957

30-
Vanilla JS + Chrome Storage Sync API,没用任何框架。
58+
Vanilla JS + Chrome Storage Sync API + marked.js,没用任何框架。
3159

32-
代码量小,整个打包后只有 15KB 左右。
60+
代码量小,整个打包后只有 25KB 左右。
3361

3462
GitHub: https://github.com/maoruibin/SlideNote
3563

3664
---
3765

3866
## 截图
3967

40-
```
41-
┌─────────────────────────────────┐
42-
│ 🔍 [搜索...] [+] │
43-
│ │
44-
│ ● 常用账号 │
45-
│ ○ 云配置 │
46-
│ ○ API Keys │
47-
│ │
48-
│ ───────────────────── │
49-
│ 由咕咚同学开发 │
50-
│ Simple notes... │
51-
└─────────────────────────────────┘
52-
```
68+
![SlideNote Demo](https://gudong.s3.bitiful.net/images/slidenote-marquee-zh.png)
69+
70+
---
71+
72+
## 使用场景
73+
74+
- **开发者**:API Key、服务器地址、常用命令、数据库密码
75+
- **多设备工作者**:公司 Mac + 家里 Mac + 笔记本,信息随身走
76+
- **内容创作者**:账号凭证、文案模板、AI 提示词
77+
- **日常碎片**:IP 地址、会议记录、待办事项
5378

5479
---
5580

5681
## 安装
5782

83+
### Chrome 应用商店
84+
85+
[Chrome Web Store](https://chromewebstore.google.com/detail/appaojacakbjbbellfehlgjophpdpjom)
86+
87+
### 开发者模式
88+
5889
```bash
5990
git clone https://github.com/maoruibin/SlideNote.git
60-
cd slide-note
91+
cd SlideNote
6192
npm install
6293
npm run build
6394
```
@@ -72,4 +103,5 @@ MIT License,欢迎 Star / PR / Issue
72103

73104
---
74105

75-
> Simple notes, always by your side
106+
> **Simple notes, always by your side**
107+
> **侧边笔记,常伴左右**

0 commit comments

Comments
 (0)