makersclaw 0.3.2 → 0.4.0
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.
- package/README.md +3 -1
- package/package.json +1 -1
- package/r/annotate.json +3 -3
- package/r/approval-request.json +2 -2
- package/r/audio-player.json +2 -2
- package/r/auth-form.json +2 -2
- package/r/board.json +2 -2
- package/r/calendar-view.json +3 -3
- package/r/cart.json +2 -2
- package/r/chart.json +2 -2
- package/r/chat.json +2 -2
- package/r/code-editor.json +2 -2
- package/r/comment-box.json +3 -3
- package/r/contact-section.json +2 -2
- package/r/core.json +12 -6
- package/r/csv-import.json +3 -3
- package/r/data-table.json +2 -2
- package/r/diagram.json +2 -2
- package/r/doc-editor.json +2 -2
- package/r/doc-page.json +3 -3
- package/r/email-render.json +2 -2
- package/r/faq.json +2 -2
- package/r/file-upload.json +2 -2
- package/r/flow-canvas.json +2 -2
- package/r/footer.json +2 -2
- package/r/gantt.json +3 -3
- package/r/job-panel.json +8 -5
- package/r/json-editor.json +3 -3
- package/r/map.json +2 -2
- package/r/menubar.json +2 -2
- package/r/mind-map.json +3 -3
- package/r/navigation-menu.json +2 -2
- package/r/order-detail.json +2 -2
- package/r/org-chart.json +3 -3
- package/r/page-builder.json +2 -2
- package/r/payment-methods.json +2 -2
- package/r/pdf-document.json +2 -2
- package/r/pdf-viewer.json +2 -2
- package/r/product-detail.json +2 -2
- package/r/product-grid.json +3 -3
- package/r/record-form.json +2 -2
- package/r/record-notes.json +4 -4
- package/r/registry.json +131 -123
- package/r/search-dialog.json +2 -2
- package/r/settings-list.json +2 -2
- package/r/setup-checklist.json +2 -2
- package/r/share-dialog.json +2 -2
- package/r/sidebar.json +2 -2
- package/r/signature-pad.json +2 -2
- package/r/sketch-canvas.json +2 -2
- package/r/spreadsheet.json +2 -2
- package/r/stat-cards.json +3 -3
- package/r/task-list.json +3 -3
- package/r/task-model.json +2 -2
- package/r/testimonials.json +2 -2
- package/r/transaction-list.json +2 -2
- package/r/whiteboard.json +3 -3
- package/registry/blocks/job-panel/README.md +40 -3
- package/registry/blocks/job-panel/block.json +2 -2
- package/registry/blocks/job-panel/demo.jsx +75 -6
- package/registry/blocks/job-panel/job-panel.jsx +60 -11
- package/src/shadcn.mjs +1 -1
- package/templates/next/files/README.md +339 -73
- package/templates/next/files/app/auto-refresh.jsx +72 -10
- package/templates/next/files/app/claw-alive/route.js +17 -0
- package/templates/next/files/app/error-relay.jsx +9 -4
- package/templates/next/files/app/escape-relay.jsx +27 -0
- package/templates/next/files/app/frame.js +218 -0
- package/templates/next/files/app/layout.jsx +18 -3
- package/templates/next/files/check/run.mjs +25 -8
- package/templates/next/files/components/parts/fixture.jsx +29 -4
- package/templates/next/files/components/parts/index.js +2 -1
- package/templates/next/files/components/parts/live-work.jsx +235 -0
- package/templates/next/files/components/ui/button.jsx +6 -1
- package/templates/next/files/components/ui/date-picker.jsx +15 -2
- package/templates/next/files/components/ui/icon.jsx +37 -2
- package/templates/next/files/lib/claw.js +127 -28
- package/templates/next/files/lib/hooks.js +454 -33
- package/templates/next/files/lib/platform.js +113 -15
- package/templates/next/files/surfaces/README.md +3 -0
- package/templates/next/template.json +17 -6
package/r/registry.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"name": "core",
|
|
8
8
|
"type": "registry:ui",
|
|
9
9
|
"title": "Makersclaw kit",
|
|
10
|
-
"description": "The kit every Makersclaw block is built from — Button, Field, Select, Sheet, Tabs, Menu, Notice, Icon, Depiction — and the parts bound to data (RecordSwitcher, useFixture). Native elements under the project's own theme tokens.",
|
|
10
|
+
"description": "The kit every Makersclaw block is built from — Button, Field, Select, Sheet, Tabs, Menu, Notice, Icon, Depiction — and the parts bound to data (RecordSwitcher, useFixture, LiveEmpty). Native elements under the project's own theme tokens.",
|
|
11
11
|
"files": [
|
|
12
12
|
{
|
|
13
13
|
"path": "templates/next/files/components/parts/fixture.jsx",
|
|
@@ -19,6 +19,11 @@
|
|
|
19
19
|
"type": "registry:ui",
|
|
20
20
|
"target": "@components/makersclaw/parts/index.js"
|
|
21
21
|
},
|
|
22
|
+
{
|
|
23
|
+
"path": "templates/next/files/components/parts/live-work.jsx",
|
|
24
|
+
"type": "registry:ui",
|
|
25
|
+
"target": "@components/makersclaw/parts/live-work.jsx"
|
|
26
|
+
},
|
|
22
27
|
{
|
|
23
28
|
"path": "templates/next/files/components/parts/record-switcher.jsx",
|
|
24
29
|
"type": "registry:ui",
|
|
@@ -303,8 +308,8 @@
|
|
|
303
308
|
"title": "Annotate",
|
|
304
309
|
"description": "Mark up a screenshot: drop, pick or paste one, then draw arrows, boxes, highlights, redaction bars and numbered notes on it (Excalidraw underneath, via sketch-canvas). A side list holds the words of each numbered note; a click on a note's number shows its pin. Starter templates (bug report, design review, walkthrough) on a fresh screenshot. The annotation is plain JSON saved through onChange / an async onSave; onSubmit hands over a PNG of the marked-up screenshot with the notes and the sketch.",
|
|
305
310
|
"registryDependencies": [
|
|
306
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
307
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
311
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
312
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/sketch-canvas.json"
|
|
308
313
|
],
|
|
309
314
|
"dependencies": [],
|
|
310
315
|
"files": [
|
|
@@ -349,7 +354,7 @@
|
|
|
349
354
|
"docs": "Installed to components/makersclaw/blocks/annotate. Import: import { Annotate, ANNOTATE_TOOLS, ANNOTATE_TEMPLATES, emptyAnnotation, toAnnotation, annotationNotes, annotationToText, noteMarkers, nextNoteNumber, markerSkeleton } from \"@/components/makersclaw/blocks/annotate\". Props and an example: components/makersclaw/blocks/annotate/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
350
355
|
"meta": {
|
|
351
356
|
"makersclaw": {
|
|
352
|
-
"version": "0.
|
|
357
|
+
"version": "0.4.0",
|
|
353
358
|
"useWhen": "Someone needs to point at parts of a screen and say something about each: a bug report, design feedback, a support question, a walkthrough, a request to an agent about what to change. Not a blank drawing board (whiteboard or sketch-canvas), not a wireframe (sketch-to-app), not an image upload alone (file-upload)."
|
|
354
359
|
}
|
|
355
360
|
}
|
|
@@ -360,7 +365,7 @@
|
|
|
360
365
|
"title": "ApprovalRequest",
|
|
361
366
|
"description": "One request waiting on a decision: what is asked for as label/value facts (an amount in large type), who asked and when, why, a status badge, and Approve / Reject (reject asks for a reason). The decision goes out through async onApprove / onReject; the block shows it working, a failure, then the outcome in place of the buttons. A card alone, or a page of detail sections beside the card.",
|
|
362
367
|
"registryDependencies": [
|
|
363
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
368
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
364
369
|
],
|
|
365
370
|
"dependencies": [],
|
|
366
371
|
"files": [
|
|
@@ -397,7 +402,7 @@
|
|
|
397
402
|
"docs": "Installed to components/makersclaw/blocks/approval-request. Import: import { ApprovalRequest } from \"@/components/makersclaw/blocks/approval-request\". Props and an example: components/makersclaw/blocks/approval-request/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
398
403
|
"meta": {
|
|
399
404
|
"makersclaw": {
|
|
400
|
-
"version": "0.
|
|
405
|
+
"version": "0.4.0",
|
|
401
406
|
"useWhen": "Someone must say yes or no to one thing another person asked for: a purchase, a refund, time off, a discount, an access request, a published post. Not for a queue of many requests (a data-table with row actions) or a yes/no about the founder's own action (kit Confirm)."
|
|
402
407
|
}
|
|
403
408
|
}
|
|
@@ -408,7 +413,7 @@
|
|
|
408
413
|
"title": "AudioPlayer",
|
|
409
414
|
"description": "A waveform audio player (wavesurfer.js) in the workspace theme: play, skip back and forward, speed, mute; regions (spans of the audio in a theme tone, labelled in a lane under the waveform, click to play one) and markers (pins at moments, click to jump); a hover time readout; drag across the waveform to mark a new region; add a marker at the playhead; keyboard like a video player (K, J, L, M, arrows). Time events and a handle (seek, play a range) for syncing a transcript.",
|
|
410
415
|
"registryDependencies": [
|
|
411
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
416
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
412
417
|
],
|
|
413
418
|
"dependencies": [
|
|
414
419
|
"wavesurfer.js@8.0.0",
|
|
@@ -464,7 +469,7 @@
|
|
|
464
469
|
"docs": "Installed to components/makersclaw/blocks/audio-player. Import: import { AudioPlayer, useAudioPlayer, formatTime, formatRange, spokenTime, regionAt, TONES, RATES } from \"@/components/makersclaw/blocks/audio-player\". Props and an example: components/makersclaw/blocks/audio-player/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
465
470
|
"meta": {
|
|
466
471
|
"makersclaw": {
|
|
467
|
-
"version": "0.
|
|
472
|
+
"version": "0.4.0",
|
|
468
473
|
"useWhen": "A screen plays a recording: a call or meeting recording, a voice note, a podcast clip, a voicemail, a sound file on a record. The call-review block is built on it. Not for video, not for recording audio from the microphone."
|
|
469
474
|
}
|
|
470
475
|
}
|
|
@@ -475,7 +480,7 @@
|
|
|
475
480
|
"title": "AuthForm",
|
|
476
481
|
"description": "The account screens in one form: sign in (password, email only, or provider buttons for Google, GitHub, Apple and Microsoft), sign up with extra fields, a magic link, a reset link, and changing a password against a live rules checklist. The auth is yours: each submit is an async callback that returns { ok } or an error the form shows.",
|
|
477
482
|
"registryDependencies": [
|
|
478
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
483
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
479
484
|
],
|
|
480
485
|
"dependencies": [],
|
|
481
486
|
"files": [
|
|
@@ -515,7 +520,7 @@
|
|
|
515
520
|
"docs": "Installed to components/makersclaw/blocks/auth-form. Import: import { AuthForm, PASSWORD_RULES } from \"@/components/makersclaw/blocks/auth-form\". Props and an example: components/makersclaw/blocks/auth-form/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
516
521
|
"meta": {
|
|
517
522
|
"makersclaw": {
|
|
518
|
-
"version": "0.
|
|
523
|
+
"version": "0.4.0",
|
|
519
524
|
"useWhen": "An app needs a sign-in, sign-up, forgot-password or change-password screen, or a settings page where a signed-in person changes their password."
|
|
520
525
|
}
|
|
521
526
|
}
|
|
@@ -526,7 +531,7 @@
|
|
|
526
531
|
"title": "Board",
|
|
527
532
|
"description": "Records as cards in columns, one per stage; drag a card to another column (mouse, touch, or the card's menu from the keyboard) and the stage is saved. Optional column icons, a per-column total (\"13pt\"), a category colour on each card's edge, and a stacked layout of folding sections with compact rows.",
|
|
528
533
|
"registryDependencies": [
|
|
529
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
534
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
530
535
|
],
|
|
531
536
|
"dependencies": [],
|
|
532
537
|
"files": [
|
|
@@ -566,7 +571,7 @@
|
|
|
566
571
|
"docs": "Installed to components/makersclaw/blocks/board. Import: import { Board } from \"@/components/makersclaw/blocks/board\". Props and an example: components/makersclaw/blocks/board/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
567
572
|
"meta": {
|
|
568
573
|
"makersclaw": {
|
|
569
|
-
"version": "0.
|
|
574
|
+
"version": "0.4.0",
|
|
570
575
|
"useWhen": "A process where each record sits in one stage and moves forward: a pipeline, a hiring funnel, a sprint, a content calendar by status, outreach by reply state. Not for records with no stages (a table) or items placed on a timeline."
|
|
571
576
|
}
|
|
572
577
|
}
|
|
@@ -577,8 +582,8 @@
|
|
|
577
582
|
"title": "Calendar",
|
|
578
583
|
"description": "Tasks on a calendar, like Google Calendar, Cron or Notion Calendar: month, week, day and agenda views over task-model's work items. Month shows all-day tasks and spans as tinted bars across their days (stacked in lanes, \"2 more\" past three) and timed ones as a dot and a time; week and day show an all-day strip over an hour grid where timed tasks are blocks placed by their times, overlapping ones side by side, with a line at now. Drag an item to another day or hour (it snaps to the quarter hour and the day columns as it moves), drag its bottom or end to change how long it runs, click an empty day or hour (or drag across hours) to type a new task in place, drag tasks without a date in from an unscheduled tray (or drop one there to take its date off). Arrow keys move a focused block, Shift+arrows resize it, Delete removes with Undo; T, J/K, M/W/D/A and C for today, next/previous, the views and a new task. Search and filters from the shared ViewToolbar, a colour per project or status, a real phone layout (a dotted month with the tapped day listed, a three-day week, a sheet for the tray). An available-time layer (closed hours muted, open slots as boxes you pick, from `availability`, `slots` or an async `getSlots`, with pure `freeSlots` / `availabilityOn` helpers) is what a booking page builds on. One async onChange saves every change; failures roll back with a notice.",
|
|
579
584
|
"registryDependencies": [
|
|
580
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
581
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
585
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
586
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/task-model.json"
|
|
582
587
|
],
|
|
583
588
|
"dependencies": [],
|
|
584
589
|
"files": [
|
|
@@ -660,7 +665,7 @@
|
|
|
660
665
|
"docs": "Installed to components/makersclaw/blocks/calendar-view. Import: import { CalendarView, CALENDAR_MODES, MODE_LABELS, DAY_MINUTES, UNSCHEDULE, snapMinutes, durationOf, eventOf, eventsOf, unscheduledOf, layoutTimed, layoutLanes, moveEventPatch, resizeEventPatch, placeEventPatch, timedPatch, dayPatch, allDayPatch, extendPatch, rangeFor, stepAnchor, rangeLabel, titleFor, hourLabel, minutesLabel, eventTimeLabel, availabilityOn, closedOn, freeSlots, normalizeSlots } from \"@/components/makersclaw/blocks/calendar-view\". Props and an example: components/makersclaw/blocks/calendar-view/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
661
666
|
"meta": {
|
|
662
667
|
"makersclaw": {
|
|
663
|
-
"version": "0.
|
|
668
|
+
"version": "0.4.0",
|
|
664
669
|
"useWhen": "A screen where dated work or events are seen by day and moved around: a team's deadlines, a content calendar, a launch plan, shifts, a personal schedule, meetings on tasks, or the slot picker of a booking page (modes week/day, slots from getSlots). Not for dependencies over a long timeline (gantt), for undated work (task-list, board), or for a single date field (the kit's DatePicker)."
|
|
665
670
|
}
|
|
666
671
|
}
|
|
@@ -671,7 +676,7 @@
|
|
|
671
676
|
"title": "Cart",
|
|
672
677
|
"description": "A shopping cart: line items with picture, option, quantity and remove, a summary (subtotal, discount code, shipping, tax, total) and Checkout. step=\"checkout\" is the checkout page: contact and delivery details beside the order summary, ending at onPay, which hands off to Paddle. No card fields. Empty and loading states built in.",
|
|
673
678
|
"registryDependencies": [
|
|
674
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
679
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
675
680
|
],
|
|
676
681
|
"dependencies": [],
|
|
677
682
|
"files": [
|
|
@@ -717,7 +722,7 @@
|
|
|
717
722
|
"docs": "Installed to components/makersclaw/blocks/cart. Import: import { Cart } from \"@/components/makersclaw/blocks/cart\". Props and an example: components/makersclaw/blocks/cart/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
718
723
|
"meta": {
|
|
719
724
|
"makersclaw": {
|
|
720
|
-
"version": "0.
|
|
725
|
+
"version": "0.4.0",
|
|
721
726
|
"useWhen": "An app that sells things: the basket before paying, and the page that collects the buyer's email and address before the payment provider takes over. Not for a subscription plan picker (a pricing table) or for an order already placed (order-detail)."
|
|
722
727
|
}
|
|
723
728
|
}
|
|
@@ -728,7 +733,7 @@
|
|
|
728
733
|
"title": "Chart",
|
|
729
734
|
"description": "Line, area (stacked), bar (grouped or stacked, columns or bars, value labels at the ends, a track behind), a muted or dashed series for a previous period to compare against, pie and donut charts, sparklines and heatmaps (a grid shaded by value, with a scale legend), drawn in SVG (the heatmap as an HTML table) with the workspace's chart colours: round ticks, gridlines, a tooltip and crosshair under the pointer or the arrow keys, a legend that hides a series, and a data table for screen readers.",
|
|
730
735
|
"registryDependencies": [
|
|
731
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
736
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
732
737
|
],
|
|
733
738
|
"dependencies": [],
|
|
734
739
|
"files": [
|
|
@@ -792,7 +797,7 @@
|
|
|
792
797
|
"docs": "Installed to components/makersclaw/blocks/chart. Import: import { LineChart, AreaChart, BarChart, PieChart, Sparkline, ChartLegend, HeatmapChart, ScaleLegend, scaleStep, scaleShade } from \"@/components/makersclaw/blocks/chart\". Props and an example: components/makersclaw/blocks/chart/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
793
798
|
"meta": {
|
|
794
799
|
"makersclaw": {
|
|
795
|
-
"version": "0.
|
|
800
|
+
"version": "0.4.0",
|
|
796
801
|
"useWhen": "Numbers the founder should see as a shape: revenue by month, deals by stage, pipeline by source, a KPI's trend. Not for a single figure with no history (a stat), exact lookups (a table), or records on a timeline (a calendar)."
|
|
797
802
|
}
|
|
798
803
|
}
|
|
@@ -803,7 +808,7 @@
|
|
|
803
808
|
"title": "Chat",
|
|
804
809
|
"description": "The parts of a chat: messages with avatars, times, grouping, sending/failed/streaming states, hover actions, thumbs up/down feedback, in-place editing and a folding reasoning section; a scroller that sticks to the bottom with day separators and older-message loading; a composer (a box or an \"ask anything\" pill) with attachments, a + menu, tools, suggestion chips, Enter to send and Stop; a header; and ChatThread, which composes them from messages + onSend.",
|
|
805
810
|
"registryDependencies": [
|
|
806
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
811
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
807
812
|
],
|
|
808
813
|
"dependencies": [],
|
|
809
814
|
"files": [
|
|
@@ -877,7 +882,7 @@
|
|
|
877
882
|
"docs": "Installed to components/makersclaw/blocks/chat. Import: import { ChatThread, ChatHeader, Message, Bubble, Attachment, MessageScroller, Composer } from \"@/components/makersclaw/blocks/chat\". Props and an example: components/makersclaw/blocks/chat/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
878
883
|
"meta": {
|
|
879
884
|
"makersclaw": {
|
|
880
|
-
"version": "0.
|
|
885
|
+
"version": "0.4.0",
|
|
881
886
|
"useWhen": "A conversation lives inside the app's own screen: a support inbox reply pane, a customer-facing assistant, comments between teammates on a record, a thread per object. Not the app window's Agent tab (the OS draws that) and not a one-off job the founder commissions (job-panel)."
|
|
882
887
|
}
|
|
883
888
|
}
|
|
@@ -888,7 +893,7 @@
|
|
|
888
893
|
"title": "CodeEditor",
|
|
889
894
|
"description": "A code editor (CodeMirror 6) in the workspace theme: SQL with the database's tables and columns in autocomplete, JSON checked as you type with plain-words errors, or plain text; line numbers, problems underlined in the text with a dot in the gutter, find and replace, folding, and a run hook on Cmd/Ctrl+Enter that runs the selection or the statement under the cursor. A quiet status line shows problems, the cursor, the mode and a Run button. Helpers split SQL into statements and check or format JSON anywhere, the server included.",
|
|
890
895
|
"registryDependencies": [
|
|
891
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
896
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
892
897
|
],
|
|
893
898
|
"dependencies": [
|
|
894
899
|
"@codemirror/state@6.7.6",
|
|
@@ -962,7 +967,7 @@
|
|
|
962
967
|
"docs": "Installed to components/makersclaw/blocks/code-editor. Import: import { CodeEditor, useCodeEditor, LANGUAGES, SQL_DIALECTS, splitStatements, statementAt, sqlNamespace, checkJson, formatJson, stringifyJson, lineCol, offsetOf, normalizeDiagnostics } from \"@/components/makersclaw/blocks/code-editor\". Props and an example: components/makersclaw/blocks/code-editor/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
963
968
|
"meta": {
|
|
964
969
|
"makersclaw": {
|
|
965
|
-
"version": "0.
|
|
970
|
+
"version": "0.4.0",
|
|
966
971
|
"useWhen": "A screen edits code or structured text: a SQL console, a query in a report, a JSON config or payload, a webhook body, a template, a script. json-editor and sql-console are built on it. Not for prose (doc-editor), one line of text (the kit's Input), or showing a diagram (diagram)."
|
|
967
972
|
}
|
|
968
973
|
}
|
|
@@ -973,8 +978,8 @@
|
|
|
973
978
|
"title": "CommentBox",
|
|
974
979
|
"description": "A minimal rich comment field (DocEditor in minimal mode): bold, italic, links and lists from the selection toolbar or markdown shortcuts, @mentions as chips, Cmd/Ctrl+Enter to post. It posts through an async onPost(doc) that answers { ok }, keeps the draft and says why when it fails, and clears when it lands. With `comments` it draws the thread above it: avatar, name, relative time, the rich body. Also exports the composer alone, the read-only body renderer and the timestamp.",
|
|
975
980
|
"registryDependencies": [
|
|
976
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
977
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
981
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
982
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/doc-editor.json"
|
|
978
983
|
],
|
|
979
984
|
"dependencies": [],
|
|
980
985
|
"files": [
|
|
@@ -1020,7 +1025,7 @@
|
|
|
1020
1025
|
"docs": "Installed to components/makersclaw/blocks/comment-box. Import: import { CommentBox, CommentComposer, CommentBody, CommentTime } from \"@/components/makersclaw/blocks/comment-box\". Props and an example: components/makersclaw/blocks/comment-box/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1021
1026
|
"meta": {
|
|
1022
1027
|
"makersclaw": {
|
|
1023
|
-
"version": "0.
|
|
1028
|
+
"version": "0.4.0",
|
|
1024
1029
|
"useWhen": "People comment on something in the app: a task, a design, a document, an approval, a support ticket; a reply field with @mentions under a thread. Not dated notes kept on a record with edit and delete (record-notes), not a conversation with an assistant (chat), not a long document (doc-editor, doc-page)."
|
|
1025
1030
|
}
|
|
1026
1031
|
}
|
|
@@ -1031,7 +1036,7 @@
|
|
|
1031
1036
|
"title": "Contact Section",
|
|
1032
1037
|
"description": "A public \"contact us\" section: a form (name, email, message; optional phone, company, subject, a topic as chips or radios, a consent box) and/or the ways to reach you (email, phone, address, hours, offices). The form alone, beside an info panel (plain or filled), or with info cards above or beside it; an optional picture beside or behind the form. Validates in place, submits through an async onSubmit that returns { ok }, and shows the failure or a sent state.",
|
|
1033
1038
|
"registryDependencies": [
|
|
1034
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1039
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
1035
1040
|
],
|
|
1036
1041
|
"dependencies": [],
|
|
1037
1042
|
"files": [
|
|
@@ -1069,7 +1074,7 @@
|
|
|
1069
1074
|
"docs": "Installed to components/makersclaw/blocks/contact-section. Import: import { ContactSection } from \"@/components/makersclaw/blocks/contact-section\". Props and an example: components/makersclaw/blocks/contact-section/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1070
1075
|
"meta": {
|
|
1071
1076
|
"makersclaw": {
|
|
1072
|
-
"version": "0.
|
|
1077
|
+
"version": "0.4.0",
|
|
1073
1078
|
"useWhen": "The contact page or contact section of a public site: sales enquiries, support requests, a studio's \"start a project\" form. Not for a signed-in user's support inbox or ticket thread, or a general-purpose record form (use a form of your own from the kit)."
|
|
1074
1079
|
}
|
|
1075
1080
|
}
|
|
@@ -1080,8 +1085,8 @@
|
|
|
1080
1085
|
"title": "CsvImport",
|
|
1081
1086
|
"description": "Import a CSV in three calm steps: drop a file (or paste text, or download a template), match each file column to a field with automatic matches and sample values (or, with no fields, name and type a new table's fields from guessed types), then review every row in an editable spreadsheet where cells that do not fit their type are marked red and fixed in place, delete rows or leave the bad ones out, and import through one async onImport that answers { ok }. Quoted commas and newlines, TSV and semicolon files, byte-order marks, 50,000 rows.",
|
|
1082
1087
|
"registryDependencies": [
|
|
1083
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1084
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1088
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
1089
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/spreadsheet.json"
|
|
1085
1090
|
],
|
|
1086
1091
|
"dependencies": [
|
|
1087
1092
|
"papaparse@5.7.0"
|
|
@@ -1127,7 +1132,7 @@
|
|
|
1127
1132
|
"docs": "Installed to components/makersclaw/blocks/csv-import. Import: import { CsvImport, parseCsvText, readCsvFile, headersOf, autoMatch, guessColumns, buildRows, cleanRow, templateCsv } from \"@/components/makersclaw/blocks/csv-import\". Props and an example: components/makersclaw/blocks/csv-import/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1128
1133
|
"meta": {
|
|
1129
1134
|
"makersclaw": {
|
|
1130
|
-
"version": "0.
|
|
1135
|
+
"version": "0.4.0",
|
|
1131
1136
|
"useWhen": "People bring records in from a spreadsheet or another tool: contacts, leads, products, a price list, an old CRM export, a first table for a new app. Built on spreadsheet. Not for uploading files to keep (file-upload) or for editing records already in the app (spreadsheet, data-table)."
|
|
1132
1137
|
}
|
|
1133
1138
|
}
|
|
@@ -1138,7 +1143,7 @@
|
|
|
1138
1143
|
"title": "Data table",
|
|
1139
1144
|
"description": "Records as a table the founder can work: sort by a column (shift for several), search every column, faceted filters with counts, column visibility, row selection with a bulk-actions bar, a menu per row or its first actions as buttons in the row (async, with a spinner and a failure notice), row click, pagination with a page size, loading, empty and no-matches states, and cards on a phone. Opt in to expandable rows, row groups with subtotals, an aligned totals row, arrow-key navigation and a sticky first column. Client-side over rows, or driven by a server.",
|
|
1140
1145
|
"registryDependencies": [
|
|
1141
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1146
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
1142
1147
|
],
|
|
1143
1148
|
"dependencies": [],
|
|
1144
1149
|
"files": [
|
|
@@ -1191,7 +1196,7 @@
|
|
|
1191
1196
|
"docs": "Installed to components/makersclaw/blocks/data-table. Import: import { DataTable, useControllable, processRows, sortRows, searchRows, filterRows, facetOptions, nextSort, groupRows, groupValueOf } from \"@/components/makersclaw/blocks/data-table\". Props and an example: components/makersclaw/blocks/data-table/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1192
1197
|
"meta": {
|
|
1193
1198
|
"makersclaw": {
|
|
1194
|
-
"version": "0.
|
|
1199
|
+
"version": "0.4.0",
|
|
1195
1200
|
"useWhen": "A list of records to scan, find, sort and act on: invoices, customers, orders, leads, users, tickets. Not for records that move through stages (a board), a few key numbers (stats), or a grid of cards whose picture matters more than its columns."
|
|
1196
1201
|
}
|
|
1197
1202
|
}
|
|
@@ -1202,7 +1207,7 @@
|
|
|
1202
1207
|
"title": "Diagram",
|
|
1203
1208
|
"description": "Draws Mermaid text (flowcharts, sequence, class, state, ER, Gantt, pie, mind maps, timelines, git graphs…) in the workspace theme: the tokens are read from the page at run time and handed to Mermaid, so nodes, lines, text and chart colours are the theme's and follow light/dark. Zoom and pan (buttons, Cmd/Ctrl+scroll, pinch, drag, keys), fit to view, a Source tab with line numbers, copy the source or the SVG, download SVG. A mistake shows its line and Mermaid's words, and keeps the last drawing that worked. On the server the frame shows the Mermaid text.",
|
|
1204
1209
|
"registryDependencies": [
|
|
1205
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1210
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
1206
1211
|
],
|
|
1207
1212
|
"dependencies": [
|
|
1208
1213
|
"mermaid@12.0.0"
|
|
@@ -1258,7 +1263,7 @@
|
|
|
1258
1263
|
"docs": "Installed to components/makersclaw/blocks/diagram. Import: import { Diagram, diagramKind, diagramTitle, describeError, mermaidTheme } from \"@/components/makersclaw/blocks/diagram\". Props and an example: components/makersclaw/blocks/diagram/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1259
1264
|
"meta": {
|
|
1260
1265
|
"makersclaw": {
|
|
1261
|
-
"version": "0.
|
|
1266
|
+
"version": "0.4.0",
|
|
1262
1267
|
"useWhen": "A screen shows a diagram written as text: a process or decision flow an agent wrote, a sequence of API calls, a data model, a project timeline, an org or system sketch in docs, a mind map. Not for a board people arrange by hand (flow-canvas), freehand drawing (sketch-canvas), or charts of numbers (chart)."
|
|
1263
1268
|
}
|
|
1264
1269
|
}
|
|
@@ -1269,7 +1274,7 @@
|
|
|
1269
1274
|
"title": "DocEditor",
|
|
1270
1275
|
"description": "A Notion-style rich-text editor (BlockNote) painted in the workspace theme: headings, lists, checklists, quotes, code, tables, images and dividers from a / menu or markdown shortcuts, a formatting toolbar, drag handles; @mentions and {merge fields} as inline chips; a minimal mode for comment boxes with Cmd/Ctrl+Enter to submit. The document is BlockNote JSON; helpers turn it into markdown or plain text and read its checklist, fields and mentions.",
|
|
1271
1276
|
"registryDependencies": [
|
|
1272
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1277
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
1273
1278
|
],
|
|
1274
1279
|
"dependencies": [
|
|
1275
1280
|
"@blocknote/core@0.55.0",
|
|
@@ -1332,7 +1337,7 @@
|
|
|
1332
1337
|
"docs": "Installed to components/makersclaw/blocks/doc-editor. Import: import { DocEditor, useDocEditor, docToMarkdown, docToText, emptyDoc, isDocEmpty, docChecklist, setChecklistItem, docFields, docMentions } from \"@/components/makersclaw/blocks/doc-editor\". Props and an example: components/makersclaw/blocks/doc-editor/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1333
1338
|
"meta": {
|
|
1334
1339
|
"makersclaw": {
|
|
1335
|
-
"version": "0.
|
|
1340
|
+
"version": "0.4.0",
|
|
1336
1341
|
"useWhen": "A screen edits rich text: a wiki or doc page, notes on a record, a brief, meeting notes, an email body with merge fields, a comment field with mentions. The other text blocks (doc-page, record-notes, comment-box…) are built on it. Not for one line of plain text (the kit's Input) or a form of fields (record-form)."
|
|
1337
1342
|
}
|
|
1338
1343
|
}
|
|
@@ -1343,8 +1348,8 @@
|
|
|
1343
1348
|
"title": "DocPage",
|
|
1344
1349
|
"description": "A Notion-style page: an emoji icon (picked from a grid), a big plain title, and the rich-text editor under it (doc-editor: / menu, markdown shortcuts, @mentions). Edits autosave through an async onSave a moment after typing stops, with Saved / Saving… / Couldn't save + Retry in the top bar, Cmd/Ctrl+S to save now and unsent edits sent when the page is left. A read-only mode shows the same page with nothing to edit; slots for a breadcrumb, actions and a meta line.",
|
|
1345
1350
|
"registryDependencies": [
|
|
1346
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1347
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1351
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
1352
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/doc-editor.json"
|
|
1348
1353
|
],
|
|
1349
1354
|
"dependencies": [],
|
|
1350
1355
|
"files": [
|
|
@@ -1388,7 +1393,7 @@
|
|
|
1388
1393
|
"docs": "Installed to components/makersclaw/blocks/doc-page. Import: import { DocPage } from \"@/components/makersclaw/blocks/doc-page\". Props and an example: components/makersclaw/blocks/doc-page/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1389
1394
|
"meta": {
|
|
1390
1395
|
"makersclaw": {
|
|
1391
|
-
"version": "0.
|
|
1396
|
+
"version": "0.4.0",
|
|
1392
1397
|
"useWhen": "A screen is one document someone reads and writes: a wiki or handbook page, a playbook, a policy, a project page, a one-pager. The knowledge-base block puts a page tree beside it. Not for a short field of rich text inside a form (doc-editor), notes on a record (record-notes) or a comment (comment-box)."
|
|
1393
1398
|
}
|
|
1394
1399
|
}
|
|
@@ -1399,7 +1404,7 @@
|
|
|
1399
1404
|
"title": "EmailRender",
|
|
1400
1405
|
"description": "Email HTML from React (react-email) in the workspace theme: a layout with the 600px column and the inbox preview line, a header brand line, a footer with the address and unsubscribe link, buttons, headings and text, and DocEmail, which draws a doc-editor document as email markup (lists, quotes, code, tables, images, merge fields). Email cannot read CSS variables, so resolveEmailTheme reads the tokens where the editor sits and hands the email plain hex values; renderEmail returns { html, text }, in the browser for a preview and on the server for a send.",
|
|
1401
1406
|
"registryDependencies": [
|
|
1402
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1407
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
1403
1408
|
],
|
|
1404
1409
|
"dependencies": [
|
|
1405
1410
|
"@react-email/components@1.0.12",
|
|
@@ -1454,7 +1459,7 @@
|
|
|
1454
1459
|
"docs": "Installed to components/makersclaw/blocks/email-render. Import: import { EmailLayout, EmailCard, EmailHeader, EmailFooter, EmailButton, EmailHeading, EmailText, EmailDivider, EMAIL_WIDTH, DocEmail, fieldText, renderEmail, emailPlainText, EMAIL_TOKENS, EMAIL_FALLBACK, resolveEmailTheme, emailColor, emailFontStack, emailThemeKey, luminance, toHex } from \"@/components/makersclaw/blocks/email-render\". Props and an example: components/makersclaw/blocks/email-render/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1455
1460
|
"meta": {
|
|
1456
1461
|
"makersclaw": {
|
|
1457
|
-
"version": "0.
|
|
1462
|
+
"version": "0.4.0",
|
|
1458
1463
|
"useWhen": "Code that must produce an email's HTML: a newsletter, a transactional email (receipt, invite, reset), a digest, a notification, a test send from an editor. newsletter-builder is built on it. Not for writing the email (doc-editor or email-composer), sending it (your sender or the app's server) or a web page (page-builder)."
|
|
1459
1464
|
}
|
|
1460
1465
|
}
|
|
@@ -1465,7 +1470,7 @@
|
|
|
1465
1470
|
"title": "FAQ",
|
|
1466
1471
|
"description": "A marketing section of questions and answers: an accordion (one open at a time, or several), a grid of cards with optional icons, or a plain list with every answer shown; the title above or beside them, and an optional \"need more help?\" call to action. Loading and empty states.",
|
|
1467
1472
|
"registryDependencies": [
|
|
1468
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1473
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
1469
1474
|
],
|
|
1470
1475
|
"dependencies": [],
|
|
1471
1476
|
"files": [
|
|
@@ -1500,7 +1505,7 @@
|
|
|
1500
1505
|
"docs": "Installed to components/makersclaw/blocks/faq. Import: import { Faq } from \"@/components/makersclaw/blocks/faq\". Props and an example: components/makersclaw/blocks/faq/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1501
1506
|
"meta": {
|
|
1502
1507
|
"makersclaw": {
|
|
1503
|
-
"version": "0.
|
|
1508
|
+
"version": "0.4.0",
|
|
1504
1509
|
"useWhen": "The questions section of a public page: a landing page, pricing, a help centre's front page, a product page. Not for a searchable help centre with articles and categories, or collapsible settings inside an app (use the kit's Accordion)."
|
|
1505
1510
|
}
|
|
1506
1511
|
}
|
|
@@ -1511,7 +1516,7 @@
|
|
|
1511
1516
|
"title": "FileUpload",
|
|
1512
1517
|
"description": "Files chosen or dropped, each uploaded through your async onUpload(file, { onProgress, signal }) with a progress bar, cancel while it runs, a retry when it fails and a remove once done. Variants: a list of file cards, one file at a time, Uploading/Finished sections, image thumbnails (one or two columns), and a profile picture.",
|
|
1513
1518
|
"registryDependencies": [
|
|
1514
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1519
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
1515
1520
|
],
|
|
1516
1521
|
"dependencies": [],
|
|
1517
1522
|
"files": [
|
|
@@ -1550,7 +1555,7 @@
|
|
|
1550
1555
|
"docs": "Installed to components/makersclaw/blocks/file-upload. Import: import { FileUpload, formatSize, fileIcon } from \"@/components/makersclaw/blocks/file-upload\". Props and an example: components/makersclaw/blocks/file-upload/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1551
1556
|
"meta": {
|
|
1552
1557
|
"makersclaw": {
|
|
1553
|
-
"version": "0.
|
|
1558
|
+
"version": "0.4.0",
|
|
1554
1559
|
"useWhen": "A form or page takes files the app stores: attachments on a record, a CSV to import, product photos, a logo, a profile picture. Not for showing files already stored with no way to add (a table or list), and not for a chat message's attachments (the chat block's composer has those)."
|
|
1555
1560
|
}
|
|
1556
1561
|
}
|
|
@@ -1561,7 +1566,7 @@
|
|
|
1561
1566
|
"title": "FlowCanvas",
|
|
1562
1567
|
"description": "A Miro-like board (React Flow) in the workspace theme: sticky notes, shapes, text, frames, cards and images on an infinite dotted canvas; a tool rail with shortcuts, double-click for a sticky, drag-out connectors that re-route as cards move, labels on connectors, a floating toolbar over the selection, right-click menu, undo/redo, copy/paste, snap to grid, minimap, list view and presentation mode. The board is plain JSON; helpers turn it into text or markdown and lay it out. Other blocks add their own node types and rail tools.",
|
|
1563
1568
|
"registryDependencies": [
|
|
1564
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1569
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
1565
1570
|
],
|
|
1566
1571
|
"dependencies": [
|
|
1567
1572
|
"@xyflow/react@12.11.6"
|
|
@@ -1633,7 +1638,7 @@
|
|
|
1633
1638
|
"docs": "Installed to components/makersclaw/blocks/flow-canvas. Import: import { FlowCanvas, useFlowCanvas, useCanvas, NodeShell, NodeHandles, EditableText, Palette, StickySwatch, ColorDot, ShapeGlyph, colorClasses, emptyBoard, createNode, createEdge, cleanBoard, boardToText, boardToMarkdown, autoLayout, snapToCell, frameContents, historyReducer, starterTemplates } from \"@/components/makersclaw/blocks/flow-canvas\". Props and an example: components/makersclaw/blocks/flow-canvas/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1634
1639
|
"meta": {
|
|
1635
1640
|
"makersclaw": {
|
|
1636
|
-
"version": "0.
|
|
1641
|
+
"version": "0.4.0",
|
|
1637
1642
|
"useWhen": "A screen where people arrange things spatially and connect them: a brainstorm, a flowchart or process map, an account or org map, a journey map, a retro, a planning board. The canvas blocks (account-map, process-map, journey-map, idea-board) are built on it. Not for freehand drawing (sketch-canvas), records in stage columns (board), or a chart of numbers (chart)."
|
|
1638
1643
|
}
|
|
1639
1644
|
}
|
|
@@ -1644,7 +1649,7 @@
|
|
|
1644
1649
|
"title": "Footer",
|
|
1645
1650
|
"description": "A public site's footer: brand and tagline, link columns or one row of links, social buttons in the kit's brand marks (X, LinkedIn, GitHub, YouTube, Instagram, Facebook), and the legal line with its links; optionally a newsletter sign-up with consent (validates, saves through an async onSubscribe returning { ok }, shows the failure), a call to action, a large brand statement, language and currency selects, and a version badge. Simple, columns or centred.",
|
|
1646
1651
|
"registryDependencies": [
|
|
1647
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1652
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
1648
1653
|
],
|
|
1649
1654
|
"dependencies": [],
|
|
1650
1655
|
"files": [
|
|
@@ -1681,7 +1686,7 @@
|
|
|
1681
1686
|
"docs": "Installed to components/makersclaw/blocks/footer. Import: import { Footer } from \"@/components/makersclaw/blocks/footer\". Props and an example: components/makersclaw/blocks/footer/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1682
1687
|
"meta": {
|
|
1683
1688
|
"makersclaw": {
|
|
1684
|
-
"version": "0.
|
|
1689
|
+
"version": "0.4.0",
|
|
1685
1690
|
"useWhen": "The bottom of every page of a public site: a marketing site, a docs hub, a shop, a customer portal. Not for an app's own status bar or a toolbar pinned to the bottom of a screen."
|
|
1686
1691
|
}
|
|
1687
1692
|
}
|
|
@@ -1692,8 +1697,8 @@
|
|
|
1692
1697
|
"title": "Gantt",
|
|
1693
1698
|
"description": "The Gantt view of work, like Linear's timeline or TeamGantt: a task list on the left (groups that fold, subtasks indented under a summary bar) beside a timeline with a two-tier date header, bars coloured by project or status with their progress, milestones as diamonds, dependency arrows (red when the dates disagree), a today line and weekend shading. Drag a bar to move it, an edge to change its start or end, the dot past its end onto another bar to link them; tasks waiting on a moved one slide along while you drag and the finish date shows what the move cost. Zoom day, week, month or quarter; highlight the critical path; click an empty row to schedule an undated task; quick-add per group; arrow keys move a focused bar; search, filters, group and sort from the shared toolbar. One async onChange saves every change; failures roll back with a notice.",
|
|
1694
1699
|
"registryDependencies": [
|
|
1695
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1696
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1700
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
1701
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/task-model.json"
|
|
1697
1702
|
],
|
|
1698
1703
|
"dependencies": [],
|
|
1699
1704
|
"files": [
|
|
@@ -1745,7 +1750,7 @@
|
|
|
1745
1750
|
"docs": "Installed to components/makersclaw/blocks/gantt. Import: import { Gantt, ZOOMS, ganttRange, headerTiers, planMove, afterBlockersPatch, isMilestone, summarySpan, arrowPath } from \"@/components/makersclaw/blocks/gantt\". Props and an example: components/makersclaw/blocks/gantt/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1746
1751
|
"meta": {
|
|
1747
1752
|
"makersclaw": {
|
|
1748
|
-
"version": "0.
|
|
1753
|
+
"version": "0.4.0",
|
|
1749
1754
|
"useWhen": "A screen that plans dated work and shows what waits on what: a launch plan, a project schedule, a content calendar with lead times, an office move, a release. Not for an undated to-do list (task-list), stage columns (board), or days on a month grid (calendar)."
|
|
1750
1755
|
}
|
|
1751
1756
|
}
|
|
@@ -1754,9 +1759,9 @@
|
|
|
1754
1759
|
"name": "job-panel",
|
|
1755
1760
|
"type": "registry:block",
|
|
1756
1761
|
"title": "JobPanel",
|
|
1757
|
-
"description": "The panel that follows work the founder asked the app's agent for (useJob): each step's label as it runs, Stop, then done or the reason it stopped — and nothing on screen when no job runs. variant=\"generator\" wraps it in a prompt, the surface's options, Generate and a results shelf, with no model, provider or API key of its own.",
|
|
1762
|
+
"description": "The panel that follows work the founder asked the app's agent for (useJob): each step's label as it runs, Stop, \"Needs your answer\" with Answer while the agent waits on the founder, \"Queued · after …\" while it waits its turn, then done or the reason it stopped — and nothing on screen when no job runs. variant=\"generator\" wraps it in a prompt, the surface's options, Generate and a results shelf, with no model, provider or API key of its own.",
|
|
1758
1763
|
"registryDependencies": [
|
|
1759
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1764
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
1760
1765
|
],
|
|
1761
1766
|
"dependencies": [],
|
|
1762
1767
|
"files": [
|
|
@@ -1788,6 +1793,9 @@
|
|
|
1788
1793
|
"ai",
|
|
1789
1794
|
"stop",
|
|
1790
1795
|
"status",
|
|
1796
|
+
"queued",
|
|
1797
|
+
"needs-you",
|
|
1798
|
+
"answer",
|
|
1791
1799
|
"generator",
|
|
1792
1800
|
"prompt",
|
|
1793
1801
|
"results",
|
|
@@ -1797,7 +1805,7 @@
|
|
|
1797
1805
|
"docs": "Installed to components/makersclaw/blocks/job-panel. Import: import { JobPanel } from \"@/components/makersclaw/blocks/job-panel\". Props and an example: components/makersclaw/blocks/job-panel/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1798
1806
|
"meta": {
|
|
1799
1807
|
"makersclaw": {
|
|
1800
|
-
"version": "0.
|
|
1808
|
+
"version": "0.4.0",
|
|
1801
1809
|
"useWhen": "A surface has a verb that asks the agent to make or find something (\"Generate a launch plan\", \"Find 20 leads\", \"Plan next sprint\") and the founder should watch it happen where the result will land. variant=\"generator\" when the screen IS the place to ask: a prompt and a few options, the results under them (product photos, ad copy, names)."
|
|
1802
1810
|
}
|
|
1803
1811
|
}
|
|
@@ -1808,8 +1816,8 @@
|
|
|
1808
1816
|
"title": "JsonEditor",
|
|
1809
1817
|
"description": "A JSON editor in the workspace theme with two views of one value: a Tree of folding rows (edit a value or rename a key in place, add keys and items, change a type, copy a path, delete with Undo, arrow keys throughout) and Code (the code-editor block in JSON mode). Checked as it changes: the status line says what is wrong in plain words and which line, and clicking it goes there. A Format button, copy as pretty or one-line JSON, a friendly empty state with starters, and an optional Save that is optimistic and rolls back with a notice when it fails.",
|
|
1810
1818
|
"registryDependencies": [
|
|
1811
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1812
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1819
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
1820
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/code-editor.json"
|
|
1813
1821
|
],
|
|
1814
1822
|
"dependencies": [],
|
|
1815
1823
|
"files": [
|
|
@@ -1857,7 +1865,7 @@
|
|
|
1857
1865
|
"docs": "Installed to components/makersclaw/blocks/json-editor. Import: import { JsonEditor, JsonTree, typeOf, pathLabel, getAt, setAt, removeAt, insertAt, renameKey, flattenTree, expandedTo, summary, preview } from \"@/components/makersclaw/blocks/json-editor\". Props and an example: components/makersclaw/blocks/json-editor/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1858
1866
|
"meta": {
|
|
1859
1867
|
"makersclaw": {
|
|
1860
|
-
"version": "0.
|
|
1868
|
+
"version": "0.4.0",
|
|
1861
1869
|
"useWhen": "A screen edits or inspects a JSON value: an integration's settings, a webhook payload, a record's metadata or custom fields column (jsonb), an API response, feature flags. Not for editing SQL or other code (code-editor), a form of known fields (record-form), or a table of rows (data-table)."
|
|
1862
1870
|
}
|
|
1863
1871
|
}
|
|
@@ -1868,7 +1876,7 @@
|
|
|
1868
1876
|
"title": "MapView",
|
|
1869
1877
|
"description": "An interactive map (MapLibre) in the workspace theme: places from rows as markers in token tones or your own kit content, clustered when they crowd, a popup with kit parts, a searchable list beside the map that shares one selection and hover with it, fit-to-all, zoom controls, draggable markers with an optimistic save, and tinted areas for territories. Light and dark tiles follow the workspace scheme (OpenFreeMap by default, no key); `styleUrl` swaps them. Helpers for bounds, clustering and distances run anywhere.",
|
|
1870
1878
|
"registryDependencies": [
|
|
1871
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1879
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
1872
1880
|
],
|
|
1873
1881
|
"dependencies": [
|
|
1874
1882
|
"maplibre-gl@6.11.1",
|
|
@@ -1937,7 +1945,7 @@
|
|
|
1937
1945
|
"docs": "Installed to components/makersclaw/blocks/map. Import: import { MapView, useMapView, MAP_STYLES, DEFAULT_STYLE, TONES, readPosition, boundsOf, inBounds, clusterPoints, zoomToReveal, distanceKm, formatDistance, sortByDistance } from \"@/components/makersclaw/blocks/map\". Props and an example: components/makersclaw/blocks/map/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1938
1946
|
"meta": {
|
|
1939
1947
|
"makersclaw": {
|
|
1940
|
-
"version": "0.
|
|
1948
|
+
"version": "0.4.0",
|
|
1941
1949
|
"useWhen": "A screen shows records that have a place: customers, stores, offices, field visits, deliveries, events, territories. The location-map and store-locator blocks and the Map view of work-views are built on it. Not for a chart of numbers by region (chart) or a hand-drawn diagram (sketch-canvas, flow-canvas)."
|
|
1942
1950
|
}
|
|
1943
1951
|
}
|
|
@@ -1948,7 +1956,7 @@
|
|
|
1948
1956
|
"title": "Menubar",
|
|
1949
1957
|
"description": "A desktop app's menu bar — File, Edit, View, Help — each a menu of actions with shortcuts, checkboxes, radio groups and submenus; click to open, hover to switch, arrow keys along the bar; one menu button on a phone.",
|
|
1950
1958
|
"registryDependencies": [
|
|
1951
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
1959
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
1952
1960
|
],
|
|
1953
1961
|
"dependencies": [],
|
|
1954
1962
|
"files": [
|
|
@@ -1985,7 +1993,7 @@
|
|
|
1985
1993
|
"docs": "Installed to components/makersclaw/blocks/menubar. Import: import { Menubar } from \"@/components/makersclaw/blocks/menubar\". Props and an example: components/makersclaw/blocks/menubar/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
1986
1994
|
"meta": {
|
|
1987
1995
|
"makersclaw": {
|
|
1988
|
-
"version": "0.
|
|
1996
|
+
"version": "0.4.0",
|
|
1989
1997
|
"useWhen": "A document-style tool with many commands grouped by kind: an editor, a canvas, a spreadsheet, an admin console that mimics a desktop app. Not for a site's navigation (a navigation menu) or one record's actions (a menu on the row)."
|
|
1990
1998
|
}
|
|
1991
1999
|
}
|
|
@@ -1996,8 +2004,8 @@
|
|
|
1996
2004
|
"title": "MindMap",
|
|
1997
2005
|
"description": "A mind map you can build without the mouse, on flow-canvas: a centre topic with main branches balanced on both sides, each branch a tidy auto-laid-out tree in its own chart hue. Tab adds a subtopic, Enter the next topic, typing renames, arrows walk the map, ⌘↑/⌘↓ fold a branch (a folded one shows how many it hides), ⌥↑/⌥↓ reorder, Shift+Tab moves up a level; drag a topic onto another to move its branch. Undo/redo, a colour per branch, an Outline view, copy a branch as an outline and paste an outline as topics, starter templates. The map is plain JSON (a tree of topics); saves are async callbacks answering { ok }.",
|
|
1998
2006
|
"registryDependencies": [
|
|
1999
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2000
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2007
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
2008
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/flow-canvas.json"
|
|
2001
2009
|
],
|
|
2002
2010
|
"dependencies": [],
|
|
2003
2011
|
"files": [
|
|
@@ -2046,7 +2054,7 @@
|
|
|
2046
2054
|
"docs": "Installed to components/makersclaw/blocks/mind-map. Import: import { MindMap, BRANCH_COLORS, normalizeMap, createTopic, findTopic, updateTopic, insertTopic, removeTopic, moveTopic, layoutMindMap, mindMapToBoard, mindMapToText, mindMapToMarkdown, outlineToMindMap, outlineToTopics, mindMapTemplates } from \"@/components/makersclaw/blocks/mind-map\". Props and an example: components/makersclaw/blocks/mind-map/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2047
2055
|
"meta": {
|
|
2048
2056
|
"makersclaw": {
|
|
2049
|
-
"version": "0.
|
|
2057
|
+
"version": "0.4.0",
|
|
2050
2058
|
"useWhen": "A screen for thinking in a tree: brainstorming around one idea, planning a project, breaking a goal down, notes from a meeting, a topic outline an agent drafted. Not for free-form boards with stickies and arrows (flow-canvas, whiteboard), a people hierarchy (org-chart), or a process with steps (process-map)."
|
|
2051
2059
|
}
|
|
2052
2060
|
}
|
|
@@ -2057,7 +2065,7 @@
|
|
|
2057
2065
|
"title": "Navigation Menu",
|
|
2058
2066
|
"description": "A site's top nav: plain links, and triggers that open a mega-menu panel of links (icon, title, one-line description) with an optional featured card; hover with intent, click, arrow keys and Escape; a menu button and a sheet of collapsible groups on a phone.",
|
|
2059
2067
|
"registryDependencies": [
|
|
2060
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2068
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2061
2069
|
],
|
|
2062
2070
|
"dependencies": [],
|
|
2063
2071
|
"files": [
|
|
@@ -2094,7 +2102,7 @@
|
|
|
2094
2102
|
"docs": "Installed to components/makersclaw/blocks/navigation-menu. Import: import { NavigationMenu } from \"@/components/makersclaw/blocks/navigation-menu\". Props and an example: components/makersclaw/blocks/navigation-menu/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2095
2103
|
"meta": {
|
|
2096
2104
|
"makersclaw": {
|
|
2097
|
-
"version": "0.
|
|
2105
|
+
"version": "0.4.0",
|
|
2098
2106
|
"useWhen": "The header of a public-facing site or a product with many destinations: a marketing site, a docs hub, a customer portal. Not for an app's own sidebar or a row of tabs that switch views on one page."
|
|
2099
2107
|
}
|
|
2100
2108
|
}
|
|
@@ -2105,7 +2113,7 @@
|
|
|
2105
2113
|
"title": "OrderDetail",
|
|
2106
2114
|
"description": "One placed order on a page: its number, status and date, the items, the delivery address and contact, a timeline from placed to delivered (Steps), and the totals, with Track order and Invoice actions. Loading, error and not-found states built in.",
|
|
2107
2115
|
"registryDependencies": [
|
|
2108
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2116
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2109
2117
|
],
|
|
2110
2118
|
"dependencies": [],
|
|
2111
2119
|
"files": [
|
|
@@ -2144,7 +2152,7 @@
|
|
|
2144
2152
|
"docs": "Installed to components/makersclaw/blocks/order-detail. Import: import { OrderDetail } from \"@/components/makersclaw/blocks/order-detail\". Props and an example: components/makersclaw/blocks/order-detail/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2145
2153
|
"meta": {
|
|
2146
2154
|
"makersclaw": {
|
|
2147
|
-
"version": "0.
|
|
2155
|
+
"version": "0.4.0",
|
|
2148
2156
|
"useWhen": "A buyer or an operator opens one order: \"where is my order\", an order confirmation page, a support view of a purchase. Not for a list of orders (data-table) or for a basket before paying (cart)."
|
|
2149
2157
|
}
|
|
2150
2158
|
}
|
|
@@ -2155,8 +2163,8 @@
|
|
|
2155
2163
|
"title": "OrgChart",
|
|
2156
2164
|
"description": "An org chart on flow-canvas: people laid out top down from a flat list (each names a manager), managers centred over their teams, a team with no managers in it as a compact column, every line drawn for you. Teams fold past the first levels behind a chip that says how many are hidden; search finds a person, unfolds the way to them, centres them and lights their chain of managers; a card opens a details sheet (reports to, direct reports, team size). Colour strips and a legend by department. Optional: drag a card onto another to change someone's manager (async { ok }, optimistic, with Undo). Keyboard throughout.",
|
|
2157
2165
|
"registryDependencies": [
|
|
2158
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2159
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2166
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
2167
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/flow-canvas.json"
|
|
2160
2168
|
],
|
|
2161
2169
|
"dependencies": [],
|
|
2162
2170
|
"files": [
|
|
@@ -2204,7 +2212,7 @@
|
|
|
2204
2212
|
"docs": "Installed to components/makersclaw/blocks/org-chart. Import: import { OrgChart, buildOrg, layoutOrg, chainOf, orgToText, groupHues } from \"@/components/makersclaw/blocks/org-chart\". Props and an example: components/makersclaw/blocks/org-chart/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2205
2213
|
"meta": {
|
|
2206
2214
|
"makersclaw": {
|
|
2207
|
-
"version": "0.
|
|
2215
|
+
"version": "0.4.0",
|
|
2208
2216
|
"useWhen": "A screen that shows who reports to whom: a team or company directory's chart, an account's buying committee as a hierarchy, a reporting line to check before a reorg. Not for a free-form map of people and notes (account-map, flow-canvas), a plain list of people (data-table), or a tree of ideas (mind-map)."
|
|
2209
2217
|
}
|
|
2210
2218
|
}
|
|
@@ -2215,7 +2223,7 @@
|
|
|
2215
2223
|
"title": "PageBuilder",
|
|
2216
2224
|
"description": "A visual page editor (GrapesJS core) in the workspace theme: our own clean panels instead of GrapesJS's chrome — an Add panel of section and basic blocks (click or drag), a Layers tree, a Design panel limited to theme-token choices (colours, type, spacing, width, corners, borders), a device toggle (desktop, tablet, phone), undo/redo, preview, and a friendly empty state with starter templates. Pages style with CSS variables, so a saved page repaints with the theme. Saves out as { html, css, project }; PageView shows a saved page in an app.",
|
|
2217
2225
|
"registryDependencies": [
|
|
2218
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2226
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2219
2227
|
],
|
|
2220
2228
|
"dependencies": [
|
|
2221
2229
|
"grapesjs@0.22.16",
|
|
@@ -2297,7 +2305,7 @@
|
|
|
2297
2305
|
"docs": "Installed to components/makersclaw/blocks/page-builder. Import: import { PageBuilder, usePageBuilder, readPage, DEVICES, PageView, standaloneDocument, BlockThumb, PageThumb, THUMB_NAMES, BASE_CSS, SECTION_BLOCKS, BASIC_BLOCKS, STARTER_TEMPLATES, STYLE_GROUPS, COLOR_TOKENS, groupsFor, currentOption, patchFor, tokenCss, fontFaceCss, fontLinks, PAGE_BASE_CSS, emptyPage, isPageEmpty, cleanHtml, cleanCss, normalizeBlock, templatePage, pageDocument, projectSections } from \"@/components/makersclaw/blocks/page-builder\". Props and an example: components/makersclaw/blocks/page-builder/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2298
2306
|
"meta": {
|
|
2299
2307
|
"makersclaw": {
|
|
2300
|
-
"version": "0.
|
|
2308
|
+
"version": "0.4.0",
|
|
2301
2309
|
"useWhen": "A screen where someone builds or edits a web page visually: a landing page, a waitlist or launch page, a simple site section, an announcement page. landing-builder is built on it (section templates, publishing). Not for rich text in a document (doc-editor), an email body (newsletter-builder), a form of fields (record-form) or a freeform drawing (sketch-canvas)."
|
|
2302
2310
|
}
|
|
2303
2311
|
}
|
|
@@ -2308,7 +2316,7 @@
|
|
|
2308
2316
|
"title": "PaymentMethods",
|
|
2309
2317
|
"description": "A customer's SAVED payment methods as cards: brand, last four digits, expiry (expired and expiring soon flagged) and a Default badge; Make default, Remove behind a Confirm, and Add, which hands off to the payment provider (Paddle). Never a card-number field. Empty, loading and error states built in.",
|
|
2310
2318
|
"registryDependencies": [
|
|
2311
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2319
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2312
2320
|
],
|
|
2313
2321
|
"dependencies": [],
|
|
2314
2322
|
"files": [
|
|
@@ -2344,7 +2352,7 @@
|
|
|
2344
2352
|
"docs": "Installed to components/makersclaw/blocks/payment-methods. Import: import { PaymentMethods } from \"@/components/makersclaw/blocks/payment-methods\". Props and an example: components/makersclaw/blocks/payment-methods/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2345
2353
|
"meta": {
|
|
2346
2354
|
"makersclaw": {
|
|
2347
|
-
"version": "0.
|
|
2355
|
+
"version": "0.4.0",
|
|
2348
2356
|
"useWhen": "A billing or account page where a customer manages the cards and wallets on file. Not for taking a payment (cart's checkout step hands off to Paddle) or for a list of charges (transaction-list)."
|
|
2349
2357
|
}
|
|
2350
2358
|
}
|
|
@@ -2355,7 +2363,7 @@
|
|
|
2355
2363
|
"title": "PdfDocument",
|
|
2356
2364
|
"description": "Make PDFs in the workspace theme (@react-pdf/renderer): a small set of document primitives (headings, text, label/value fields, tables with repeating headers, totals, callouts, badges, rows and columns) and a clean ready-made quote / estimate / invoice layout, rendered in the browser to a Blob with renderPdf(doc). The theme's colours are read from the page when the PDF is made (a PDF cannot read CSS variables): white paper, near-black ink and the theme's primary as the one accent. Also a live-preview hook (usePdf), a Download PDF button, and the quote sums and money formatting as plain functions.",
|
|
2357
2365
|
"registryDependencies": [
|
|
2358
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2366
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2359
2367
|
],
|
|
2360
2368
|
"dependencies": [
|
|
2361
2369
|
"@react-pdf/renderer@4.9.0"
|
|
@@ -2415,7 +2423,7 @@
|
|
|
2415
2423
|
"docs": "Installed to components/makersclaw/blocks/pdf-document. Import: import { renderPdf, usePdf, PdfDownloadButton, downloadBlob, registerPdfFont, PdfDocument, PdfStack, PdfRow, PdfCol, PdfText, PdfHeading, PdfLabel, PdfField, PdfDivider, PdfCallout, PdfBadge, PdfTable, PdfTotals, PdfLines, PdfView, PdfRawText, PdfImage, PdfLink, PdfThemeProvider, usePdfTheme, PDF_TYPE, QuoteDocument, quoteTotals, lineAmount, round2, formatMoney, formatQuantity, formatPdfDate, resolvePdfTheme, buildPdfTheme, DEFAULT_PDF_THEME } from \"@/components/makersclaw/blocks/pdf-document\". Props and an example: components/makersclaw/blocks/pdf-document/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2416
2424
|
"meta": {
|
|
2417
2425
|
"makersclaw": {
|
|
2418
|
-
"version": "0.
|
|
2426
|
+
"version": "0.4.0",
|
|
2419
2427
|
"useWhen": "A screen produces a document someone downloads, prints, emails or signs: a quote, an invoice, an estimate, a receipt, a statement, a certificate, a one-page report. The quote-builder and proposal blocks print through it. Not for showing an existing PDF on screen (pdf-viewer) or for a web page people read in the app (doc-page)."
|
|
2420
2428
|
}
|
|
2421
2429
|
}
|
|
@@ -2426,7 +2434,7 @@
|
|
|
2426
2434
|
"title": "PdfViewer",
|
|
2427
2435
|
"description": "A PDF on screen, in the workspace theme (react-pdf + pdf.js): pages in one smooth scrolling column (only the pages near the window are drawn, so long files stay fast), a thumbnail rail, a page box, zoom by steps, fit width, fit page and Ctrl/⌘ + wheel or pinch, find in the text with every match marked, and highlights with notes: select text, choose Highlight or Add note, and it saves through onHighlight; notes are edited in a side list, colours are theme tokens, delete has Undo. Opens a URL, a Blob or bytes; password-protected files ask for the password; a narrow viewer turns its rails into sheets. The pdf.js worker ships with the app (no public/ file, no CDN).",
|
|
2428
2436
|
"registryDependencies": [
|
|
2429
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2437
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2430
2438
|
],
|
|
2431
2439
|
"dependencies": [
|
|
2432
2440
|
"react-pdf@11.0.0",
|
|
@@ -2494,7 +2502,7 @@
|
|
|
2494
2502
|
"docs": "Installed to components/makersclaw/blocks/pdf-viewer. Import: import { PdfViewer, usePdfViewer, HIGHLIGHT_TONES, findMatches, toPageRects, mergeRects, sortHighlights, highlightAt, fitScale, ZOOM_STEPS } from \"@/components/makersclaw/blocks/pdf-viewer\". Props and an example: components/makersclaw/blocks/pdf-viewer/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2495
2503
|
"meta": {
|
|
2496
2504
|
"makersclaw": {
|
|
2497
|
-
"version": "0.
|
|
2505
|
+
"version": "0.4.0",
|
|
2498
2506
|
"useWhen": "A screen shows an existing PDF: a contract or proposal to review, a signed agreement, an uploaded invoice or statement, a report, a generated quote before it is sent; or people mark up a PDF and leave notes on passages. Pair it with pdf-document to preview a PDF you make. Not for making PDFs (pdf-document), for rich text people edit (doc-editor), or for marking up a screenshot (annotate)."
|
|
2499
2507
|
}
|
|
2500
2508
|
}
|
|
@@ -2505,7 +2513,7 @@
|
|
|
2505
2513
|
"title": "Product detail",
|
|
2506
2514
|
"description": "One product on its own page: pictures (thumbnails, a side rail, a carousel, a tall stack, or one scene with the buy box floating over it), brand, name, price with the old price struck through, star rating and review count, options (sizes as a segmented row, colours as swatches, long lists as a select, plans as cards with their own price), a quantity control, add to cart through an async callback that may fail, buy now, save to favourites, perks, and details in an accordion or tabs. Loading, error, not-found and sold-out states.",
|
|
2507
2515
|
"registryDependencies": [
|
|
2508
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2516
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2509
2517
|
],
|
|
2510
2518
|
"dependencies": [],
|
|
2511
2519
|
"files": [
|
|
@@ -2563,7 +2571,7 @@
|
|
|
2563
2571
|
"docs": "Installed to components/makersclaw/blocks/product-detail. Import: import { ProductDetail, ProductMedia, OptionPicker, QuantityControl, Price, formatPrice, cartLine } from \"@/components/makersclaw/blocks/product-detail\". Props and an example: components/makersclaw/blocks/product-detail/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2564
2572
|
"meta": {
|
|
2565
2573
|
"makersclaw": {
|
|
2566
|
-
"version": "0.
|
|
2574
|
+
"version": "0.4.0",
|
|
2567
2575
|
"useWhen": "Selling one thing a customer looks at before buying: a product page, a template or digital download with plans, a merch item, a booking add-on. Not for many products at once (product-grid), the cart itself (cart), or a plan comparison table."
|
|
2568
2576
|
}
|
|
2569
2577
|
}
|
|
@@ -2574,8 +2582,8 @@
|
|
|
2574
2582
|
"title": "Product grid",
|
|
2575
2583
|
"description": "Products as cards in a grid: picture, badge, favourite heart, brand, name, star rating, price with the old one struck through, and a quick add to cart through an async callback that may fail (\"Choose options\" when the product has sizes or colours). Facet filters as selects that also match a product's option values, a sort, a live count, a lead tile that takes a double cell (a picture or a muted looping video), and a promo card for collection tiles. Loading, error, empty and no-matches states; two columns on a phone.",
|
|
2576
2584
|
"registryDependencies": [
|
|
2577
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2578
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2585
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
2586
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/product-detail.json"
|
|
2579
2587
|
],
|
|
2580
2588
|
"dependencies": [],
|
|
2581
2589
|
"files": [
|
|
@@ -2623,7 +2631,7 @@
|
|
|
2623
2631
|
"docs": "Installed to components/makersclaw/blocks/product-grid. Import: import { ProductGrid, ProductCard, PromoTile, productMatches } from \"@/components/makersclaw/blocks/product-grid\". Props and an example: components/makersclaw/blocks/product-grid/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2624
2632
|
"meta": {
|
|
2625
2633
|
"makersclaw": {
|
|
2626
|
-
"version": "0.
|
|
2634
|
+
"version": "0.4.0",
|
|
2627
2635
|
"useWhen": "A shop's catalogue, a collection page, related products under a product page, a row of promotions ('New', 'Sale'). Not for records to scan and act on in columns (data-table), one product's page (product-detail), or the cart (cart)."
|
|
2628
2636
|
}
|
|
2629
2637
|
}
|
|
@@ -2634,7 +2642,7 @@
|
|
|
2634
2642
|
"title": "RecordForm",
|
|
2635
2643
|
"description": "Edit or create one record from a list of fields given as data (type, label, required, options, help, validation), grouped into titled sections — text, email, number, password, select, combobox, tags, radio, choice cards with prices, checkboxes, switch, date, time, rating, a photo and a row of images. It checks as you type, saves through an async onSave that answers { ok } or per-field errors shown under each field, and sits in a card, on a page (sections split title-left) or in a dialog.",
|
|
2636
2644
|
"registryDependencies": [
|
|
2637
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2645
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2638
2646
|
],
|
|
2639
2647
|
"dependencies": [],
|
|
2640
2648
|
"files": [
|
|
@@ -2684,7 +2692,7 @@
|
|
|
2684
2692
|
"docs": "Installed to components/makersclaw/blocks/record-form. Import: import { RecordForm } from \"@/components/makersclaw/blocks/record-form\". Props and an example: components/makersclaw/blocks/record-form/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2685
2693
|
"meta": {
|
|
2686
2694
|
"makersclaw": {
|
|
2687
|
-
"version": "0.
|
|
2695
|
+
"version": "0.4.0",
|
|
2688
2696
|
"useWhen": "A screen edits one record's fields: a profile, a product, a team member, account details, a sign-up or application form, a settings page of fields with one Save. Not for a list of records (data-table), for toggles that each save on their own (settings-list), or for sign-in (auth-form)."
|
|
2689
2697
|
}
|
|
2690
2698
|
}
|
|
@@ -2695,9 +2703,9 @@
|
|
|
2695
2703
|
"title": "RecordNotes",
|
|
2696
2704
|
"description": "Dated rich-text notes on one record (a deal, a contact, a company), to sit beside record-form: a composer with @mentions and Cmd/Ctrl+Enter adds a note; the notes follow newest first (or oldest), grouped by day, each with author avatar, name and relative time; your own notes edit in place and delete after a confirm. Every save is an async callback answering { ok }; a failure keeps the words and says why where it happened.",
|
|
2697
2705
|
"registryDependencies": [
|
|
2698
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2699
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2700
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2706
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
2707
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/comment-box.json",
|
|
2708
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/doc-editor.json"
|
|
2701
2709
|
],
|
|
2702
2710
|
"dependencies": [],
|
|
2703
2711
|
"files": [
|
|
@@ -2735,7 +2743,7 @@
|
|
|
2735
2743
|
"docs": "Installed to components/makersclaw/blocks/record-notes. Import: import { RecordNotes } from \"@/components/makersclaw/blocks/record-notes\". Props and an example: components/makersclaw/blocks/record-notes/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2736
2744
|
"meta": {
|
|
2737
2745
|
"makersclaw": {
|
|
2738
|
-
"version": "0.
|
|
2746
|
+
"version": "0.4.0",
|
|
2739
2747
|
"useWhen": "A record page keeps a running log of notes: call notes on a deal, context on a contact, a history on a customer or a candidate. Not a discussion thread without edit and delete (comment-box), not one long document per record (doc-editor or doc-page), not an automatic activity feed."
|
|
2740
2748
|
}
|
|
2741
2749
|
}
|
|
@@ -2746,7 +2754,7 @@
|
|
|
2746
2754
|
"title": "SearchDialog",
|
|
2747
2755
|
"description": "One ⌘K search over every kind of record — chats, documents, images, projects, people. Before typing it shows your sections (Last opened, Recent); while typing, ranked matches with the typed text marked, a date, image thumbnails, and kind chips (All, Chats, Images…) to narrow them. Searches your list in the browser, or your server through an async onSearch. Built on the kit's Command; SearchPanel is the same box inline.",
|
|
2748
2756
|
"registryDependencies": [
|
|
2749
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2757
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2750
2758
|
],
|
|
2751
2759
|
"dependencies": [],
|
|
2752
2760
|
"files": [
|
|
@@ -2782,7 +2790,7 @@
|
|
|
2782
2790
|
"docs": "Installed to components/makersclaw/blocks/search-dialog. Import: import { SearchDialog, SearchPanel } from \"@/components/makersclaw/blocks/search-dialog\". Props and an example: components/makersclaw/blocks/search-dialog/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2783
2791
|
"meta": {
|
|
2784
2792
|
"makersclaw": {
|
|
2785
|
-
"version": "0.
|
|
2793
|
+
"version": "0.4.0",
|
|
2786
2794
|
"useWhen": "An app has more than one kind of record and wants one global search box or ⌘K palette to find any of them, or a search page with type filters."
|
|
2787
2795
|
}
|
|
2788
2796
|
}
|
|
@@ -2793,7 +2801,7 @@
|
|
|
2793
2801
|
"title": "SettingsList",
|
|
2794
2802
|
"description": "A card of settings, one row each — icon, label, description, meta lines, a badge, and its control: a Switch, a Select, a Button, a remove button or a menu of actions, with optional details that open under the row. Every change saves on its own through an async callback; the row shows the new value at once, a spinner while it saves, and on failure the old value back with the reason and Try again. variant=\"matrix\" is the notification grid: events by group down the side, channels (email, push, SMS) across, a switch per cell, stacked on a phone.",
|
|
2795
2803
|
"registryDependencies": [
|
|
2796
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2804
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2797
2805
|
],
|
|
2798
2806
|
"dependencies": [],
|
|
2799
2807
|
"files": [
|
|
@@ -2842,7 +2850,7 @@
|
|
|
2842
2850
|
"docs": "Installed to components/makersclaw/blocks/settings-list. Import: import { SettingsList } from \"@/components/makersclaw/blocks/settings-list\". Props and an example: components/makersclaw/blocks/settings-list/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2843
2851
|
"meta": {
|
|
2844
2852
|
"makersclaw": {
|
|
2845
|
-
"version": "0.
|
|
2853
|
+
"version": "0.4.0",
|
|
2846
2854
|
"useWhen": "An account or workspace settings screen where each setting applies the moment it is changed: preferences, two-step sign-in methods, signed-in devices, connected integrations, billing profiles, notification preferences per channel. Not for a form of fields saved together with one button (record-form)."
|
|
2847
2855
|
}
|
|
2848
2856
|
}
|
|
@@ -2853,7 +2861,7 @@
|
|
|
2853
2861
|
"title": "SetupChecklist",
|
|
2854
2862
|
"description": "The steps to get set up: which are done, how far along the whole is (a ring, a bar, or \"Step 2 of 4\"), and the button for the next one, sent out through an async onAction that can fail on the step. Four shapes: folding rows in a card with a dismiss menu, numbered step cards, a plain step list with a help panel, and bordered accordion rows that can be locked until the step before is done.",
|
|
2855
2863
|
"registryDependencies": [
|
|
2856
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2864
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2857
2865
|
],
|
|
2858
2866
|
"dependencies": [],
|
|
2859
2867
|
"files": [
|
|
@@ -2889,7 +2897,7 @@
|
|
|
2889
2897
|
"docs": "Installed to components/makersclaw/blocks/setup-checklist. Import: import { SetupChecklist } from \"@/components/makersclaw/blocks/setup-checklist\". Props and an example: components/makersclaw/blocks/setup-checklist/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2890
2898
|
"meta": {
|
|
2891
2899
|
"makersclaw": {
|
|
2892
|
-
"version": "0.
|
|
2900
|
+
"version": "0.4.0",
|
|
2893
2901
|
"useWhen": "A new account, workspace or shop has a few things to do before it is useful (complete the profile, invite the team, connect a tool, launch) and the founder should see what is left. Not for a running job's stages (kit Steps or job-panel), and not for a multi-page form wizard."
|
|
2894
2902
|
}
|
|
2895
2903
|
}
|
|
@@ -2900,7 +2908,7 @@
|
|
|
2900
2908
|
"title": "ShareDialog",
|
|
2901
2909
|
"description": "Who can see a record and how to let more people in: invite by email (comma separated, with an access level), each person with their access in a menu (can view, can edit, remove), sharing switches, and a link with a copy button that turns to a check. A dialog, or the same body inline (SharePanel). Every change is an async callback; a failure shows and the old value comes back.",
|
|
2902
2910
|
"registryDependencies": [
|
|
2903
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2911
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2904
2912
|
],
|
|
2905
2913
|
"dependencies": [],
|
|
2906
2914
|
"files": [
|
|
@@ -2937,7 +2945,7 @@
|
|
|
2937
2945
|
"docs": "Installed to components/makersclaw/blocks/share-dialog. Import: import { ShareDialog, SharePanel } from \"@/components/makersclaw/blocks/share-dialog\". Props and an example: components/makersclaw/blocks/share-dialog/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
2938
2946
|
"meta": {
|
|
2939
2947
|
"makersclaw": {
|
|
2940
|
-
"version": "0.
|
|
2948
|
+
"version": "0.4.0",
|
|
2941
2949
|
"useWhen": "A record, project, document or workspace can be shared: an \"Invite\" or \"Share\" button, a members list with roles, a public link to copy."
|
|
2942
2950
|
}
|
|
2943
2951
|
}
|
|
@@ -2948,7 +2956,7 @@
|
|
|
2948
2956
|
"title": "Sidebar",
|
|
2949
2957
|
"description": "An app's navigation down the left edge: app name or workspace switcher, groups of items with icons, counts and nested items, the signed-in person with their menu; collapses to icons (remembered) and becomes a Sheet behind a trigger on a phone. Optional: inset or floating look, a ⌘K search over every item, folding groups with colour dots, a second column (a mail list, or a parent's children to drill into), a \"New\" button and a \"…\" menu per item (a chat history).",
|
|
2950
2958
|
"registryDependencies": [
|
|
2951
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
2959
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
2952
2960
|
],
|
|
2953
2961
|
"dependencies": [],
|
|
2954
2962
|
"files": [
|
|
@@ -3001,7 +3009,7 @@
|
|
|
3001
3009
|
"docs": "Installed to components/makersclaw/blocks/sidebar. Import: import { Sidebar, SidebarLayout, SidebarTrigger, useSidebar } from \"@/components/makersclaw/blocks/sidebar\". Props and an example: components/makersclaw/blocks/sidebar/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
3002
3010
|
"meta": {
|
|
3003
3011
|
"makersclaw": {
|
|
3004
|
-
"version": "0.
|
|
3012
|
+
"version": "0.4.0",
|
|
3005
3013
|
"useWhen": "An app with more than a handful of places to go (inbox, deals, contacts, reports, settings, projects) that wants a real app shell: compose it in app/shell.jsx around the surfaces. Not for in-page tabs (Tabs) or a short strip of links."
|
|
3006
3014
|
}
|
|
3007
3015
|
}
|
|
@@ -3012,7 +3020,7 @@
|
|
|
3012
3020
|
"title": "SignaturePad",
|
|
3013
3021
|
"description": "A signature field (signature_pad) in the workspace theme: a full-name field, then draw on a paper box (smooth pen strokes, undo the last stroke, clear with Undo) or type the name set as a signature. Sign returns a record: a cropped transparent PNG in dark ink, the typed name, the mode and the time; the signed view shows it with Sign again. Works as a form field too, through a handle (toPNG, getSignature).",
|
|
3014
3022
|
"registryDependencies": [
|
|
3015
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
3023
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
3016
3024
|
],
|
|
3017
3025
|
"dependencies": [
|
|
3018
3026
|
"signature_pad@5.1.4"
|
|
@@ -3066,7 +3074,7 @@
|
|
|
3066
3074
|
"docs": "Installed to components/makersclaw/blocks/signature-pad. Import: import { SignaturePad, useSignaturePad, signatureRecord, formatSignedAt } from \"@/components/makersclaw/blocks/signature-pad\". Props and an example: components/makersclaw/blocks/signature-pad/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
3067
3075
|
"meta": {
|
|
3068
3076
|
"makersclaw": {
|
|
3069
|
-
"version": "0.
|
|
3077
|
+
"version": "0.4.0",
|
|
3070
3078
|
"useWhen": "A screen needs someone to sign: accepting a proposal or a quote, a delivery or work-done sign-off, a waiver, a consent form, an approval on a record. The proposal-accept block is built on it. It records an acceptance with a picture of the signature — it is not a certified legal e-signature (no identity check, no audit trail beyond what you store)."
|
|
3071
3079
|
}
|
|
3072
3080
|
}
|
|
@@ -3077,7 +3085,7 @@
|
|
|
3077
3085
|
"title": "SketchCanvas",
|
|
3078
3086
|
"description": "A freeform drawing canvas (Excalidraw) in the workspace theme: a Miro-style tool rail (select, pan, draw, shapes, arrows, text, image, eraser, frames), a floating toolbar over the selection with colours from the theme's tokens, zoom and undo controls, a friendly empty state, and stamp tools that place ready-made drawings (UI wireframe pieces built in). Optional locked background image for annotating a screenshot. The sketch is plain JSON; helpers read its words for an agent, and the handle exports a PNG.",
|
|
3079
3087
|
"registryDependencies": [
|
|
3080
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
3088
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
3081
3089
|
],
|
|
3082
3090
|
"dependencies": [
|
|
3083
3091
|
"@excalidraw/excalidraw@0.18.1"
|
|
@@ -3154,7 +3162,7 @@
|
|
|
3154
3162
|
"docs": "Installed to components/makersclaw/blocks/sketch-canvas. Import: import { SketchCanvas, useSketchCanvas, SKETCH_TOOLS, WIREFRAME_STAMPS, STROKES, FILLS, emptySketch, isSketchEmpty, sketchToText, sketchItems, toSketch } from \"@/components/makersclaw/blocks/sketch-canvas\". Props and an example: components/makersclaw/blocks/sketch-canvas/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
3155
3163
|
"meta": {
|
|
3156
3164
|
"makersclaw": {
|
|
3157
|
-
"version": "0.
|
|
3165
|
+
"version": "0.4.0",
|
|
3158
3166
|
"useWhen": "A screen needs freehand drawing: a whiteboard, marking up a screenshot, sketching a UI wireframe, a diagram drawn by hand. The whiteboard, annotate and sketch-to-app blocks are built on it. Not for structured boards of cards and connectors (flow-canvas), charts (chart) or a kanban (board)."
|
|
3159
3167
|
}
|
|
3160
3168
|
}
|
|
@@ -3165,7 +3173,7 @@
|
|
|
3165
3173
|
"title": "Spreadsheet",
|
|
3166
3174
|
"description": "A table you edit like Google Sheets or Airtable, virtualised for 10,000+ rows: typed columns (text, number, currency, date, single and multiple select, person, checkbox, link, rating) each with its own in-cell editor, a cell cursor and range selection with the mouse and arrow keys, typing to edit, copy and paste ranges as TSV (to and from Sheets and Excel), drag-to-fill and ⌘D fill down, undo/redo, column resize, drag to reorder, hide, freeze, rename, change type and add fields, row insert and delete with Undo, sort and filter panels, search, a sum/average of the selection, validation marks, and a phone layout. Edits go out as async callbacks answering { ok }, applied at once and rolled back on failure. A column-type registry and an imperative handle for blocks built on it.",
|
|
3167
3175
|
"registryDependencies": [
|
|
3168
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
3176
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
3169
3177
|
],
|
|
3170
3178
|
"dependencies": [
|
|
3171
3179
|
"@tanstack/react-virtual@3.14.13"
|
|
@@ -3236,7 +3244,7 @@
|
|
|
3236
3244
|
"docs": "Installed to components/makersclaw/blocks/spreadsheet. Import: import { Spreadsheet, CellValue, CellPanel, OptionBadge, editorFor, TYPE_ORDER, sortWords, COLUMN_TYPES, typeOf, parseCell, convertValue, guessType, parseNumberText, parseDateText, optionValue, isBlank, emptyView, normalizeView, orderedColumns, visibleColumns, processRows, passesFilters, parseTSV, toTSV, pasteChanges, fillChanges, clearChanges, applyChanges, invertChanges } from \"@/components/makersclaw/blocks/spreadsheet\". Props and an example: components/makersclaw/blocks/spreadsheet/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
3237
3245
|
"meta": {
|
|
3238
3246
|
"makersclaw": {
|
|
3239
|
-
"version": "0.
|
|
3247
|
+
"version": "0.4.0",
|
|
3240
3248
|
"useWhen": "People need to enter or clean up many records in a grid, fast, with the keyboard: a lead list, an inventory, a budget, a content calendar, a table view over any collection, the grid under an Airtable-like base. Not for a read-mostly list to scan and act on row by row (data-table), records moving through stages (board), or a single record (record-form)."
|
|
3241
3249
|
}
|
|
3242
3250
|
}
|
|
@@ -3247,8 +3255,8 @@
|
|
|
3247
3255
|
"title": "Stat cards",
|
|
3248
3256
|
"description": "A row of key numbers, each with its name and its change: one bordered strip, or a card each with a change in the corner or after the value, a \"from\" value, a status dot and a goal meter, a sparkline, a \"View more\" footer; or a usage tile per amount against its limit (a bar or a ring, a split by kind with what is free, a warning line near the cap, an action and a limit the founder can change); or a plain list of values with their change. Loading, empty and error states.",
|
|
3249
3257
|
"registryDependencies": [
|
|
3250
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
3251
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
3258
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
3259
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/chart.json"
|
|
3252
3260
|
],
|
|
3253
3261
|
"dependencies": [],
|
|
3254
3262
|
"files": [
|
|
@@ -3297,7 +3305,7 @@
|
|
|
3297
3305
|
"docs": "Installed to components/makersclaw/blocks/stat-cards. Import: import { StatCards } from \"@/components/makersclaw/blocks/stat-cards\". Props and an example: components/makersclaw/blocks/stat-cards/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
3298
3306
|
"meta": {
|
|
3299
3307
|
"makersclaw": {
|
|
3300
|
-
"version": "0.
|
|
3308
|
+
"version": "0.4.0",
|
|
3301
3309
|
"useWhen": "The few numbers at the top of a dashboard or a report: revenue, users, conversion, spend against budget, seats and storage against a plan. Not for a trend worth reading on its own (a chart), many rows of records (a table), or one subject scored against thresholds (a scorecard)."
|
|
3302
3310
|
}
|
|
3303
3311
|
}
|
|
@@ -3308,8 +3316,8 @@
|
|
|
3308
3316
|
"title": "Task list",
|
|
3309
3317
|
"description": "The List view of work, like ClickUp's or Linear's: tasks under headings that fold (group by status, assignee, priority, project, due date or any field), a round check to complete each, the title edited in place, subtasks indented under their parent with their own fold, the fields you choose (assignees, due date, priority, tags, project, estimate) as inline pickers, a quick-add row at the end of every group, drag to reorder and to move between groups (saving the new status, assignee or due date), multi-select with a bulk bar (status, assign, due, priority, delete with undo), a toolbar with search, filter chips, group by, sort and fields, and friendly empty states with starter templates. One async onChange saves every change; failures roll back with a notice.",
|
|
3310
3318
|
"registryDependencies": [
|
|
3311
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
3312
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
3319
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
3320
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/task-model.json"
|
|
3313
3321
|
],
|
|
3314
3322
|
"dependencies": [],
|
|
3315
3323
|
"files": [
|
|
@@ -3356,7 +3364,7 @@
|
|
|
3356
3364
|
"docs": "Installed to components/makersclaw/blocks/task-list. Import: import { TaskList } from \"@/components/makersclaw/blocks/task-list\". Props and an example: components/makersclaw/blocks/task-list/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
3357
3365
|
"meta": {
|
|
3358
3366
|
"makersclaw": {
|
|
3359
|
-
"version": "0.
|
|
3367
|
+
"version": "0.4.0",
|
|
3360
3368
|
"useWhen": "A screen that lists work to get done and moves it along: a team's tasks, a launch checklist, a sprint, a personal to-do list, onboarding steps, content to publish. Not for records that are not work (data-table), for stage columns side by side (board), or for dates on a grid (calendar)."
|
|
3361
3369
|
}
|
|
3362
3370
|
}
|
|
@@ -3367,7 +3375,7 @@
|
|
|
3367
3375
|
"title": "Task model",
|
|
3368
3376
|
"description": "The shared work-item model every task view reads: one task shape (status, assignees, start/due, estimate, progress, priority, parent, dependencies, location, tags, project, extra fields) with statuses, people and projects; pure helpers to search, filter, group by any field, sort, nest subtasks, do date math (week and month grids, working days, overlaps, time scales), sum capacity per person, follow dependencies and the critical path, and apply, undo and persist changes; the shared parts (StatusPill, AssigneeStack, DueLabel, PriorityFlag, TaskChip, CompleteToggle), the ViewToolbar (search, filter chips, group by, sort, show fields), drag primitives on @dnd-kit, a hook for optimistic saves with rollback and undo, and adapters that drive the Board and DataTable blocks from tasks.",
|
|
3369
3377
|
"registryDependencies": [
|
|
3370
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
3378
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
3371
3379
|
],
|
|
3372
3380
|
"dependencies": [
|
|
3373
3381
|
"@dnd-kit/core@6.3.1",
|
|
@@ -3445,7 +3453,7 @@
|
|
|
3445
3453
|
"docs": "Installed to components/makersclaw/blocks/task-model. Import: import { NONE, PRIORITIES, DEFAULT_STATUSES, TASK_FIELDS, DEFAULT_VIEW, normalizeTask, normalizeTasks, createTaskContext, fieldOf, isDone, doneStatusId, openStatusId, toggleDoneChange, newTaskId, draftTask, valuesOf, optionsOf, labelOf, searchText, searchTasks, filterTasks, orderOf, sortTasks, sortOptions, groupTasks, groupOptions, movePatch, applyView, activeFilterCount, rankBetween, placeChange, childrenMap, buildTree, flattenTree, descendantIds, ancestorIds, subtaskCounts, rollup, progressOf, dependencyEdges, blockersOf, wouldCycle, dateConflicts, criticalPath, hoursPerDay, workload, sumOf, applyChange, invertChange, changeWrites, changedIds, deleteChange, toBoard, toTableRows, taskFacets, StatusPill, CompleteToggle, AssigneeStack, PersonLabel, DueLabel, PriorityFlag, TagList, SubtaskCount, ProgressLine, TaskChip, GroupLabel, taskColumns, TONE_TEXT, HUE_EDGE, HUE_BG, TaskDragProvider, SortableGroup, useSortableTask, useDraggableTask, useDropTarget, DragHandle, DropLine, LIFTED, useReducedMotion, arrayMove, isDay, dayNumber, fromDayNumber, dayOf, minutesOf, withTime, todayDay, addDays, diffDays, weekdayOf, startOfWeek, endOfWeek, weekDays, startOfMonth, endOfMonth, addMonths, daysBetween, monthGrid, WEEKEND, isWeekend, isWorkingDay, workingDaysBetween, addWorkingDays, spanOf, spansOverlap, tasksInRange, tasksOnDay, shiftDates, spanPatch, dueBucket, DUE_BUCKETS, dayForBucket, formatDay, formatTime, formatDate, timeScale, rangeOfTasks, isNewId } from \"@/components/makersclaw/blocks/task-model\". Props and an example: components/makersclaw/blocks/task-model/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
3446
3454
|
"meta": {
|
|
3447
3455
|
"makersclaw": {
|
|
3448
|
-
"version": "0.
|
|
3456
|
+
"version": "0.4.0",
|
|
3449
3457
|
"useWhen": "You are building a view of work items — a list, calendar, gantt, workload, roadmap or a switcher between them — or driving Board / DataTable from tasks. Views import it; a surface rarely renders it alone. Not for records that are not work (use data-table or board directly)."
|
|
3450
3458
|
}
|
|
3451
3459
|
}
|
|
@@ -3456,7 +3464,7 @@
|
|
|
3456
3464
|
"title": "Testimonials",
|
|
3457
3465
|
"description": "A marketing section of customer quotes: name, role, company, face or logo, the quote, an optional star rating, a verified mark and a \"view on X\" source, and optional headline numbers (stats). Layouts: a grid of cards (plain, card or raised; hover can light one and dim the rest; a \"write a review\" tile), one large quote, a switcher of faces, and a carousel, optionally over a picture.",
|
|
3458
3466
|
"registryDependencies": [
|
|
3459
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
3467
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
3460
3468
|
],
|
|
3461
3469
|
"dependencies": [],
|
|
3462
3470
|
"files": [
|
|
@@ -3493,7 +3501,7 @@
|
|
|
3493
3501
|
"docs": "Installed to components/makersclaw/blocks/testimonials. Import: import { Testimonials } from \"@/components/makersclaw/blocks/testimonials\". Props and an example: components/makersclaw/blocks/testimonials/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
3494
3502
|
"meta": {
|
|
3495
3503
|
"makersclaw": {
|
|
3496
|
-
"version": "0.
|
|
3504
|
+
"version": "0.4.0",
|
|
3497
3505
|
"useWhen": "Social proof on a public page: a landing page, a pricing page, a product page, a case-study teaser. Not for reviews a signed-in user writes and manages (a record list or form), or an app's own activity feed."
|
|
3498
3506
|
}
|
|
3499
3507
|
}
|
|
@@ -3504,7 +3512,7 @@
|
|
|
3504
3512
|
"title": "TransactionList",
|
|
3505
3513
|
"description": "Money records as a plain list, in two variants: history (payments in and out, grouped by month, a received / paid / pending / failed mark and a signed amount) and invoices (number, date, a Paid / Due in N days / N days overdue badge, amount, download). Optional date-range filter, Export and per-row download. Empty, loading and error states built in.",
|
|
3506
3514
|
"registryDependencies": [
|
|
3507
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
3515
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json"
|
|
3508
3516
|
],
|
|
3509
3517
|
"dependencies": [],
|
|
3510
3518
|
"files": [
|
|
@@ -3542,7 +3550,7 @@
|
|
|
3542
3550
|
"docs": "Installed to components/makersclaw/blocks/transaction-list. Import: import { TransactionList } from \"@/components/makersclaw/blocks/transaction-list\". Props and an example: components/makersclaw/blocks/transaction-list/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
3543
3551
|
"meta": {
|
|
3544
3552
|
"makersclaw": {
|
|
3545
|
-
"version": "0.
|
|
3553
|
+
"version": "0.4.0",
|
|
3546
3554
|
"useWhen": "A billing page's invoices, an account's payment history, a wallet's recent activity: records read top to bottom, newest first. Not for records the founder sorts, filters by column or totals (data-table), or for one order (order-detail)."
|
|
3547
3555
|
}
|
|
3548
3556
|
}
|
|
@@ -3553,8 +3561,8 @@
|
|
|
3553
3561
|
"title": "Whiteboard",
|
|
3554
3562
|
"description": "A full-page freeform whiteboard on sketch-canvas: a top bar with the board's title (click to rename), the save state (Saving…, Saved, or the error with Retry), a Board / Text view switch, Export PNG and an optional Share button; under it the Miro-style canvas (tool rail, floating toolbar, zoom, undo). An empty board offers starter templates — blank, a grid of titled areas, a 2×2 matrix — and the Text view lists every word on the board for a screen reader or an agent. With onCreateTask, a selected note or text becomes a task from the top bar (\"Create task\", editable title; several notes make one task each), and a small badge marks it on the board from then on. The sketch is plain JSON; saves are async callbacks answering { ok }.",
|
|
3555
3563
|
"registryDependencies": [
|
|
3556
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
3557
|
-
"https://cdn.jsdelivr.net/npm/makersclaw@0.
|
|
3564
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/core.json",
|
|
3565
|
+
"https://cdn.jsdelivr.net/npm/makersclaw@0.4.0/r/sketch-canvas.json"
|
|
3558
3566
|
],
|
|
3559
3567
|
"dependencies": [],
|
|
3560
3568
|
"files": [
|
|
@@ -3603,7 +3611,7 @@
|
|
|
3603
3611
|
"docs": "Installed to components/makersclaw/blocks/whiteboard. Import: import { Whiteboard, WHITEBOARD_TEMPLATES, gridSketch, matrixSketch } from \"@/components/makersclaw/blocks/whiteboard\". Props and an example: components/makersclaw/blocks/whiteboard/README.md. Makersclaw builds whole apps from these blocks: https://makersclaw.com",
|
|
3604
3612
|
"meta": {
|
|
3605
3613
|
"makersclaw": {
|
|
3606
|
-
"version": "0.
|
|
3614
|
+
"version": "0.4.0",
|
|
3607
3615
|
"useWhen": "A screen is one board to think on: a team whiteboard, a planning or prioritisation board, a place to sketch an idea and keep it with a record. Not for marking up a screenshot (annotate), sketching a UI to build (sketch-to-app), a structured board of cards and connectors (flow-canvas), or a kanban (board)."
|
|
3608
3616
|
}
|
|
3609
3617
|
}
|