appcore-filemaker 0.1.0-beta.1

Deterministic declarative document, canvas, and dataset compiler for AppCore
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129

filemaker: "1.0"
model: document
id: basic-operations-snapshot
collision: false
page:
  preset: A4
  safe: { top: 8mm, right: 8mm, bottom: 8mm, left: 8mm }
themes:
  corporate:
    tokens:
      navy: "#17324d"
      blue: "#2e75b6"
      pale: "#eef4f8"
      green: "#2a9d8f"
      orange: "#f4a261"
      muted: "#607080"
theme: corporate
styles:
  title: { font: NotoSans, font_size: 22pt, color: "$navy" }
  subtitle: { font: NotoSans, font_size: 10pt, color: "$muted" }
  section: { font: NotoSans, font_size: 12pt, color: "$navy" }
  body: { font: NotoSans, font_size: 9pt, color: "$navy" }
data_schema:
  report_title: { type: string }
  report_subtitle: { type: string }
  owner: { type: string }
  rows: { type: array }
elements:
  - { id: brand-rail, type: rect, x: 0mm, y: 0mm, width: 8mm, height: 100%, style: { fill: "$navy" }, layer: background }
  - id: report-title
    type: text
    binding: data.report_title
    x: 18mm
    y: 16mm
    width: 150mm
    height: 12mm
    styles: [title]
    text_options: { overflow: shrink, min_font_size: 16pt, max_lines: 1 }
  - id: report-subtitle
    type: text
    binding: data.report_subtitle
    x: 18mm
    y: 31mm
    width: 150mm
    height: 6mm
    styles: [subtitle]
    text_options: { overflow: ellipsis, max_lines: 1 }
  - { id: header-rule, type: line, x: 18mm, y: 41mm, width: 174mm, height: 0pt, style: { stroke: "$blue", stroke_width: 1.5pt } }
  - id: overview-card
    type: group
    x: 18mm
    y: 50mm
    width: 174mm
    height: 49mm
    children:
      - { id: overview-surface, type: rect, x: 0mm, y: 0mm, width: 100%, height: 100%, style: { fill: "$pale", stroke: "#d4e2ec", stroke_width: 1pt } }
      - { id: health-dot, type: circle, x: 9mm, y: 12mm, width: 22mm, height: 22mm, style: { fill: "$green" } }
      - id: health-check
        type: path
        x: 15mm
        y: 17mm
        width: 12mm
        height: 13mm
        style: { stroke: "#ffffff", stroke_width: 2pt }
        path:
          - { command: move, x: 0%, y: 55% }
          - { command: line, x: 35%, y: 100% }
          - { command: line, x: 100%, y: 0% }
      - { id: health-label, type: text, text: "Operations on track", x: 38mm, y: 9mm, width: 65mm, height: 8mm, styles: [section] }
      - id: health-owner
        type: text
        binding: data.owner
        x: 38mm
        y: 20mm
        width: 65mm
        height: 6mm
        styles: [body]
        text_options: { overflow: ellipsis, max_lines: 1 }
      - { id: progress-track, type: rect, x: 38mm, y: 32mm, width: 58mm, height: 5mm, style: { fill: "#d3dde5" } }
      - { id: progress-value, type: rect, x: 38mm, y: 32mm, width: 47mm, height: 5mm, style: { fill: "$blue" } }
      - id: sparkline
        type: path
        x: 108mm
        y: 10mm
        width: 55mm
        height: 27mm
        style: { stroke: "$orange", stroke_width: 2pt }
        path:
          - { command: move, x: 0%, y: 82% }
          - { command: line, x: 18%, y: 62% }
          - { command: line, x: 36%, y: 69% }
          - { command: line, x: 55%, y: 35% }
          - { command: line, x: 74%, y: 48% }
          - { command: curve, x1: 82%, y1: 46%, x2: 90%, y2: 15%, x: 100%, y: 12% }
      - { id: sparkline-caption, type: text, text: "Weekly throughput", x: 108mm, y: 37mm, width: 55mm, height: 5mm, styles: [subtitle] }
  - { id: table-heading, type: text, text: "Operational metrics", x: 18mm, y: 109mm, width: 100mm, height: 8mm, styles: [section] }
  - id: metrics-table
    type: table
    binding: data.rows
    x: 18mm
    y: 121mm
    width: 174mm
    height: 104mm
    style: { font: NotoSans, font_size: 9pt, color: "$navy", fill: "#ffffff", stroke: "#d7e0e7", stroke_width: 0.5pt }
    table:
      columns:
        - { field: metric, header: Metric, width: { mode: flex, value: 3 } }
        - { field: owner, header: Owner, width: { mode: flex, value: 2 } }
        - { field: value, header: Value, width: { mode: fixed, value: 26mm } }
        - { field: trend, header: Trend, width: { mode: flex, value: 2 } }
      repeat_header: true
      total_fields: [value]
      conditional_styles:
        - { when: 'data.trend == "Needs attention"', style: { fill: "#fff1ef", color: "#9d2c20" } }
      max_rows: 8
      max_row_fields: 6
      max_cell_bytes: 96
      header_height: 9mm
      row_height: 10mm
  - { id: footer-rule, type: line, x: 18mm, y: 266mm, width: 174mm, height: 0pt, style: { stroke: "#d4e2ec", stroke_width: 1pt } }
  - id: footer-note
    type: text
    text: "Generated with appcore-filemaker ยท deterministic fixed-point layout"
    x: 18mm
    y: 271mm
    width: 174mm
    height: 6mm
    styles: [subtitle]
    text_options: { overflow: ellipsis, max_lines: 1 }