@ossy/resources 1.12.2 → 1.12.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ossy/resources",
   "description": "Resource domain — aggregate and events for the Ossy resource model",
-  "version": "1.12.2",
+  "version": "1.12.3",
   "private": false,
   "type": "module",
   "main": "./src/index.js",
@@ -11,14 +11,22 @@
     "./server": "./src/server.js"
   },
   "scripts": {
-    "test": "NODE_OPTIONS=--experimental-vm-modules jest --verbose"
+    "test": "NODE_OPTIONS=--experimental-vm-modules jest --verbose",
+    "test:integration": "NODE_OPTIONS=--experimental-vm-modules jest --config jest.integration.config.js --verbose"
   },
   "author": "Ossy <yourfriends@ossy.se> (https://ossy.se)",
   "license": "MIT",
   "ossy": {
     "src": "./src"
   },
+  "dependencies": {
+    "@ossy/event-store": "^1.8.3",
+    "@ossy/fold": "^1.0.1",
+    "@ossy/platform": "^1.39.3",
+    "@ossy/schema": "^1.0.1"
+  },
   "peerDependencies": {
+    "@ossy/schema": "*",
     "@ossy/sdk-react": ">=1.0.0",
     "@ossy/workspaces": ">=1.0.0",
     "react": ">=19.0.0 <20.0.0"
@@ -37,5 +45,5 @@
     "/src",
     "README.md"
   ],
-  "gitHead": "2b8745d57fee8b6c08787e2755b4df489291a5cd"
+  "gitHead": "a0d89185a17f8de8ce328c3a648c108ff1d61d8f"
 }

package/src/AudioResource.jsx

@@ -8,7 +8,7 @@ export const AudioResource = ({
   onClose: _onClose
 }) => {
   const sdk = useSdk()
-  const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
+  const { data: resource } = sdk.read(GetResource, { resourceId }, { enabled: !!resourceId })
 
   return (
     <View stack bordered>

package/src/CreateDirectory.jsx

@@ -1,15 +1,7 @@
 import React, { useState, useRef } from 'react'
 import { createDirectory } from './resource.helpers.js'
 import { useSdk } from '@ossy/sdk-react'
-import {
-  Input,
-  Title,
-  Button,
-  View,
-  useInputValue,
-  Text,
-  useLocale,
-} from '@ossy/design-system'
+import { Input, Button, View, useInputValue, Text, useLocale } from '@ossy/design-system'
 import { useRouter } from '@ossy/router-react'
 
 export const CreateDirectory = () => {
@@ -51,7 +43,7 @@ export const CreateDirectory = () => {
   return (
     <View gap="s" style={{ height: '100%' }}>
 
-      <Title variant="primary" style={{ marginBottom: 'var(--space-m)' }}>{t('resources.createDirectory.title')}</Title>
+      <Text variant="heading-primary" style={{ marginBottom: 'var(--space-m)' }} as="h1" text="resources.createDirectory.title" />
 
       <Text style={{ marginBottom: 'var(--space-m)' }}>
         {t('resources.createDirectory.description', { location: directoryLocation })}

package/src/CreateDocument.jsx

@@ -8,7 +8,7 @@ import { GenericResourceForm } from './GenericResourceForm.jsx'
 export const CreateDocument = () => {
   const { t } = useLocale()
   const router = useRouter()
-  const templateId = router.searchParams.templateId
+  const schemaId = router.searchParams.schemaId
   const location = router.searchParams.location
   const sdk = useSdk()
   const [error, setError] = useState()
@@ -27,7 +27,7 @@ export const CreateDocument = () => {
   return (
     <>
       <GenericResourceForm
-        templateId={templateId}
+        schemaId={schemaId}
         mode="create"
         onSubmit={onSubmit}
         onCancel={onCancel}

package/src/Definition.js

@@ -1,6 +1,6 @@
 export const Definition = {
   id: 'resources',
-  title: 'Free Resources',
+  title: 'Resources',
   description: `
     We believe in providing value at every step of your journey with us.
     That's why we've curated a collection of free resources.
@@ -10,4 +10,5 @@ export const Definition = {
   `,
   icon: 'image',
   statuses: ['beta'],
+  entitlementRequired: false,
 }

package/src/DocumentEdit.jsx

@@ -1,51 +1,23 @@
 import React from 'react'
 import { metadata as GetResource } from './get.action.js'
-import { GetWorkspace } from '@ossy/workspaces'
 import { useSdk } from '@ossy/sdk-react'
-import {
-  Text,
-  View,
-  DelayedRender,
-  Fields,
-} from '@ossy/design-system'
+import { GenericResourceForm } from './GenericResourceForm.jsx'
 
+/** @deprecated Prefer SchemaPresenter flow="Edit" or GenericResourceForm directly. */
 export const DocumentEdit = ({
   resourceId,
   form,
 }) => {
   const sdk = useSdk()
-  const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
-  const { data: workspace } = sdk.read(GetWorkspace)
-  const template = workspace?.resourceTemplates?.find(t => t.id === resource?.type)
-
-  if (template?.fields && form.data) {
-    return (
-      <View style={{ padding: '16px 0' }}>
-        <Fields data={form.data} onChange={form.onChange} fields={template.fields} />
-      </View>
-    )
-  }
-
-  // Loading
-  if (template?.fields && !form.data) {
-    return (
-      <DelayedRender>
-        <View style={{ padding: '16px 0' }}>
-          Loading...
-        </View>
-      </DelayedRender>
-    )
-  }
+  const { data: resource } = sdk.read(GetResource, { resourceId }, { enabled: !!resourceId })
 
   return (
-    <View style={{ padding: '16px 0' }}>
-      <View inset="m" >
-        <Text>
-          This documents template has been deleted and can therefore not be edited
-        </Text>
-        </View>
-    </View>
+    <GenericResourceForm
+      schemaId={resource?.type}
+      mode="edit"
+      resourceId={resourceId}
+      resource={resource}
+      form={form}
+    />
   )
-
-
 }

package/src/DocumentView.jsx

@@ -1,17 +1,16 @@
 import React from 'react'
 import { pipe, keys, map } from 'ramda'
 import { metadata as GetResource } from './get.action.js'
-import { GetWorkspace } from '@ossy/workspaces'
 import { useSdk } from '@ossy/sdk-react'
+import { useSchema } from './useSchemas.js'
 import { Text, View } from '@ossy/design-system'
 
 export const DocumentView = ({
   resourceId
 }) => {
   const sdk = useSdk()
-  const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
-  const { data: workspace } = sdk.read(GetWorkspace)
-  const template = workspace?.resourceTemplates?.find(t => t.id === resource?.type)
+  const { data: resource } = sdk.read(GetResource, { resourceId }, { enabled: !!resourceId })
+  const template = useSchema(resource?.type)
 
   return (
     <View style={{ padding: '16px 0' }}>

package/src/GenericResourceCard.jsx

@@ -1,13 +1,14 @@
-import React from 'react'
+import React, { useMemo } from 'react'
 import { metadata as GetResource } from './get.action.js'
 import { useSdk } from '@ossy/sdk-react'
-import { Slot, resourceSlot, View, Title, Text, DelayedRender } from '@ossy/design-system'
+import { resolveViewComponentChain } from '@ossy/schema/resolve'
+import { Slot, View, Text, DelayedRender } from '@ossy/design-system'
 
 function GenericResourceCardFallback ({ resource }) {
   if (!resource) return null
   return (
     <View surface="secondary" roundness="m" inset="m" gap="xs">
-      <Title variant="secondary">{resource.name}</Title>
+      <Text variant="heading-secondary" as="h2">{resource.name}</Text>
       {resource.content?.description && (
         <Text size="s" color="secondary">{resource.content.description}</Text>
       )}
@@ -15,11 +16,15 @@ function GenericResourceCardFallback ({ resource }) {
   )
 }
 
-/** Card-sized resource preview — `resource:{type}/card`. */
+/** Card projection for a schema-backed resource — ADR 0006. */
 export function GenericResourceCard ({ resourceId, resource: resourceProp }) {
   const sdk = useSdk()
-  const { data: loaded } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId && !resourceProp })
+  const { data: loaded } = sdk.read(GetResource, { resourceId }, { enabled: !!resourceId && !resourceProp })
   const resource = resourceProp ?? loaded
+  const chain = useMemo(
+    () => (resource?.type ? resolveViewComponentChain(resource.type, 'card') : []),
+    [resource?.type],
+  )
 
   if (!resource) {
     return (
@@ -29,12 +34,25 @@ export function GenericResourceCard ({ resourceId, resource: resourceProp }) {
     )
   }
 
+  const [primary, secondary] = chain
+
   return (
     <Slot
-      name={resourceSlot(resource.type, 'card')}
+      name={primary}
       resourceId={resourceId}
       resource={resource}
-      fallback={<GenericResourceCardFallback resource={resource} />}
+      schemaId={resource.type}
+      projection="card"
+      fallback={
+        <Slot
+          name={secondary}
+          resourceId={resourceId}
+          resource={resource}
+          schemaId={resource.type}
+          projection="card"
+          fallback={<GenericResourceCardFallback resource={resource} />}
+        />
+      }
     />
   )
 }

package/src/GenericResourceDetail.jsx

@@ -1,66 +1,12 @@
-import React from 'react'
-import { metadata as GetResource } from './get.action.js'
-import { GetWorkspace } from '@ossy/workspaces'
-import { useSdk } from '@ossy/sdk-react'
-import {
-  Slot,
-  resourceSlot,
-  View,
-  Title,
-  Text,
-  DelayedRender,
-  Fields,
-} from '@ossy/design-system'
-import { ResourceGenericView } from './ResourceGenericView.jsx'
-
-function GenericResourceDetailFallback ({ resourceId }) {
-  const sdk = useSdk()
-  const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
-  const { data: workspace } = sdk.read(GetWorkspace)
-  const template = workspace?.resourceTemplates?.find(t => t.id === resource?.type)
-
-  if (!resource) {
-    return (
-      <DelayedRender>
-        <Text>Loading…</Text>
-      </DelayedRender>
-    )
-  }
-
-  if (template?.fields?.length) {
-    return (
-      <View stack gap="m" inset="m">
-        <Title>{resource.name}</Title>
-        <Fields data={resource.content || {}} fields={template.fields} />
-      </View>
-    )
-  }
-
-  return <ResourceGenericView resourceId={resourceId} />
-}
-
-/**
- * Generic resource detail host — resolves `resource:{type}/detail` from the slot
- * registry; falls back to template fields or a minimal placeholder.
- */
-export function GenericResourceDetail ({ resourceId }) {
-  const sdk = useSdk()
-  const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
-
-  if (!resource) {
-    return (
-      <DelayedRender>
-        <Text>Loading…</Text>
-      </DelayedRender>
-    )
-  }
+import { SchemaPresenter } from './SchemaPresenter.jsx'
 
+/** Read view for a schema-backed resource — ADR 0006 component id chain. */
+export function GenericResourceDetail ({ resourceId, projection }) {
   return (
-    <Slot
-      name={resourceSlot(resource.type, 'detail')}
+    <SchemaPresenter
       resourceId={resourceId}
-      resource={resource}
-      fallback={<GenericResourceDetailFallback resourceId={resourceId} />}
+      flow="View"
+      projection={projection}
     />
   )
 }

package/src/GenericResourceForm.jsx

@@ -1,24 +1,14 @@
 import React, { useState } from 'react'
-import { GetWorkspace } from '@ossy/workspaces'
-import { useSdk } from '@ossy/sdk-react'
-import {
-  Slot,
-  resourceSlot,
-  View,
-  Title,
-  Text,
-  InputTitle,
-  Button,
-  Alert,
-  Fields,
-  applyFieldChange,
-  useInputValue,
-  useLocale,
-} from '@ossy/design-system'
+import { useSchema } from './useSchemas.js'
+import { useSchemaEngine } from './useSchemaEngine.js'
+import { validateContent } from '@ossy/schema'
+import { resolveFormComponentId } from '@ossy/schema/resolve'
+import { Slot, View, Text, InputTitle, Button, Alert, Fields, applyFieldChange, useInputValue, useLocale, DelayedRender } from '@ossy/design-system'
 
 function GenericResourceFormFallback ({
-  templateId,
+  schemaId,
   mode = 'create',
+  form,
   initialName = '',
   initialContent = {},
   onSubmit,
@@ -26,20 +16,59 @@ function GenericResourceFormFallback ({
   submitLabel,
 }) {
   const { t } = useLocale()
-  const sdk = useSdk()
-  const { data: workspace } = sdk.read(GetWorkspace)
-  const template = workspace?.resourceTemplates?.find(t => t.id === templateId)
+  const template = useSchema(schemaId)
+  const engine = useSchemaEngine()
   const [name, setName] = useInputValue(initialName)
   const [content, setContent] = useState(initialContent)
   const [error, setError] = useState()
 
+  if (form && mode === 'edit') {
+    if (template?.fields && form.data) {
+      return (
+        <View style={{ padding: '16px 0' }}>
+          <Fields data={form.data} onChange={form.onChange} fields={template.fields} />
+        </View>
+      )
+    }
+
+    if (template?.fields && !form.data) {
+      return (
+        <DelayedRender>
+          <View style={{ padding: '16px 0' }}>
+            <Text>Loading...</Text>
+          </View>
+        </DelayedRender>
+      )
+    }
+
+    return (
+      <View style={{ padding: '16px 0' }}>
+        <View inset="m">
+          <Text>
+            This documents template has been deleted and can therefore not be edited
+          </Text>
+        </View>
+      </View>
+    )
+  }
+
   const handleSubmit = () => {
     if (!name?.trim()) {
       setError(t('resources.form.nameRequired'))
       return
     }
+    if (template) {
+      const result = validateContent(engine, template, content)
+      if (!result.ok) {
+        setError(result.message)
+        return
+      }
+      setError(undefined)
+      onSubmit?.({ name: name.trim(), content: result.data, type: schemaId })
+      return
+    }
     setError(undefined)
-    onSubmit?.({ name: name.trim(), content, type: templateId })
+    onSubmit?.({ name: name.trim(), content, type: schemaId })
   }
 
   return (
@@ -53,12 +82,15 @@ function GenericResourceFormFallback ({
       />
       <Fields
         data={content}
-        onChange={(event) => setContent((prev) => applyFieldChange(prev, event))}
+        onChange={(event) => {
+          setError(undefined)
+          setContent((prev) => applyFieldChange(prev, event))
+        }}
         fields={template?.fields || []}
       />
-      {error && <Alert>{error}</Alert>}
+      {error && <Alert variant="danger">{error}</Alert>}
       <View layout="row" gap="s" justifyContent="flex-end">
-        {onCancel && <Button variant="link" onClick={onCancel}>{t('design-system.cancel')}</Button>}
+        {onCancel && <Button variant="link" onClick={onCancel} label="design-system.cancel" />}
         <Button variant="cta" onClick={handleSubmit}>
           {submitLabel || (mode === 'edit' ? t('design-system.save') : (template?.name ? `${t('design-system.add')} ${template.name}` : t('resources.form.createResource')))}
         </Button>
@@ -68,14 +100,15 @@ function GenericResourceFormFallback ({
 }
 
 /**
- * Generic resource create/edit host — resolves `resource:{type}/form` from the
+ * Generic resource create/edit host — resolves `@ossy/…/form/{concept}` via
  * slot registry; falls back to template-driven Fields.
  */
 export function GenericResourceForm ({
-  templateId,
+  schemaId,
   mode = 'create',
   resourceId,
   resource,
+  form,
   initialName,
   initialContent,
   onSubmit,
@@ -84,23 +117,25 @@ export function GenericResourceForm ({
 }) {
   const { t } = useLocale()
 
-  if (!templateId) {
-    return <Text>{t('resources.form.selectType')}</Text>
+  if (!schemaId) {
+    return <Text text="resources.form.selectType" />
   }
 
   return (
     <Slot
-      name={resourceSlot(templateId, 'form')}
-      templateId={templateId}
+      name={resolveFormComponentId(schemaId)}
+      schemaId={schemaId}
       mode={mode}
       resourceId={resourceId}
       resource={resource}
+      form={form}
       onSubmit={onSubmit}
       onCancel={onCancel}
       fallback={
         <GenericResourceFormFallback
-          templateId={templateId}
+          schemaId={schemaId}
           mode={mode}
+          form={form}
           initialName={initialName ?? resource?.name}
           initialContent={initialContent ?? resource?.content ?? {}}
           onSubmit={onSubmit}

package/src/ImageResource.jsx

@@ -9,7 +9,7 @@ export const ImageResource = ({
   resourceId
 }) => {
   const sdk = useSdk()
-  const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
+  const { data: resource } = sdk.read(GetResource, { resourceId }, { enabled: !!resourceId })
 
   return (
     <div style={{ display: 'flex', justifyContent: 'center', padding: 'var(--space-m) var(--space-s) var(--space-xl)' }}>

package/src/PDFResource.jsx

@@ -7,7 +7,7 @@ export const PDFResource = ({
   resourceId
 }) => {
   const sdk = useSdk()
-  const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
+  const { data: resource } = sdk.read(GetResource, { resourceId }, { enabled: !!resourceId })
 
   return (
     <View stack bordered>