@adminforth/many2many 1.3.3 → 2.0.1

package/build.log

@@ -8,5 +8,5 @@ custom/ManyToManyInput.vue
 custom/ManyToManyShow.vue
 custom/tsconfig.json
 
-sent 4,979 bytes  received 77 bytes  10,112.00 bytes/sec
-total size is 4,701  speedup is 0.93
+sent 5,409 bytes  received 77 bytes  10,972.00 bytes/sec
+total size is 5,131  speedup is 0.94

package/custom/ManyToManyInput.vue

@@ -99,7 +99,6 @@ async function loadForeignOptions(search = '', offset = 0) {
 }
 
 function scrollNearEnd() {
-  console.log('scrollNearEnd');
   if ( lastSearch.value !== currentSearch.value ) {
     loadOffset.value = 0;
   } else {

package/custom/ManyToManyShow.vue

@@ -1,13 +1,25 @@
 <template>
- <template v-for="value in values" :key="value.value">
-    <Link :to="`/resource/${props.meta.linkedResourceId}/show/${value.value}`" class="badge bg-primary me-1 mr-3">{{ value.label }}</Link>
- </template>
+  <!-- linked records are chips, like the foreign key arrays of core -->
+  <span class="af-many2many-show flex flex-wrap">
+    <span
+      v-for="value in values"
+      :key="value.value"
+      class="inline-flex items-center rounded-full m-0.5 h-5 px-2 text-xs font-medium bg-lightButtonGroupActiveBackground text-lightButtonGroupActiveText dark:bg-darkButtonGroupActiveBackground dark:text-darkButtonGroupActiveText"
+    >
+      <RouterLink
+        :to="`/resource/${props.meta.linkedResourceId}/show/${value.value}`"
+        class="font-medium whitespace-nowrap hover:underline"
+      >
+        {{ value.label }}
+      </RouterLink>
+    </span>
+  </span>
 </template>
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
 import { callAdminForthApi } from '@/utils';
-import { Link } from '@/afcl'
+import { RouterLink } from 'vue-router';
 
 
 const props = defineProps<{

package/dist/custom/ManyToManyInput.vue

@@ -99,7 +99,6 @@ async function loadForeignOptions(search = '', offset = 0) {
 }
 
 function scrollNearEnd() {
-  console.log('scrollNearEnd');
   if ( lastSearch.value !== currentSearch.value ) {
     loadOffset.value = 0;
   } else {

package/dist/custom/ManyToManyShow.vue

@@ -1,13 +1,25 @@
 <template>
- <template v-for="value in values" :key="value.value">
-    <Link :to="`/resource/${props.meta.linkedResourceId}/show/${value.value}`" class="badge bg-primary me-1 mr-3">{{ value.label }}</Link>
- </template>
+  <!-- linked records are chips, like the foreign key arrays of core -->
+  <span class="af-many2many-show flex flex-wrap">
+    <span
+      v-for="value in values"
+      :key="value.value"
+      class="inline-flex items-center rounded-full m-0.5 h-5 px-2 text-xs font-medium bg-lightButtonGroupActiveBackground text-lightButtonGroupActiveText dark:bg-darkButtonGroupActiveBackground dark:text-darkButtonGroupActiveText"
+    >
+      <RouterLink
+        :to="`/resource/${props.meta.linkedResourceId}/show/${value.value}`"
+        class="font-medium whitespace-nowrap hover:underline"
+      >
+        {{ value.label }}
+      </RouterLink>
+    </span>
+  </span>
 </template>
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
 import { callAdminForthApi } from '@/utils';
-import { Link } from '@/afcl'
+import { RouterLink } from 'vue-router';
 
 
 const props = defineProps<{

package/dist/index.js

@@ -198,6 +198,7 @@ export default class ManyToManyPlugin extends AdminForthPlugin {
         server.endpoint({
             method: 'POST',
             path: `/plugin/${this.pluginInstanceId}/get-junctionResource-records`,
+            agent: { hiddenFromAgents: true },
             request_schema: getJunctionRecordsBodySchema,
             handler: (_a) => __awaiter(this, [_a], void 0, function* ({ body, response }) {
                 const data = body;

package/index.ts

@@ -200,6 +200,7 @@ export default class ManyToManyPlugin extends AdminForthPlugin {
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/get-junctionResource-records`,
+      agent: { hiddenFromAgents: true },
       request_schema: getJunctionRecordsBodySchema,
       handler: async ({ body, response }) => {
         const data = body as z.infer<typeof getJunctionRecordsBodySchema>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/many2many",
-  "version": "1.3.3",
+  "version": "2.0.1",
   "publishConfig": {
     "access": "public"
   },
@@ -49,12 +49,12 @@
   },
   "devDependencies": {
     "@types/node": "latest",
-    "adminforth": "^3.8.2",
+    "adminforth": "^4.7.3",
     "semantic-release": "^24.2.1",
     "semantic-release-slack-bot": "^4.0.2",
     "typescript": "^5.7.3"
   },
   "peerDependencies": {
-    "adminforth": "^3.8.2"
+    "adminforth": "^4.4.0"
   }
 }