deel-local-cli 1.4.3 → 1.5.2

package/src/ui/motion.js

@@ -28,6 +28,7 @@
  * 그림을 점자 코드로 직접 적으면 나중에 아무도 못 고친다. 그래서 눈에 보이는
  * 대로 '#' 과 '.' 으로 적고, 켜질 때 한 번 점자로 바꾼다.
  */
+import { 켜달라했나 as 사무실켜달라했나 } from './office.js';
 
 // 점 번호와 자리. 점자는 이렇게 번호가 매겨져 있다 —
 //   1 4
@@ -47,13 +48,18 @@ export const 가로 = 칸수 * 2; // 점 6개
 export const 세로 = 4;       // 점 4줄
 
 /**
- * 6×4 그림 한 장을 점자 세 글자로. 격자를 벗어난 자리는 꺼진 것으로 본다.
+ * 그림 한 장을 점자로. 격자를 벗어난 자리는 꺼진 것으로 본다.
+ *
+ * 폭을 받는 이유는 **테마마다 폭이 다르기** 때문이다. 기본 그림은 세 칸이면
+ * 충분한데(덩어리·막대·훑는 줄), 사람이나 짐승 모양은 세 칸에 넣으면 그냥
+ * 얼룩으로 보인다. 아래 테마들 참고.
  *
  * @param {string[]} 그림 '#'(켜짐)과 그 밖(꺼짐)으로 그린 4줄
+ * @param {number} 폭     점자 몇 칸으로 그릴지
  */
-export function 점자로(그림) {
+export function 점자로(그림, 폭 = 칸수) {
   let out = '';
-  for (let 칸 = 0; 칸 < 칸수; 칸++) {
+  for (let 칸 = 0; 칸 < 폭; 칸++) {
     let v = 0;
     for (let r = 0; r < 세로; r++) {
       for (let cc = 0; cc < 2; cc++) {
@@ -179,9 +185,295 @@ export const 그림들 = {
 
 // 켜질 때 한 번만 바꾼다. 90ms 마다 다시 만들 이유가 없다.
 export const 틀 = Object.fromEntries(
-  Object.entries(그림들).map(([갈래, 장들]) => [갈래, 장들.map(점자로)]),
+  Object.entries(그림들).map(([갈래, 장들]) => [갈래, 장들.map((g) => 점자로(g, 칸수))]),
 );
 
+/*
+ * ── 테마 ────────────────────────────────────────────────────────────────
+ *
+ * 위의 기본 그림은 **무엇을 하는 중인지**를 말한다 — 훑는 줄, 차오르는 막대.
+ * 그것으로 충분하지만, 몇 분을 들여다보는 화면이라면 그 이상이어도 된다.
+ * 그래서 같은 자리에 다른 그림을 끼울 수 있게 열어 둔다.
+ *
+ * 새 테마는 아래 규칙만 지키면 된다. 검사(motion.test.js)가 전부 확인한다.
+ *   · 갈래가 기본과 똑같이 있어야 한다 (working.js 의 문구와 짝이 맞아야 한다)
+ *   · 한 갈래에 최소 두 장 — 안 움직이면 그림이 아니라 글자다
+ *   · 갈래끼리 움직임이 겹치면 안 된다 — 겹치면 '뭘 하는지 보인다' 가 거짓말이 된다
+ *   · 느긋이 제일 길어야 한다 — 오래 기다릴 때 빨리 깜빡이면 더 조급해진다
+ *   · 모든 장이 그 테마의 폭·높이 격자에 딱 맞아야 한다
+ *
+ * ── 왜 폭이 테마마다 다른가 ─────────────────────────────────────────────
+ *
+ * 기본은 6×4(점자 세 칸)다. 덩어리와 막대는 그 안에서 충분히 읽힌다.
+ * 그런데 사람이나 짐승은 안 된다 — 팔다리가 붙을 자리가 없어서 그냥 얼룩이 된다.
+ * 그래서 아래 두 테마는 12×4(여섯 칸)를 쓴다. 상자는 폭을 재서 그리므로
+ * (inputbox 의 width(왼쪽)) 넓어져도 테두리는 안 어긋난다.
+ *
+ * 세로는 못 늘린다. 작업 표시가 글자 한 줄 안에 들어가야 하고, 두 줄로 만들면
+ * 상자 높이와 커서 셈이 통째로 달라진다. 그래서 **가로로 누운 옆모습**으로
+ * 그린다 — 세로로 선 정면 모습은 4점 안에서 절대 안 읽힌다.
+ */
+export const 넓은칸수 = 6;        // 점자 여섯 칸
+export const 넓은가로 = 넓은칸수 * 2; // 점 12개
+
+/*
+ * 중세 기사 — 옆모습. 왼쪽에 몸이 서 있고 오른쪽에서 칼이 움직인다.
+ *
+ * 몸을 고정해 두고 칼만 옮기는 것이 요령이다. 둘 다 움직이면 12×4 안에서는
+ * 그냥 어지럽다. 사람 눈은 **바뀌는 자리**를 따라가므로, 바뀌는 것이 하나여야
+ * 그게 칼로 읽힌다.
+ *
+ *   .##.        투구
+ *   ####        머리·어깨
+ *   ####        몸통과 방패
+ *   #..#        다리
+ */
+const 기사그림들 = {
+  // 생각 — 칼을 세워 든 채 방패만 까딱인다. 아직 안 덤빈다.
+  생각: [
+    ['.##....#....', '####...#....', '####........', '#..#........'],
+    ['.##....#....', '####...#....', '#####.......', '#..#........'],
+    ['.##....#....', '####...#....', '####........', '#..#........'],
+    ['.##....#....', '####...#....', '###.........', '#..#........'],
+  ],
+
+  // 읽기 — 방패를 앞으로 내밀고 한 칸씩 나아간다. 살피며 걷는 모양.
+  읽기: [
+    ['.##.........', '####.##.....', '####.##.....', '#..#........'],
+    ['.##.........', '####..##....', '####..##....', '.#.#........'],
+    ['.##.........', '####...##...', '####...##...', '#..#........'],
+    ['.##.........', '####..##....', '####..##....', '.#.#........'],
+  ],
+
+  /*
+   * 쓰기 — 칼질. 이 테마의 본편이다.
+   *
+   * 위로 들었다가(0) 옆으로 후려서(1) 아래로 내리꽂고(2) 다시 든다(3).
+   * 네 장이라 한 바퀴 360ms — 실제로 휘두르는 속도로 보인다.
+   */
+  쓰기: [
+    ['.##...#.....', '####.#......', '####........', '#..#........'],
+    ['.##.........', '####.####...', '####........', '#..#........'],
+    ['.##.........', '####........', '####.#......', '#..#..##....'],
+    ['.##.........', '####.#......', '#####.......', '#..#........'],
+  ],
+
+  // 명령 — 앞으로 찌른다. 짧고 곧게 나갔다 들어온다.
+  명령: [
+    ['.##.........', '####.#......', '####........', '#..#........'],
+    ['.##.........', '####.###....', '####........', '#..#........'],
+    ['.##.........', '####.#####..', '####........', '#..#........'],
+    ['.##.........', '####.###....', '####........', '#..#........'],
+  ],
+
+  // 웹 — 저 멀리 무언가 오나 살핀다. 칼을 내리고 고개를 든다.
+  웹: [
+    ['.##.........', '####........', '####...#....', '#..#........'],
+    ['.##....#....', '####........', '####...#....', '#..#........'],
+    ['.##.#..#..#.', '####........', '####...#....', '#..#........'],
+    ['.##....#....', '####........', '####...#....', '#..#........'],
+  ],
+
+  // 답 — 칼을 거두고 방패를 세운다. 일이 끝나 가는 모양.
+  답: [
+    ['.##.........', '####........', '####........', '#..#........'],
+    ['.##.........', '####.##.....', '####.##.....', '#..#........'],
+    ['.##..##.....', '####.##.....', '####.##.....', '#..#........'],
+    ['.##..##.....', '####.####...', '####.####...', '#..#........'],
+  ],
+
+  // 접기 — 방패를 머리 위로 올려 막는다. 위에서 내려오는 것을 받는 자세.
+  접기: [
+    ['.##.####....', '####........', '####........', '#..#........'],
+    ['.##..####...', '####........', '####........', '#..#........'],
+    ['.##.........', '#######.....', '####........', '#..#........'],
+    ['.##.........', '####........', '#######.....', '#..#........'],
+  ],
+
+  // 하위 — 셋이 줄지어 간다. 여럿이 동시에 도는 중이라는 뜻.
+  하위: [
+    ['.#..#..#....', '##.##.##....', '##.##.##....', '#..#..#.....'],
+    ['..#..#..#...', '.##.##.##...', '.##.##.##...', '.#..#..#....'],
+    ['...#..#..#..', '..##.##.##..', '..##.##.##..', '..#..#..#...'],
+    ['..#..#..#...', '.##.##.##...', '.##.##.##...', '.#..#..#....'],
+  ],
+
+  // 기본 — 그냥 걷는다. 무슨 일인지 아직 모를 때.
+  기본: [
+    ['.##.........', '####........', '####........', '#..#........'],
+    ['..##........', '.####.......', '.####.......', '.#..#.......'],
+    ['...##.......', '..####......', '..####......', '..#..#......'],
+    ['....##......', '...####.....', '...####.....', '...#..#.....'],
+    ['...##.......', '..####......', '..####......', '..#..#......'],
+  ],
+
+  /*
+   * 느긋 — **넘어진다.** 45초가 넘어가면 이 그림으로 갈린다.
+   *
+   * 오래 걸릴 때 진행 중인 척하면 곧 끝날 것처럼 보여서 오히려 답답하다.
+   * 그렇다고 가만히 있으면 멈춘 줄 안다. 그래서 기사가 지쳐 쓰러졌다가
+   * 다시 일어난다 — 오래 걸리는 중이라는 것을 숨기지 않으면서, 화면은 계속
+   * 살아 있다. 열 장이라 한 바퀴 0.9초로 제일 느긋하다.
+   */
+  느긋: [
+    ['.##.........', '####........', '####........', '#..#........'],
+    ['.##.........', '####........', '####........', '#..#........'],
+    ['..##........', '.###........', '.###........', '.#.#........'],
+    ['...##.......', '..##........', '..##........', '..##........'],
+    ['............', '............', '.####.......', '######......'],
+    ['............', '............', '............', '#########...'],
+    ['............', '............', '.####.......', '######......'],
+    ['...##.......', '..##........', '..##........', '..##........'],
+    ['..##........', '.###........', '.###........', '.#.#........'],
+    ['.##.........', '####........', '####........', '#..#........'],
+  ],
+};
+
+/*
+ * 픽셀 동물들 — 그냥 돌아다닌다.
+ *
+ * 기사와 달리 여기엔 뜻이 없다. 짐승 한 마리가 왔다 갔다 할 뿐이다.
+ * 그게 요청이었고, 그게 맞다 — 매번 뜻을 실으면 화면이 시끄러워진다.
+ *
+ *   .#..#.   귀
+ *   .####.   머리·등
+ *   ######   몸
+ *   .#..#.   다리
+ *
+ * 갈래마다 다른 짐승·다른 걸음을 준다. 검사가 '갈래마다 움직임이 다르다' 를
+ * 확인하므로 어차피 달라야 한다.
+ */
+const 동물그림들 = {
+  // 생각 — 앉아서 꼬리만 살랑인다.
+  생각: [
+    ['.#..#.......', '.####.......', '######......', '.#..#.......'],
+    ['.#..#.......', '.####.#.....', '######......', '.#..#.......'],
+    ['.#..#.......', '.####..#....', '######......', '.#..#.......'],
+    ['.#..#.......', '.####.#.....', '######......', '.#..#.......'],
+  ],
+
+  // 읽기 — 코를 킁킁대며 왼쪽에서 오른쪽으로 걸어간다.
+  읽기: [
+    ['.#..#.......', '.####.......', '######......', '.#..#.......'],
+    ['..#..#......', '..####......', '.######.....', '..#..#......'],
+    ['...#..#.....', '...####.....', '..######....', '...#..#.....'],
+    ['....#..#....', '....####....', '...######...', '....#..#....'],
+    ['.....#..#...', '.....####...', '....######..', '.....#..#...'],
+  ],
+
+  // 쓰기 — 종종걸음. 다리만 빠르게 바뀐다.
+  쓰기: [
+    ['.#..#.......', '.####.......', '######......', '.#..#.......'],
+    ['.#..#.......', '.####.......', '######......', '#..#........'],
+    ['.#..#.......', '.####.......', '######......', '.#..#.......'],
+    ['.#..#.......', '.####.......', '######......', '..#..#......'],
+  ],
+
+  // 명령 — 폴짝 뛴다.
+  명령: [
+    ['............', '.#..#.......', '.####.......', '######......'],
+    ['.#..#.......', '.####.......', '######......', '............'],
+    ['.####.......', '######......', '............', '............'],
+    ['.#..#.......', '.####.......', '######......', '............'],
+  ],
+
+  // 웹 — 새 한 마리가 날아간다. 날개가 오르내린다.
+  웹: [
+    ['..#.........', '.###..#.....', '..#..###....', '......#.....'],
+    ['.###........', '..#...###...', '......#.....', '............'],
+    ['..#.........', '.###....#...', '..#....###..', '........#...'],
+    ['.###........', '..#.....###.', '........#...', '............'],
+  ],
+
+  // 답 — 기지개를 켠다. 몸이 길어졌다 돌아온다.
+  답: [
+    ['.#..#.......', '.####.......', '######......', '.#..#.......'],
+    ['.#...#......', '.#####......', '#######.....', '.#...#......'],
+    ['.#....#.....', '.######.....', '########....', '.#....#.....'],
+    ['.#...#......', '.#####......', '#######.....', '.#...#......'],
+  ],
+
+  // 접기 — 웅크린다. 위에서부터 눌려 납작해진다.
+  접기: [
+    ['.#..#.......', '.####.......', '######......', '.#..#.......'],
+    ['............', '.####.......', '######......', '.#..#.......'],
+    ['............', '............', '.#####......', '######......'],
+    ['............', '............', '............', '#######.....'],
+  ],
+
+  // 하위 — 여럿이 줄지어 간다.
+  하위: [
+    ['.#.#.#......', '.#.#.#......', '###.###.....', '.#.#.#......'],
+    ['..#.#.#.....', '..#.#.#.....', '.###.###....', '..#.#.#.....'],
+    ['...#.#.#....', '...#.#.#....', '..###.###...', '...#.#.#....'],
+    ['..#.#.#.....', '..#.#.#.....', '.###.###....', '..#.#.#.....'],
+  ],
+
+  // 기본 — 어슬렁어슬렁.
+  기본: [
+    ['.#..#.......', '.####.......', '######......', '.#..#.......'],
+    ['..#..#......', '..####......', '.######.....', '..#..#......'],
+    ['...#..#.....', '...####.....', '..######....', '...#..#.....'],
+    ['..#..#......', '..####......', '.######.....', '..#..#......'],
+  ],
+
+  /*
+   * 느긋 — 드러누워 잔다. 숨만 오르내린다.
+   *
+   * 기사가 넘어지는 자리와 같은 뜻이다. 오래 걸리는 중이라는 것을 숨기지
+   * 않으면서 화면은 살아 있다. 열 장이라 한 바퀴 0.9초.
+   */
+  느긋: [
+    ['.#..#.......', '.####.......', '######......', '.#..#.......'],
+    ['..#.#.......', '..###.......', '.#####......', '..#.#.......'],
+    ['............', '............', '.#####......', '#######.....'],
+    ['............', '............', '.#####......', '#######.....'],
+    ['............', '.....#......', '.#####......', '#######.....'],
+    ['............', '....#.#.....', '.#####......', '#######.....'],
+    ['............', '.....#......', '.#####......', '#######.....'],
+    ['............', '............', '.#####......', '#######.....'],
+    ['............', '............', '.######.....', '#######.....'],
+    ['..#.#.......', '..###.......', '.#####......', '..#.#.......'],
+  ],
+};
+
+/**
+ * 테마 하나. 이름 → { 칸수, 가로, 그림들, 틀 }.
+ *
+ * 기본은 위에서 이미 만들어 둔 것을 그대로 쓴다 — 다시 만들면 같은 것이
+ * 두 벌 생긴다.
+ */
+const 테마만들기 = (그림들, 폭) => ({
+  칸수: 폭,
+  가로: 폭 * 2,
+  그림들,
+  틀: Object.fromEntries(
+    Object.entries(그림들).map(([갈래, 장들]) => [갈래, 장들.map((g) => 점자로(g, 폭))]),
+  ),
+});
+
+export const 테마들 = {
+  기본: { 칸수, 가로, 그림들, 틀 },
+  기사: 테마만들기(기사그림들, 넓은칸수),
+  동물: 테마만들기(동물그림들, 넓은칸수),
+};
+
+/**
+ * 지금 고른 테마.
+ *
+ * DEEL_MOTION=기사 · knight · 동물 · animal 로 고른다. 영어 이름도 받는 것은
+ * 한글을 못 치는 자리(CI 설정 파일·도커 환경변수)가 있기 때문이다.
+ * 모르는 이름이면 조용히 기본으로 간다 — 오타 하나로 프로그램이 안 뜨면 안 된다.
+ */
+const 이름표 = {
+  기사: '기사', knight: '기사', 동물: '동물', animal: '동물', animals: '동물',
+  기본: '기본', default: '기본', plain: '기본',
+};
+export const 테마이름 = () => 이름표[String(process.env.DEEL_MOTION ?? '').trim().toLowerCase()]
+  ?? 이름표[String(process.env.DEEL_MOTION ?? '').trim()]
+  ?? '기본';
+export const 테마 = () => 테마들[테마이름()] ?? 테마들.기본;
+
 /*
  * 그림을 끄고 싶을 때.
  *
@@ -207,6 +499,21 @@ const 한칸 = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '
 export function 그림고르기(갈래, 틱 = 0) {
   const n = Math.trunc(틱) || 0;
   if (끔()) return 한칸[((n % 한칸.length) + 한칸.length) % 한칸.length];
-  const 장들 = 틀[갈래] ?? 틀.기본;
+  /*
+   * 사무실을 켰으면 상자 안 그림은 조용한 것으로 돌아간다.
+   *
+   * 둘 다 같은 것을 말하기 때문이다 — 기사가 칼을 휘두르는 것도 '코드 쓰는 중',
+   * 사무실 사람이 자판을 두드리는 것도 '코드 쓰는 중'. 바로 위아래에 붙여 놓고
+   * 같은 소리를 두 번 하면 시끄럽기만 하다. 게다가 그리는 방식이 달라서
+   * (점자 단색 · 반칸 256색) 나란히 두면 따로 논다.
+   *
+   * 켜 달라고 했나만 본다. 화면이 낮아 사무실이 실제로 안 뜨는 경우까지 여기서
+   * 따지면, 창 크기를 바꿀 때마다 상자 안 그림이 바뀌어 규칙이 안 보인다.
+   */
+  if (사무실켜달라했나()) return 한칸[((n % 한칸.length) + 한칸.length) % 한칸.length];
+  // 테마는 매번 읽는다. 켤 때 한 번 굳혀 두면 검사가 테마를 바꿔 가며
+  // 못 잰다 — 90ms 마다 객체 하나 집는 값은 화면에 안 잡힌다.
+  const 이틀 = 테마().틀;
+  const 장들 = 이틀[갈래] ?? 이틀.기본;
   return 장들[((n % 장들.length) + 장들.length) % 장들.length];
 }