@adminforth/inline-create 1.0.1

package/.woodpecker/buildRelease.sh

@@ -0,0 +1,13 @@
+
+#!/bin/bash
+
+# write npm run output both to console and to build.log
+npm run build 2>&1 | tee build.log
+build_status=${PIPESTATUS[0]}
+
+# if exist status from the npm run build is not 0
+# then exit with the status code from the npm run build
+if [ $build_status -ne 0 ]; then
+  echo "Build failed. Exiting with status code $build_status"
+  exit $build_status
+fi

package/.woodpecker/buildSlackNotify.sh

@@ -0,0 +1,44 @@
+#!/bin/sh
+
+set -x
+
+COMMIT_SHORT_SHA=$(echo $CI_COMMIT_SHA | cut -c1-8)
+
+
+if [ "$CI_STEP_STATUS" = "success" ]; then
+  MESSAGE="Did a build without issues on \`$CI_REPO_NAME/$CI_COMMIT_BRANCH\`. Commit: _${CI_COMMIT_MESSAGE}_ (<$CI_COMMIT_URL|$COMMIT_SHORT_SHA>)"
+
+  curl  -s -X POST -H "Content-Type: application/json" -d '{
+    "username": "'"$CI_COMMIT_AUTHOR"'",
+    "icon_url": "'"$CI_COMMIT_AUTHOR_AVATAR"'",
+    "attachments": [
+      {
+          "mrkdwn_in": ["text", "pretext"],
+          "color": "#36a64f",
+          "text": "'"$MESSAGE"'"
+      }
+    ]
+  }' "$DEVELOPERS_SLACK_WEBHOOK"
+  exit 0
+fi
+export BUILD_LOG=$(cat ./build.log)
+
+BUILD_LOG=$(echo $BUILD_LOG | sed 's/"/\\"/g')
+
+MESSAGE="Broke \`$CI_REPO_NAME/$CI_COMMIT_BRANCH\` with commit _${CI_COMMIT_MESSAGE}_ (<$CI_COMMIT_URL|$COMMIT_SHORT_SHA>)"
+CODE_BLOCK="\`\`\`$BUILD_LOG\n\`\`\`"
+
+echo "Sending slack message to developers $MESSAGE"
+# Send the message
+curl -sS -X POST -H "Content-Type: application/json" -d '{
+  "username": "'"$CI_COMMIT_AUTHOR"'",
+  "icon_url": "'"$CI_COMMIT_AUTHOR_AVATAR"'",
+  "attachments": [
+    {
+        "mrkdwn_in": ["text", "pretext"],
+        "color": "#8A1C12",
+        "text": "'"$CODE_BLOCK"'",
+        "pretext": "'"$MESSAGE"'"
+    }
+  ]
+}' "$DEVELOPERS_SLACK_WEBHOOK" 2>&1

package/.woodpecker/release.yml

@@ -0,0 +1,42 @@
+clone:
+  git:
+    image: woodpeckerci/plugin-git
+    settings:
+      partial: false
+      depth: 5
+
+steps:
+  init-secrets:
+    when:
+      - event: push
+    image: infisical/cli
+    environment:
+      INFISICAL_TOKEN:
+        from_secret: VAULT_TOKEN
+    commands:
+      - infisical export --domain https://vault.devforth.io/api --format=dotenv-export --env="prod" > /woodpecker/deploy.vault.env
+    secrets:
+      - VAULT_TOKEN
+
+  release:
+    image: node:20
+    when:
+      - event: push
+    commands:
+      - apt update && apt install -y rsync
+      - export $(cat /woodpecker/deploy.vault.env | xargs)
+      - npm clean-install
+      - /bin/bash ./.woodpecker/buildRelease.sh
+      - npm audit signatures
+      - npx semantic-release
+
+  slack-on-failure:
+    when:
+      - event: push
+        status: [failure, success]
+      - event: push
+    image: curlimages/curl
+    commands:
+      - export $(cat /woodpecker/deploy.vault.env | xargs)
+      - /bin/sh ./.woodpecker/buildSlackNotify.sh
+

package/build.log

@@ -0,0 +1,11 @@
+
+> @adminforth/inline-create@1.0.0 build
+> tsc && rsync -av --exclude 'node_modules' custom dist/
+
+sending incremental file list
+custom/
+custom/InlineCreateForm.vue
+custom/tsconfig.json
+
+sent 7,474 bytes  received 58 bytes  15,064.00 bytes/sec
+total size is 7,257  speedup is 0.96

package/custom/InlineCreateForm.vue

@@ -0,0 +1,221 @@
+<template>
+  <template v-if="isCreating">
+    <td class="px-4 py-2"></td>
+    <td v-for="column in allVisibleColumns" :key="column.name" class="px-2 md:px-3 lg:px-6 py-2">
+      <div v-if="isEditableColumn(column)" class="flex gap-2">
+        <ColumnValueInputWrapper
+          ref="input"
+          class="min-w-24"
+          :source="'create'"
+          :column="column"
+          :currentValues="formData"
+          :mode="'create'"
+          :columnOptions="columnOptions"
+          :unmasked="unmasked"
+          :setCurrentValue="setCurrentValue"
+          @update:unmasked="handleUnmasked"
+        />
+        <div v-if="column.required?.create" ><IconExclamationCircleSolid class="w-4 h-4"/></div>
+      </div>
+      <div v-else></div>
+    </td>
+    <td class="px-4 pt-4 flex gap-2 items-center">
+      <button 
+        @click="handleSave"
+        class="text-green-600 hover:text-green-800 disabled:opacity-50"
+        :disabled="saving || !isValid"
+      >
+        <IconCheckOutline v-if="!saving" class="w-5 h-5"/>
+      </button>
+      <button 
+        @click="cancelCreate"
+        class="text-red-600 hover:text-red-800"
+      >
+        <IconXOutline class="w-5 h-5"/>
+      </button>
+    </td>
+  </template>
+  <template v-else>
+    <td :colspan="visibleColumns.length + 1" class="px-4 py-2">
+      <button 
+        @click="startCreate"
+        class="w-full text-left text-sm text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200"
+      >
+        <div class="flex items-center">
+          <IconPlusOutline class="w-4 h-4 mr-2"/>
+          {{ t('Add new record') }}
+        </div>
+      </button>
+    </td>
+  </template>
+  </template>
+  
+  <script setup>
+  import { ref, computed } from 'vue';
+  import { useCoreStore } from '@/stores/core';
+  import { callAdminForthApi } from '@/utils';
+  import { useI18n } from 'vue-i18n';
+  import ColumnValueInputWrapper from '@/components/ColumnValueInputWrapper.vue';
+  import { IconCheckOutline, IconXOutline, IconPlusOutline, IconExclamationCircleSolid} from '@iconify-prerendered/vue-flowbite';
+  import { computedAsync } from '@vueuse/core';
+  import { useRouter } from 'vue-router';
+  
+  const props = defineProps(['meta']);
+  const emit = defineEmits(['update:records']);
+  const { t } = useI18n();
+  const router = useRouter();
+  
+  const coreStore = useCoreStore();
+  const isCreating = ref(false);
+  const saving = ref(false);
+  const formData = ref({});
+  const unmasked = ref({});
+  const invalidFields = ref({});
+  const emptyFields = ref({});
+
+  const visibleColumns = computed(() => 
+    coreStore.resource.columns.filter(c => !c.backendOnly && c.showIn?.create !== false && !c.primaryKey)
+  );
+  function handleUnmasked(columnName) {
+    unmasked.value[columnName] = !unmasked.value[columnName];
+  }
+
+  const allVisibleColumns = computed(() => {
+    const columnsMap = new Map();
+    
+    coreStore.resource.columns.filter(c => c.showIn?.list).forEach(column => {
+      columnsMap.set(column.label, column);
+    });
+    
+    visibleColumns.value.forEach(column => {
+      columnsMap.set(column.label, column);
+    });
+    
+    return Array.from(columnsMap.values());
+  });
+
+  // Function to check if a column should be editable
+  function isEditableColumn(column) {
+    return !column.backendOnly && column.showIn?.create !== false && !column.primaryKey;
+  }
+  
+  const columnOptions = computedAsync(async () => { 
+    return (await Promise.all(
+      Object.values(coreStore.resource.columns).map(async (column) => {
+        if (column.foreignResource) {
+          const list = await callAdminForthApi({
+            method: 'POST',
+            path: `/get_resource_foreign_data`,
+            body: {
+              resourceId: coreStore.resource.resourceId,
+              column: column.name,
+              limit: 1000,
+              offset: 0,
+            },
+          });
+  
+          if (!column.required?.create) list.items.push({ value: null, label: column.foreignResource.unsetLabel });
+  
+          return { [column.name]: list.items };
+        }
+      })
+    )).reduce((acc, val) => Object.assign(acc, val), {})
+  }, {});
+  
+  const isValid = computed(() => {
+    return !Object.values(invalidFields.value).some(invalid => invalid);
+  });
+  
+  function initializeFormData() {
+    const newFormData = {};
+    visibleColumns.value.forEach(column => {
+      if (column.isArray?.enabled) {
+        newFormData[column.name] = []; // Initialize as empty array
+      } else if (column.type === 'json') {
+        newFormData[column.name] = null;
+      } else if (column.suggestOnCreate !== undefined) {
+        newFormData[column.name] = column.suggestOnCreate;
+      } else {
+        newFormData[column.name] = null;
+      }
+    });
+    formData.value = newFormData;
+    invalidFields.value = {};
+    emptyFields.value = {};
+  }
+  
+  function startCreate() {
+    isCreating.value = true;
+    initializeFormData();
+  }
+  
+  function cancelCreate() {
+    isCreating.value = false;
+    formData.value = {};
+    invalidFields.value = {};
+    emptyFields.value = {};
+  }
+  
+  function setCurrentValue(field, value, arrayIndex = undefined) {
+    if (arrayIndex !== undefined) {
+      // Handle array updates
+      if (!Array.isArray(formData.value[field])) {
+        formData.value[field] = [];
+      }
+      
+      const column = coreStore.resource.columns.find(c => c.name === field);
+      const newArray = [...formData.value[field]];
+      
+      if (arrayIndex >= newArray.length) {
+        // When adding a new item, always add null
+        newArray.push(null);
+      } else {
+        // For existing items, handle type conversion
+        if (column?.isArray?.itemType && ['integer', 'float', 'decimal'].includes(column.isArray.itemType)) {
+          newArray[arrayIndex] = value !== null && value !== '' ? +value : null;
+        } else {
+          newArray[arrayIndex] = value;
+        }
+      }
+      
+      // Assign the new array
+      formData.value[field] = newArray;
+    } else {
+      // Handle non-array updates
+      formData.value[field] = value;
+    }
+  }
+  
+  async function handleSave() {
+    if (!isValid.value) return;
+    
+    saving.value = true;
+    try {
+      const response = await callAdminForthApi({
+        method: 'POST',
+        path: `/plugin/${props.meta.pluginInstanceId}/create`,
+        body: {
+          resourceId: coreStore.resource.resourceId,
+          record: formData.value
+        }
+      });
+  
+      if (response.error) {
+        adminforth.alert({
+          message: response.error,
+          variant: 'error'
+        });
+        return;
+      }
+      cancelCreate();
+      
+      adminforth.alert({
+        message: t('Record created successfully!'),
+        variant: 'success'
+      });
+      await adminforth.list.refresh();
+    } finally {
+      saving.value = false;
+    }
+  }
+  </script>

package/custom/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".", // This should point to your project root
+    "paths": {
+      "@/*": [
+        // "node_modules/adminforth/dist/spa/src/*"
+        "../../../spa/src/*"
+      ],
+      "*": [
+        // "node_modules/adminforth/dist/spa/node_modules/*"
+        "../../../spa/node_modules/*"
+      ],
+      "@@/*": [
+        // "node_modules/adminforth/dist/spa/src/*"
+        "."
+      ]
+    }
+  }
+}

package/dist/custom/InlineCreateForm.vue

@@ -0,0 +1,221 @@
+<template>
+  <template v-if="isCreating">
+    <td class="px-4 py-2"></td>
+    <td v-for="column in allVisibleColumns" :key="column.name" class="px-2 md:px-3 lg:px-6 py-2">
+      <div v-if="isEditableColumn(column)" class="flex gap-2">
+        <ColumnValueInputWrapper
+          ref="input"
+          class="min-w-24"
+          :source="'create'"
+          :column="column"
+          :currentValues="formData"
+          :mode="'create'"
+          :columnOptions="columnOptions"
+          :unmasked="unmasked"
+          :setCurrentValue="setCurrentValue"
+          @update:unmasked="handleUnmasked"
+        />
+        <div v-if="column.required?.create" ><IconExclamationCircleSolid class="w-4 h-4"/></div>
+      </div>
+      <div v-else></div>
+    </td>
+    <td class="px-4 pt-4 flex gap-2 items-center">
+      <button 
+        @click="handleSave"
+        class="text-green-600 hover:text-green-800 disabled:opacity-50"
+        :disabled="saving || !isValid"
+      >
+        <IconCheckOutline v-if="!saving" class="w-5 h-5"/>
+      </button>
+      <button 
+        @click="cancelCreate"
+        class="text-red-600 hover:text-red-800"
+      >
+        <IconXOutline class="w-5 h-5"/>
+      </button>
+    </td>
+  </template>
+  <template v-else>
+    <td :colspan="visibleColumns.length + 1" class="px-4 py-2">
+      <button 
+        @click="startCreate"
+        class="w-full text-left text-sm text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200"
+      >
+        <div class="flex items-center">
+          <IconPlusOutline class="w-4 h-4 mr-2"/>
+          {{ t('Add new record') }}
+        </div>
+      </button>
+    </td>
+  </template>
+  </template>
+  
+  <script setup>
+  import { ref, computed } from 'vue';
+  import { useCoreStore } from '@/stores/core';
+  import { callAdminForthApi } from '@/utils';
+  import { useI18n } from 'vue-i18n';
+  import ColumnValueInputWrapper from '@/components/ColumnValueInputWrapper.vue';
+  import { IconCheckOutline, IconXOutline, IconPlusOutline, IconExclamationCircleSolid} from '@iconify-prerendered/vue-flowbite';
+  import { computedAsync } from '@vueuse/core';
+  import { useRouter } from 'vue-router';
+  
+  const props = defineProps(['meta']);
+  const emit = defineEmits(['update:records']);
+  const { t } = useI18n();
+  const router = useRouter();
+  
+  const coreStore = useCoreStore();
+  const isCreating = ref(false);
+  const saving = ref(false);
+  const formData = ref({});
+  const unmasked = ref({});
+  const invalidFields = ref({});
+  const emptyFields = ref({});
+
+  const visibleColumns = computed(() => 
+    coreStore.resource.columns.filter(c => !c.backendOnly && c.showIn?.create !== false && !c.primaryKey)
+  );
+  function handleUnmasked(columnName) {
+    unmasked.value[columnName] = !unmasked.value[columnName];
+  }
+
+  const allVisibleColumns = computed(() => {
+    const columnsMap = new Map();
+    
+    coreStore.resource.columns.filter(c => c.showIn?.list).forEach(column => {
+      columnsMap.set(column.label, column);
+    });
+    
+    visibleColumns.value.forEach(column => {
+      columnsMap.set(column.label, column);
+    });
+    
+    return Array.from(columnsMap.values());
+  });
+
+  // Function to check if a column should be editable
+  function isEditableColumn(column) {
+    return !column.backendOnly && column.showIn?.create !== false && !column.primaryKey;
+  }
+  
+  const columnOptions = computedAsync(async () => { 
+    return (await Promise.all(
+      Object.values(coreStore.resource.columns).map(async (column) => {
+        if (column.foreignResource) {
+          const list = await callAdminForthApi({
+            method: 'POST',
+            path: `/get_resource_foreign_data`,
+            body: {
+              resourceId: coreStore.resource.resourceId,
+              column: column.name,
+              limit: 1000,
+              offset: 0,
+            },
+          });
+  
+          if (!column.required?.create) list.items.push({ value: null, label: column.foreignResource.unsetLabel });
+  
+          return { [column.name]: list.items };
+        }
+      })
+    )).reduce((acc, val) => Object.assign(acc, val), {})
+  }, {});
+  
+  const isValid = computed(() => {
+    return !Object.values(invalidFields.value).some(invalid => invalid);
+  });
+  
+  function initializeFormData() {
+    const newFormData = {};
+    visibleColumns.value.forEach(column => {
+      if (column.isArray?.enabled) {
+        newFormData[column.name] = []; // Initialize as empty array
+      } else if (column.type === 'json') {
+        newFormData[column.name] = null;
+      } else if (column.suggestOnCreate !== undefined) {
+        newFormData[column.name] = column.suggestOnCreate;
+      } else {
+        newFormData[column.name] = null;
+      }
+    });
+    formData.value = newFormData;
+    invalidFields.value = {};
+    emptyFields.value = {};
+  }
+  
+  function startCreate() {
+    isCreating.value = true;
+    initializeFormData();
+  }
+  
+  function cancelCreate() {
+    isCreating.value = false;
+    formData.value = {};
+    invalidFields.value = {};
+    emptyFields.value = {};
+  }
+  
+  function setCurrentValue(field, value, arrayIndex = undefined) {
+    if (arrayIndex !== undefined) {
+      // Handle array updates
+      if (!Array.isArray(formData.value[field])) {
+        formData.value[field] = [];
+      }
+      
+      const column = coreStore.resource.columns.find(c => c.name === field);
+      const newArray = [...formData.value[field]];
+      
+      if (arrayIndex >= newArray.length) {
+        // When adding a new item, always add null
+        newArray.push(null);
+      } else {
+        // For existing items, handle type conversion
+        if (column?.isArray?.itemType && ['integer', 'float', 'decimal'].includes(column.isArray.itemType)) {
+          newArray[arrayIndex] = value !== null && value !== '' ? +value : null;
+        } else {
+          newArray[arrayIndex] = value;
+        }
+      }
+      
+      // Assign the new array
+      formData.value[field] = newArray;
+    } else {
+      // Handle non-array updates
+      formData.value[field] = value;
+    }
+  }
+  
+  async function handleSave() {
+    if (!isValid.value) return;
+    
+    saving.value = true;
+    try {
+      const response = await callAdminForthApi({
+        method: 'POST',
+        path: `/plugin/${props.meta.pluginInstanceId}/create`,
+        body: {
+          resourceId: coreStore.resource.resourceId,
+          record: formData.value
+        }
+      });
+  
+      if (response.error) {
+        adminforth.alert({
+          message: response.error,
+          variant: 'error'
+        });
+        return;
+      }
+      cancelCreate();
+      
+      adminforth.alert({
+        message: t('Record created successfully!'),
+        variant: 'success'
+      });
+      await adminforth.list.refresh();
+    } finally {
+      saving.value = false;
+    }
+  }
+  </script>

package/dist/custom/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".", // This should point to your project root
+    "paths": {
+      "@/*": [
+        // "node_modules/adminforth/dist/spa/src/*"
+        "../../../spa/src/*"
+      ],
+      "*": [
+        // "node_modules/adminforth/dist/spa/node_modules/*"
+        "../../../spa/node_modules/*"
+      ],
+      "@@/*": [
+        // "node_modules/adminforth/dist/spa/src/*"
+        "."
+      ]
+    }
+  }
+}

package/dist/index.js

@@ -0,0 +1,87 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { AdminForthPlugin } from "adminforth";
+export default class InlineCreatePlugin extends AdminForthPlugin {
+    constructor(options) {
+        super(options, import.meta.url);
+        this.options = options;
+    }
+    modifyResourceConfig(adminforth, resourceConfig) {
+        const _super = Object.create(null, {
+            modifyResourceConfig: { get: () => super.modifyResourceConfig }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.modifyResourceConfig.call(this, adminforth, resourceConfig);
+            if (!resourceConfig.options.pageInjections) {
+                resourceConfig.options.pageInjections = {};
+            }
+            if (!resourceConfig.options.pageInjections.list) {
+                resourceConfig.options.pageInjections.list = {};
+            }
+            resourceConfig.options.pageInjections.list.tableBodyStart = [{
+                    file: this.componentPath('InlineCreateForm.vue'),
+                    meta: {
+                        pluginInstanceId: this.pluginInstanceId
+                    }
+                }];
+        });
+    }
+    validateConfigAfterDiscover(adminforth, resourceConfig) {
+        var _a, _b, _c;
+        // Check each column for potential configuration issues
+        for (const column of resourceConfig.columns) {
+            if (column.backendOnly)
+                continue;
+            const isRequiredForCreate = ((_a = column.required) === null || _a === void 0 ? void 0 : _a.create) === true;
+            const isVisibleInList = ((_b = column.showIn) === null || _b === void 0 ? void 0 : _b.list) !== false;
+            const hasFillOnCreate = column.fillOnCreate !== undefined;
+            const isVisibleInCreate = ((_c = column.showIn) === null || _c === void 0 ? void 0 : _c.create) !== false;
+            if (isRequiredForCreate && !isVisibleInList && !hasFillOnCreate) {
+                throw new Error(`Column "${column.name}" in resource "${resourceConfig.resourceId}" is required for create but not visible in list view. ` +
+                    'Either:\n' +
+                    '1) Set showIn.list: true, or\n' +
+                    '2) Set required.create: false and ensure a database default exists, or\n' +
+                    '3) Add fillOnCreate property and set showIn.create: false');
+            }
+            if (hasFillOnCreate && isVisibleInCreate) {
+                throw new Error(`Column "${column.name}" in resource "${resourceConfig.resourceId}" has fillOnCreate but is still visible in create form. ` +
+                    'When using fillOnCreate, set showIn.create: false');
+            }
+        }
+    }
+    instanceUniqueRepresentation() {
+        return 'inline-create';
+    }
+    setupEndpoints(server) {
+        server.endpoint({
+            method: 'POST',
+            path: `/plugin/${this.pluginInstanceId}/create`,
+            handler: (_a) => __awaiter(this, [_a], void 0, function* ({ body, adminforth, adminUser }) {
+                const { record, resourceId } = body;
+                const resource = this.adminforth.config.resources.find(r => r.resourceId === resourceId);
+                const cleanRecord = resource.columns.reduce((acc, field) => {
+                    if (record[field.name] !== undefined && record[field.name] !== null) {
+                        acc[field.name] = record[field.name];
+                    }
+                    return acc;
+                }, {});
+                const result = yield this.adminforth.createResourceRecord({
+                    resource,
+                    record: cleanRecord,
+                    adminUser
+                });
+                if (result.error) {
+                    return { error: result.error };
+                }
+                return { record: result.createdRecord };
+            })
+        });
+    }
+}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/index.ts

@@ -0,0 +1,94 @@
+import { AdminForthPlugin } from "adminforth";
+import type { IAdminForth, IHttpServer, AdminForthResourcePages, AdminForthResourceColumn, AdminForthDataTypes, AdminForthResource } from "adminforth";
+import type { PluginOptions } from './types.js';
+
+export default class InlineCreatePlugin extends AdminForthPlugin {
+  options: PluginOptions;
+
+  constructor(options: PluginOptions) {
+    super(options, import.meta.url);
+    this.options = options;
+  }
+
+  async modifyResourceConfig(adminforth: IAdminForth, resourceConfig: AdminForthResource) {
+    super.modifyResourceConfig(adminforth, resourceConfig);
+
+    if (!resourceConfig.options.pageInjections) {
+      resourceConfig.options.pageInjections = {};
+    }
+
+    if (!resourceConfig.options.pageInjections.list) {
+      resourceConfig.options.pageInjections.list = {};
+    }
+
+    resourceConfig.options.pageInjections.list.tableBodyStart = [{
+      file: this.componentPath('InlineCreateForm.vue'),
+      meta: {
+        pluginInstanceId: this.pluginInstanceId
+      }
+    }];
+  }
+
+  validateConfigAfterDiscover(adminforth: IAdminForth, resourceConfig: AdminForthResource) {
+    // Check each column for potential configuration issues
+    for (const column of resourceConfig.columns) {
+      if (column.backendOnly) continue;
+
+      const isRequiredForCreate = column.required?.create === true;
+      const isVisibleInList = column.showIn?.list !== false;
+      const hasFillOnCreate = column.fillOnCreate !== undefined;
+      const isVisibleInCreate = column.showIn?.create !== false;
+
+      if (isRequiredForCreate && !isVisibleInList && !hasFillOnCreate) {
+        throw new Error(
+          `Column "${column.name}" in resource "${resourceConfig.resourceId}" is required for create but not visible in list view. ` +
+          'Either:\n' +
+          '1) Set showIn.list: true, or\n' +
+          '2) Set required.create: false and ensure a database default exists, or\n' +
+          '3) Add fillOnCreate property and set showIn.create: false'
+        );
+      }
+
+      if (hasFillOnCreate && isVisibleInCreate) {
+        throw new Error(
+          `Column "${column.name}" in resource "${resourceConfig.resourceId}" has fillOnCreate but is still visible in create form. ` +
+          'When using fillOnCreate, set showIn.create: false'
+        );
+      }
+    }
+  }
+
+  instanceUniqueRepresentation() {
+    return 'inline-create';
+  }
+
+  setupEndpoints(server: IHttpServer) {
+    server.endpoint({
+      method: 'POST',
+      path: `/plugin/${this.pluginInstanceId}/create`,
+      handler: async ({ body, adminforth, adminUser }) => {
+        const { record, resourceId } = body;
+        
+        const resource = this.adminforth.config.resources.find(r => r.resourceId === resourceId);
+        
+        const cleanRecord = resource.columns.reduce((acc, field) => {
+          if (record[field.name] !== undefined && record[field.name] !== null) {
+            acc[field.name] = record[field.name];
+          }
+          return acc;
+        }, {});
+        
+        const result = await this.adminforth.createResourceRecord({
+          resource,
+          record: cleanRecord,
+          adminUser
+        });
+
+        if (result.error) {
+          return { error: result.error };
+        }
+        return { record: result.createdRecord };
+      }
+    });
+  }
+}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@adminforth/inline-create",
+  "version": "1.0.1",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "scripts": {
+    "prepare": "npm link adminforth",
+    "build": "tsc && rsync -av --exclude 'node_modules' custom dist/"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/devforth/adminforth-inline-create.git"
+  },
+  "keywords": [
+    "adminforth",
+    "inline create"
+  ],
+  "author": "devforth",
+  "license": "MIT",
+  "description": "Inline create plugin for adminforth",
+  "dependencies": {
+    "adminforth": "latest"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.7",
+    "semantic-release": "^24.2.1",
+    "semantic-release-slack-bot": "^4.0.2",
+    "typescript": "^5.7.3"
+  },
+  "release": {
+    "plugins": [
+      "@semantic-release/commit-analyzer",
+      "@semantic-release/release-notes-generator",
+      "@semantic-release/npm",
+      "@semantic-release/github",
+      [
+        "semantic-release-slack-bot",
+        {
+          "notifyOnSuccess": true,
+          "notifyOnFail": true,
+          "slackIcon": ":package:",
+          "markdownReleaseNotes": true
+        }
+      ]
+    ],
+    "branches": [
+      "main",
+      {
+        "name": "next",
+        "prerelease": true
+      }
+    ]
+  }
+}

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+      "target": "es2016",                                  /* Set the JavaScript language version for emitted JavaScript and include*/ 
+      "module": "node16",                                /* Specify what module code is generated. */
+      "outDir": "./dist",                                   /* Specify an output folder for all emitted files. */
+      "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules.  */
+      "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
+      "strict": false,                                     /* Enable all strict type-checking options. */
+      "skipLibCheck": true,                                 /* Skip type checking all .d.ts files. */
+    },
+    "exclude": ["node_modules", "dist", "custom"],           /* Exclude files from compilation. */
+  }
+  

package/types.ts

@@ -0,0 +1,3 @@
+export interface PluginOptions {
+
+}