Pushpin: 농장에서 아이디어 가져오기

압정 #310과 #316을 가지고 놀다가 내가 정말로 달성하고 싶은 것이 dat://code.gozala.io/ 실험에서 내가 원했던 것과 거의 비슷하다는 것을 알게 되었습니다. https://observablehq.com/과 다름) 데이터 조각을 가져와서 위젯이나 재사용 가능한 위젯을 만들 수 있는 약간의 코드를 작성하는 방법입니다. 특정 작업에 맞춤화된 맞춤형 인터페이스를 제외하고는 스프레드시트 라인을 따라 다소 사용하고 있다고 가정합니다.

사실 팜은 정확히 그와 같았습니다. 실제로 위아래로 스크롤해야 하는 메모장이나 스프레드시트보다 보드가 이런 종류의 상호 작용에 훨씬 더 나은 표면이라는 것을 알게 되었기 때문입니다.

그래서 저는 농장을 그토록 매력적으로 만드는 요소를 부활시킬 수 있는지 궁금합니다. @pvh와의 대화에서 Elm은 정말 좋은 언어이지만 실제로는 매우 제한적이라는 것이 증명되었다는 느낌을 받았습니다. github.com/browserhtml/browserhtml 또는 언급된 https://observablehq.com/). 그러나 나는 농장의 더 매력적인 요소는 lens 자체가 일부 문서에도 저장된 코드의 일부인 (doc, lens) 를 사용하여 화면의 모든 것을 표현한다는 아이디어였다고 생각합니다.

나는 이것을 다시 가져오고 싶지만 (적어도 처음에는) Elm 컴파일러를 생략하고 있습니다. 또한 컴파일 단계가 필요하지 않은 JS의 Elm 아키텍처인 https://github.com/mozilla/reflex/ 라이브러리를 사용하고 있었습니다. .

그래서 이 모든 것을 합치면 이것이 제가 시도하고 싶은 것입니다:

1. #310을 "렌즈 편집" 구성 요소로 성장시켜 기본적으로 URL을 통해 참조 및 로드할 수 있는 약간의 JS를 작성할 수 있습니다. 불행히도 hypermerge:/ URL은 hyperfile:/... 하나만 로드할 수 없지만 해결될 수 있거나 최악의 경우 구성 요소가 변경 후 새로운 hyperfile:/ URL을 생성할 수 있습니다.

2. "렌즈 저작" 구성 요소를 포함하는 다른 "파이프라인" 구성 요소 또는 기존 렌즈에 대한 선택기와 데이터 "문서" 선택기를 만들어 서로 투영합니다. _파이프라인이 렌즈 프로젝트(HTML)가 보는 곳(데이터, 렌즈)에만 국한되지 않고 데이터 프로젝션에 데이터를 허용하여 사물이 더 큰 파이프라인으로 연결될 수 있도록 하고 싶지만 지금은 약간 늘어날 수 있습니다) _. 기본 렌즈는 인스펙터(#316 참조)가 될 수 있으므로 문서만 무언가를 렌더링하고 거기에서 다른 렌즈를 사용하거나 새로 만들 수 있습니다.

이와 같이 내가 자주 사용하는 도구를 쉽게 다시 만들 수 있습니다 https://hackmd.io/ 여기에서 마크다운을 입력하기 위한 "코드 편집기" 구성 요소와 미리보기를 나란히 렌더링하는 "파이프라인" 구성 요소를 사용할 수 있습니다. 또는 무엇이든 이해가 될 것입니다.

추신: 나는 여전히 이 아이디어에 대해 생각하고 있지만 피드백을 위해 공유하고 문서화하려고 시도합니다.