Added numeric field to builder

Author: kevinmeijer97

.github/workflows/changelog.yml

@@ -0,0 +1,32 @@
+name: "Update Changelog"
+
+on:
+  workflow_dispatch:
+  release:
+    types: [ published, edited, deleted ]
+
+jobs:
+  generate:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ github.event.release.target_commitish }}
+          token: ${{ secrets.JUSTBETTER_ACTIONS_ACCOUNT_PAT }}
+
+      - name: Generate changelog
+        uses: justbetter/generate-changelogs-action@main
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          repository: ${{ github.repository }}
+          sha: ${{ github.head_ref || github.ref_name }}
+
+      - name: Commit CHANGELOG
+        uses: stefanzweifel/git-auto-commit-action@v4
+        with:
+          branch: ${{ github.event.release.target_commitish }}
+          commit_message: Update CHANGELOG
+          file_pattern: CHANGELOG.md

README.md

@@ -32,7 +32,7 @@ composer require justbetter/statamic-structured-data
 Create templates in your Statamic control panel that define your structured data schemas. Each template can contain multiple schema definitions with:
 
 - Special properties (@context, @type, @id)
-- Custom fields with various data types (strings, arrays, objects)
+- Custom fields with various data types (strings, numeric, arrays, objects)
 - Dynamic values using Antlers templating syntax
 
 ### 2. Assigning Templates to Entries

resources/dist/build/assets/statamic-structured-data-0787df7f.js

@@ -12,7 +12,7 @@
     "css": [
       "assets/statamic-structured-data-05ad0e35.css"
     ],
-    "file": "assets/statamic-structured-data-0787df7f.js",
+    "file": "assets/statamic-structured-data-6608a688.js",
     "isEntry": true,
     "src": "resources/js/statamic-structured-data.js"
   }

resources/dist/build/assets/statamic-structured-data-6608a688.js

@@ -51,6 +51,10 @@
                         <input type="text" v-model="field.value" class="input-text w-full" />
                     </div>
 
+                    <div v-else-if="field.type === 'numeric'">
+                        <input type="number" v-model="field.value" class="input-text w-full" />
+                    </div>
+
                     <div v-else-if="field.type === 'array'" class="space-y-2">
                         <div v-for="(value, valueIndex) in field.values" :key="valueIndex" class="flex gap-2">
                             <input type="text" v-model="field.values[valueIndex]" class="input-text flex-1" />
@@ -119,6 +123,7 @@ export default {
         selectOptions() {
             return [
                 { value: 'string', label: 'String' },
+                { value: 'numeric', label: 'Numeric' },
                 { value: 'array', label: 'Array' },
                 { value: 'object', label: 'Object' }
             ];

resources/dist/build/manifest.json

@@ -88,6 +88,14 @@
                                                 :placeholder="'Enter value'"
                                             />
 
+                                            <input
+                                                v-if="field.type === 'numeric'"
+                                                type="number"
+                                                v-model="field.value"
+                                                class="input-text w-full"
+                                                :placeholder="'Enter value'"
+                                            />
+
                                             <div v-else-if="field.type === 'array'" class="mt-2">
                                                 <div class="flex flex-col gap-2 space-y-2">
                                                     <div v-for="(value, valueIndex) in field.values" :key="valueIndex" class="flex items-center gap-2">
@@ -242,6 +250,7 @@ export default {
         selectOptions() {
             return [
                 { value: 'string', label: 'String' },
+                { value: 'numeric', label: 'Numeric' },
                 { value: 'array', label: 'Array' },
                 { value: 'object', label: 'Object' },
                 { value: 'object_array', label: 'Object Array' },

resources/js/components/StructuredDataObject.vue

@@ -39,6 +39,13 @@
                                         class="input-text w-full"
                                         :placeholder="'Enter value'"
                                     />
+                                    <input
+                                        v-if="field.type === 'numeric'"
+                                        type="number"
+                                        v-model="field.value"
+                                        class="input-text w-full"
+                                        :placeholder="'Enter value'"
+                                    />
                                     <div v-else-if="field.type === 'array'" class="mt-2">
                                         <div class="flex flex-col gap-2 space-y-2">
                                             <div v-for="(value, valueIndex) in field.values" :key="valueIndex" class="flex items-center gap-2">
@@ -151,6 +158,7 @@ export default {
         selectOptions() {
             return [
                 { value: 'string', label: 'String' },
+                { value: 'numeric', label: 'Numeric' },
                 { value: 'array', label: 'Array' },
                 { value: 'object', label: 'Object' }
             ];

resources/js/components/fieldtypes/StructuredDataBuilder.vue

@@ -91,6 +91,8 @@ public function transformSchema(array $schema): array
                     $result[$key] = $field['values'];
                 } elseif ($field['type'] === 'object' && isset($field['value'])) {
                     $result[$key] = $this->transformSchema($field['value']);
+                } elseif ($field['type'] === 'numeric' && isset($field['value'])) {
+                    $result[$key] = (float) $field['value'];
                 } else {
                     $result[$key] = $field['value'] ?? null;
                 }