@clowder-ai/companion 0.1.0-alpha.7 → 0.1.0-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/manifest.json +1 -1
  2. package/package.json +1 -1
  3. package/plugin.yaml +1 -1
  4. package/renderer/style.css +14 -2
package/manifest.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "pluginId": "official.companion",
3
- "version": "0.1.0-alpha.7",
3
+ "version": "0.1.0-alpha.8",
4
4
  "contractVersion": "0.1.0",
5
5
  "name": "猫猫球",
6
6
  "icon": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clowder-ai/companion",
3
- "version": "0.1.0-alpha.7",
3
+ "version": "0.1.0-alpha.8",
4
4
  "description": "The desktop voice body for your Clowder companion",
5
5
  "license": "MIT",
6
6
  "type": "module",
package/plugin.yaml CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "pluginId": "official.companion",
3
- "version": "0.1.0-alpha.7",
3
+ "version": "0.1.0-alpha.8",
4
4
  "contractVersion": "0.1.0",
5
5
  "name": "猫猫球",
6
6
  "icon": {
package/renderer/style.css CHANGED
@@ -18,16 +18,28 @@ button:disabled { opacity: .45; cursor: default; }
18
18
  #pet[data-direction="left"] #living-video { transform: scaleX(-1); }
19
19
  #living-sit [data-layer="tail"] { transform-box: view-box; transform-origin: 168px 456px; animation: living-tail 3.4s ease-in-out infinite; }
20
20
  #living-sit [data-layer="head"] { transform-box: view-box; transform-origin: 300px 280px; animation: living-head 5.5s ease-in-out infinite; }
21
- #living-sit [data-layer="ear-left"], #living-sit [data-layer="ear-right"] { transform-box: view-box; transform-origin: 219px 101px; }
21
+ #living-sit [data-layer="ear-left"], #living-sit [data-layer="ear-right"] { transform-box: view-box; }
22
+ #living-sit [data-layer="ear-left"] { transform-origin: 219px 101px; }
23
+ #living-sit [data-layer="ear-right"] { transform-origin: 391px 100px; }
22
24
  #pet[data-pose="listening"] #living-sit [data-layer="ear-left"] { transform: rotate(-8deg); }
23
25
  #pet[data-pose="listening"] #living-sit [data-layer="ear-right"] { transform: rotate(8deg); }
24
26
  #living-sit [data-layer="closed"] { opacity: 0; animation: living-blink 5.8s linear infinite; }
27
+ #pet[data-action="idle"] #living-sit [data-layer="tail"] { animation: living-idle-tail 4.8s ease-in-out infinite; }
28
+ #pet[data-action="idle"] #living-sit [data-layer="head"] { animation: living-idle-head 6.8s ease-in-out infinite; }
29
+ #pet[data-action="idle"] #living-sit [data-layer="ear-left"] { animation: living-idle-ear-left 8.1s ease-in-out infinite; }
30
+ #pet[data-action="idle"] #living-sit [data-layer="ear-right"] { animation: living-idle-ear-right 7.3s ease-in-out infinite; }
31
+ #pet[data-action="idle"] #living-sit [data-layer="closed"] { animation: living-idle-blink 5.8s steps(1, end) infinite; }
25
32
  #living-sit [data-layer="mouth"], #living-sit [data-layer="scared"] { opacity: 0; }
26
33
  #pet[data-pose="scared"] #living-sit [data-layer="scared"] { opacity: 1; }
27
34
  #pet[data-pose="sleeping"] #living-sit [data-layer="closed"] { opacity: 1; animation: none; }
28
35
  @keyframes living-tail { 50% { transform: rotate(5deg); } }
29
36
  @keyframes living-head { 50% { transform: rotate(2deg); } }
30
37
  @keyframes living-blink { 0%, 96%, 100% { opacity: 0; } 97%, 98% { opacity: 1; } }
38
+ @keyframes living-idle-tail { 0%, 12%, 100% { transform: rotate(0); } 34% { transform: rotate(10deg); } 62% { transform: rotate(-8deg); } 80% { transform: rotate(3deg); } }
39
+ @keyframes living-idle-head { 0%, 12%, 100% { transform: rotate(0); } 35% { transform: rotate(5deg); } 69% { transform: rotate(-3deg); } }
40
+ @keyframes living-idle-ear-left { 0%, 68%, 76%, 100% { transform: rotate(0); } 71% { transform: rotate(-9deg); } 73% { transform: rotate(3deg); } }
41
+ @keyframes living-idle-ear-right { 0%, 30%, 39%, 100% { transform: rotate(0); } 33% { transform: rotate(8deg); } 36% { transform: rotate(-3deg); } }
42
+ @keyframes living-idle-blink { 0%, 24%, 30%, 74%, 80%, 100% { opacity: 0; } 25%, 29%, 75%, 79% { opacity: 1; } }
31
43
  #indicators { position: absolute; bottom: 0; right: 0; display: flex; gap: 4px; }
32
44
  #indicators button { width: 32px; height: 32px; border: 1px solid #fff9; border-radius: 50%; display: grid; place-items: center; background: #236b59; color: white; box-shadow: 0 2px 5px #0003; }
33
45
  #indicators button:hover { background: #ab4842; }
@@ -75,7 +87,7 @@ button:disabled { opacity: .45; cursor: default; }
75
87
  #chat small { color: var(--cafe-text-muted); font-size: 10px; padding: 0 14px 10px; }
76
88
  .sr-only { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
77
89
  @media (prefers-reduced-motion: reduce) {
78
- #pet, #indicators button, #living-sit [data-layer] { animation: none; }
90
+ #pet, #indicators button, #living-sit [data-layer], #pet[data-action="idle"] #living-sit [data-layer] { animation: none; }
79
91
  #living-sit [data-layer="closed"] { opacity: 0; }
80
92
  }
81
93
  #pet[data-skin="yanyan-codex"] { background-image: url("./skins/yanyan-codex.webp"); }