@ossy/resources 1.11.7 → 1.12.1

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@ossy/resources",
   "description": "Resource domain — aggregate and events for the Ossy resource model",
-  "version": "1.11.7",
+  "version": "1.12.1",
   "private": false,
   "type": "module",
   "main": "./src/index.js",
   "module": "./src/index.js",
   "exports": {
-    ".": "./src/index.js"
+    ".": "./src/index.js",
+    "./server": "./src/server.js"
   },
   "scripts": {
     "test": "NODE_OPTIONS=--experimental-vm-modules jest --verbose"
@@ -17,9 +18,14 @@
   "ossy": {
     "src": "./src"
   },
+  "peerDependencies": {
+    "@ossy/sdk-react": ">=1.0.0",
+    "@ossy/workspaces": ">=1.0.0",
+    "react": ">=19.0.0 <20.0.0"
+  },
   "devDependencies": {
     "@jest/globals": "^30.2.0",
-    "@ossy/platform": "^1.38.7",
+    "@ossy/platform": "^1.39.1",
     "casual": "^1.6.2",
     "jest": "^30.2.0"
   },
@@ -31,5 +37,5 @@
     "/src",
     "README.md"
   ],
-  "gitHead": "f65df0cd6da864c314c4f424112e05e8e2dec0ff"
+  "gitHead": "c0ba5d90749690634e4dc2705178ff8d89dd3070"
 }

package/src/AudioResource.jsx

@@ -1,12 +1,14 @@
 import React from 'react'
-import { useResource } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { useSdk } from '@ossy/sdk-react'
 import { View } from '@ossy/design-system'
 
 export const AudioResource = ({
   resourceId,
   onClose: _onClose
 }) => {
-  const { resource } = useResource(resourceId)
+  const sdk = useSdk()
+  const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
 
   return (
     <View stack bordered>

package/src/CreateDirectory.jsx

@@ -1,18 +1,21 @@
 import React, { useState, useRef } from 'react'
-import { useResources } from '@ossy/sdk-react'
+import { createDirectory } from './resource.helpers.js'
+import { useSdk } from '@ossy/sdk-react'
 import {
   Input,
   Title,
   Button,
   View,
   useInputValue,
-  Text
+  Text,
+  useLocale,
 } from '@ossy/design-system'
 import { useRouter } from '@ossy/router-react'
 
 export const CreateDirectory = () => {
+  const { t } = useLocale()
   const router = useRouter()
-  const { createDirectory } = useResources()
+  const sdk = useSdk()
   const [directoryName, setDirectoryName] = useInputValue('')
   const [error, setError] = useState()
   const formRef = useRef()
@@ -24,15 +27,15 @@ export const CreateDirectory = () => {
 
 
     if (!directoryName || directoryName.trim() === '') {
-      return setError('Directory name cannot be empty')
+      return setError(t('resources.createDirectory.errorEmpty'))
     }
 
     if (directoryName?.startsWith?.('@ossy') || directoryName?.startsWith?.('/@ossy')) {
-      setError('Directory name cannot start with @ossy')
+      setError(t('resources.createDirectory.errorOssyPrefix'))
       return
     }
 
-    formRef.current.reportValidity() && createDirectory({
+    formRef.current.reportValidity() && createDirectory(sdk, {
       name: directoryName,
       location: directoryLocation
     })
@@ -48,11 +51,10 @@ export const CreateDirectory = () => {
   return (
     <View gap="s" style={{ height: '100%' }}>
 
-      <Title variant="primary" style={{ marginBottom: 'var(--space-m)' }}>Create a new directory</Title>
+      <Title variant="primary" style={{ marginBottom: 'var(--space-m)' }}>{t('resources.createDirectory.title')}</Title>
 
       <Text style={{ marginBottom: 'var(--space-m)' }}>
-        Create a new directory to organize your resources.
-        The new directory will be created in the location: {directoryLocation}
+        {t('resources.createDirectory.description', { location: directoryLocation })}
       </Text>
 
       <form
@@ -64,7 +66,7 @@ export const CreateDirectory = () => {
         <Input
           id="path"
           type="text"
-          placeholder="Directory name"
+          placeholder={t('resources.createDirectory.namePlaceholder')}
           value={directoryName}
           onChange={setDirectoryName}
           style={{ width: '100%', marginBottom: 'var(--space-l)' }}
@@ -78,14 +80,14 @@ export const CreateDirectory = () => {
           <Button
             id="cancel"
             onClick={() => router.navigate('@back')}
-          >Cancel
+          >{t('design-system.cancel')}
           </Button>
 
           <Button
             id="createDirectory"
             variant="cta"
             onClick={onCreateDirectory}
-          >Create directory
+          >{t('resources.createDirectory.submit')}
           </Button>
 
         </View>
@@ -95,4 +97,3 @@ export const CreateDirectory = () => {
   )
 }
 
-

package/src/CreateDocument.jsx

@@ -1,14 +1,16 @@
 import React, { useState } from 'react'
-import { useResources } from '@ossy/sdk-react'
-import { Alert } from '@ossy/design-system'
+import { createDocument } from './resource.helpers.js'
+import { useSdk } from '@ossy/sdk-react'
+import { Alert, useLocale } from '@ossy/design-system'
 import { useRouter } from '@ossy/router-react'
 import { GenericResourceForm } from './GenericResourceForm.jsx'
 
 export const CreateDocument = () => {
+  const { t } = useLocale()
   const router = useRouter()
   const templateId = router.searchParams.templateId
   const location = router.searchParams.location
-  const { createDocument } = useResources()
+  const sdk = useSdk()
   const [error, setError] = useState()
 
   const onCancel = () => {
@@ -17,9 +19,9 @@ export const CreateDocument = () => {
   }
 
   const onSubmit = ({ name, content, type }) => {
-    createDocument({ type, location, name, content })
+    createDocument(sdk, { type, location, name, content })
       .then(() => onCancel())
-      .catch((err) => setError(err?.message || 'Create failed'))
+      .catch((err) => setError(err?.message || t('resources.form.createFailed')))
   }
 
   return (

package/src/Definition.js

@@ -8,12 +8,6 @@ export const Definition = {
     explore the gallery below to discover valuable assets that align with your vision.
     We hope you find them useful, and we're here if you have any questions!
   `,
-  module: {
-    id: 'resources',
-    enabled: true
-  },
+  icon: 'image',
   statuses: ['beta'],
-  actions: ['resources.create', 'resources.update-content', 'resources.remove'],
-  views: ['home.page', 'resources.list', 'resources.get'],
-  tasks: []
-}
+}

package/src/DocumentEdit.jsx

@@ -1,5 +1,7 @@
 import React from 'react'
-import { useResource, useResourceTemplate } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { GetWorkspace } from '@ossy/workspaces'
+import { useSdk } from '@ossy/sdk-react'
 import {
   Text,
   View,
@@ -11,11 +13,12 @@ export const DocumentEdit = ({
   resourceId,
   form,
 }) => {
-  const { resource } = useResource(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 template = useResourceTemplate(resource.type)
-
-  if (template.fields && form.data) {
+  if (template?.fields && form.data) {
     return (
       <View style={{ padding: '16px 0' }}>
         <Fields data={form.data} onChange={form.onChange} fields={template.fields} />
@@ -24,7 +27,7 @@ export const DocumentEdit = ({
   }
 
   // Loading
-  if (template.fields && !form.data) {
+  if (template?.fields && !form.data) {
     return (
       <DelayedRender>
         <View style={{ padding: '16px 0' }}>

package/src/DocumentView.jsx

@@ -1,19 +1,23 @@
 import React from 'react'
 import { pipe, keys, map } from 'ramda'
-import { useResource, useResourceTemplate } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { GetWorkspace } from '@ossy/workspaces'
+import { useSdk } from '@ossy/sdk-react'
 import { Text, View } from '@ossy/design-system'
 
 export const DocumentView = ({
   resourceId
 }) => {
-  const { resource } = useResource(resourceId)
-  const template = useResourceTemplate(resource.type)
+  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)
 
   return (
     <View style={{ padding: '16px 0' }}>
       <View gap="m">
           {
-            !!resource?.content && (template.fields || [])
+            !!resource?.content && (template?.fields || [])
               .map(field => ({ name: field.name, value: resource?.content?.[field.name] }))
               .map(field => (
                 <View gap="s" key={field.name}>

package/src/GenericResourceCard.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { useResource } from '@ossy/sdk-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'
 
 function GenericResourceCardFallback ({ resource }) {
@@ -16,7 +17,8 @@ function GenericResourceCardFallback ({ resource }) {
 
 /** Card-sized resource preview — `resource:{type}/card`. */
 export function GenericResourceCard ({ resourceId, resource: resourceProp }) {
-  const { resource: loaded } = useResource(resourceId)
+  const sdk = useSdk()
+  const { data: loaded } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId && !resourceProp })
   const resource = resourceProp ?? loaded
 
   if (!resource) {

package/src/GenericResourceDetail.jsx

@@ -1,5 +1,7 @@
 import React from 'react'
-import { useResource, useResourceTemplate } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { GetWorkspace } from '@ossy/workspaces'
+import { useSdk } from '@ossy/sdk-react'
 import {
   Slot,
   resourceSlot,
@@ -12,8 +14,10 @@ import {
 import { ResourceGenericView } from './ResourceGenericView.jsx'
 
 function GenericResourceDetailFallback ({ resourceId }) {
-  const { resource } = useResource(resourceId)
-  const template = useResourceTemplate(resource?.type)
+  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 (
@@ -40,7 +44,8 @@ function GenericResourceDetailFallback ({ resourceId }) {
  * registry; falls back to template fields or a minimal placeholder.
  */
 export function GenericResourceDetail ({ resourceId }) {
-  const { resource } = useResource(resourceId)
+  const sdk = useSdk()
+  const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
 
   if (!resource) {
     return (

package/src/GenericResourceForm.jsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react'
-import { useResourceTemplate } from '@ossy/sdk-react'
+import { GetWorkspace } from '@ossy/workspaces'
+import { useSdk } from '@ossy/sdk-react'
 import {
   Slot,
   resourceSlot,
@@ -12,6 +13,7 @@ import {
   Fields,
   applyFieldChange,
   useInputValue,
+  useLocale,
 } from '@ossy/design-system'
 
 function GenericResourceFormFallback ({
@@ -23,14 +25,17 @@ function GenericResourceFormFallback ({
   onCancel,
   submitLabel,
 }) {
-  const template = useResourceTemplate(templateId)
+  const { t } = useLocale()
+  const sdk = useSdk()
+  const { data: workspace } = sdk.read(GetWorkspace)
+  const template = workspace?.resourceTemplates?.find(t => t.id === templateId)
   const [name, setName] = useInputValue(initialName)
   const [content, setContent] = useState(initialContent)
   const [error, setError] = useState()
 
   const handleSubmit = () => {
     if (!name?.trim()) {
-      setError('Name is required')
+      setError(t('resources.form.nameRequired'))
       return
     }
     setError(undefined)
@@ -42,7 +47,7 @@ function GenericResourceFormFallback ({
       <InputTitle
         id="resource-name"
         type="text"
-        placeholder="Untitled"
+        placeholder={t('resources.form.untitled')}
         value={name}
         onChange={setName}
       />
@@ -53,9 +58,9 @@ function GenericResourceFormFallback ({
       />
       {error && <Alert>{error}</Alert>}
       <View layout="row" gap="s" justifyContent="flex-end">
-        {onCancel && <Button variant="link" onClick={onCancel}>Cancel</Button>}
+        {onCancel && <Button variant="link" onClick={onCancel}>{t('design-system.cancel')}</Button>}
         <Button variant="cta" onClick={handleSubmit}>
-          {submitLabel || (mode === 'edit' ? 'Save' : `Create ${template?.name || 'resource'}`)}
+          {submitLabel || (mode === 'edit' ? t('design-system.save') : (template?.name ? `${t('design-system.add')} ${template.name}` : t('resources.form.createResource')))}
         </Button>
       </View>
     </View>
@@ -77,8 +82,10 @@ export function GenericResourceForm ({
   onCancel,
   submitLabel,
 }) {
+  const { t } = useLocale()
+
   if (!templateId) {
-    return <Text>Select a resource type to continue.</Text>
+    return <Text>{t('resources.form.selectType')}</Text>
   }
 
   return (

package/src/ImageResource.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { useResource } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { useSdk } from '@ossy/sdk-react'
 import {
   Image
 } from '@ossy/design-system'
@@ -7,7 +8,8 @@ import {
 export const ImageResource = ({
   resourceId
 }) => {
-  const { resource } = useResource(resourceId)
+  const sdk = useSdk()
+  const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
 
   return (
     <div style={{ display: 'flex', justifyContent: 'center', padding: 'var(--space-m) var(--space-s) var(--space-xl)' }}>

package/src/PDFResource.jsx

@@ -1,11 +1,13 @@
 import React from 'react'
-import { useResource } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { useSdk } from '@ossy/sdk-react'
 import { View } from '@ossy/design-system'
 
 export const PDFResource = ({
   resourceId
 }) => {
-  const { resource  } = useResource(resourceId)
+  const sdk = useSdk()
+  const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
 
   return (
     <View stack bordered>

package/src/ResourceContentPage.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { useResource, AsyncStatus } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { AsyncStatus, useSdk } from '@ossy/sdk-react'
 import { Switch, View, DelayedRender, Button, Icon, PageSection, Title, Text, Tags, ImageCard } from '@ossy/design-system'
 import { useRouter } from '@ossy/router-react'
 
@@ -7,7 +8,8 @@ import { useRouter } from '@ossy/router-react'
 export const ResourceContentPage = (props) => {
   const router = useRouter()
   const resourceId = router.params.resourceId
-  const { status, resource } = useResource(resourceId)
+  const sdk = useSdk()
+  const { status, data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
 
   return (
     <View {...props} slot="content" style={{ flexDirection: 'column', wrap: 'no-wrap',  height: '100%' }}>

package/src/ResourceDescription.jsx

@@ -1,10 +1,11 @@
 import React from 'react'
-import { useResource, useResourceTemplate } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { useSdk } from '@ossy/sdk-react'
 import { View, Text } from '@ossy/design-system'
 
 export const ResourceDescription = ({ resourceId }) => {
-    const { resource } = useResource(resourceId)
-    const template = useResourceTemplate(resource.type)
+    const sdk = useSdk()
+    const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
 
     const description = resource?.content?.description;
 

package/src/ResourceDetails.jsx

@@ -1,11 +1,16 @@
 import React, { useState } from 'react'
-import { useResource, useResourceTemplate } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { updateResourceAccess } from './resource.helpers.js'
+import { GetWorkspace } from '@ossy/workspaces'
+import { useSdk } from '@ossy/sdk-react'
 import { Text, View } from '@ossy/design-system'
 import { formatBytes } from './utils/format-bytes.js'
 
 export const ResourceDetails = ({ resourceId }) => {
-    const { resource, access: saveResourceAccess } = useResource(resourceId)
-    const template = useResourceTemplate(resource.type)
+    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 [accessBusy, setAccessBusy] = useState(false)
     const [accessError, setAccessError] = useState(null)
 
@@ -24,7 +29,7 @@ export const ResourceDetails = ({ resourceId }) => {
         const next = event.target.checked ? 'public' : 'restricted'
         setAccessError(null)
         setAccessBusy(true)
-        saveResourceAccess({ access: next })
+        updateResourceAccess(sdk, { id: resourceId, access: next })
             .catch(() => setAccessError('Could not update access'))
             .finally(() => setAccessBusy(false))
     }

package/src/ResourceDialogMove.jsx

@@ -1,16 +1,17 @@
 import React from 'react'
-import { useResources } from '@ossy/sdk-react'
+import { moveResource } from './resource.helpers.js'
+import { useSdk } from '@ossy/sdk-react'
 import { Button, View, Title, Input, Text, useInputValue } from '@ossy/design-system'
 
 export const ResourceDialogMove = ({
     resourceId,
   onClose = () => {},
 }) => {
-  const { moveResource } = useResources()
+  const sdk = useSdk()
   const [location, setLocation] = useInputValue('')
 
   const onMove = () => {
-    moveResource(resourceId, location)
+    moveResource(sdk, resourceId, location)
         .then(() => {
             onClose()
         })

package/src/ResourceFactory.jsx

@@ -1,5 +1,7 @@
 import React from 'react'
-import { useResource, AsyncStatus, useWorkspace } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { AsyncStatus, useSdk } from '@ossy/sdk-react'
+import { GetWorkspace } from '@ossy/workspaces'
 import { Guide, Text, DelayedRender } from '@ossy/design-system'
 import { DocumentEdit } from './DocumentEdit.jsx'
 import { ImageResource } from './ImageResource.jsx'
@@ -15,8 +17,9 @@ export const ResourceFactory = ({
   onClose: _onClose,
   form
 }) => {
-  const { workspace } = useWorkspace()
-  const { resource, status } = useResource(resourceId)
+  const sdk = useSdk()
+  const { data: workspace } = sdk.read(GetWorkspace)
+  const { data: resource, status } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
 
   console.log('ResourceFactory', { resourceId, mode, resource, status })
 

package/src/ResourceGenericView.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { useResource } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { useSdk } from '@ossy/sdk-react'
 import {
   View,
   Icon,
@@ -8,7 +9,8 @@ import {
 export const ResourceGenericView = ({
   resourceId
 }) => {
-  const { resource } = useResource(resourceId)
+  const sdk = useSdk()
+  const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
 
   return (
     <View stack bordered>

package/src/ResourceList.jsx

@@ -1,6 +1,7 @@
 'use client'
 import React, { useRef, useEffect } from 'react'
-import {  useWorkspace } from '@ossy/sdk-react'
+import { useSdk } from '@ossy/sdk-react'
+import { GetWorkspace } from '@ossy/workspaces'
 import {
   Dropdown,
   DropZone,
@@ -156,7 +157,8 @@ function ResourceListItem({
   }
   
   function ResourceIcon({ ...resource }) {
-    const { workspace } = useWorkspace()
+    const sdk = useSdk()
+    const { data: workspace } = sdk.read(GetWorkspace)
   
     const resourceTemplates = (workspace.resourceTemplates || [])
       .reduce((acc, curr) => ({ ...acc, [curr.id]: curr }), {})

package/src/ResourcePanel.jsx

@@ -1,5 +1,7 @@
 import React, { useState, useEffect } from 'react'
-import { useWorkspace, useResource, useResourceTemplate  } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { removeResource, updateResourceContent, renameResource } from './resource.helpers.js'
+import { useSdk } from '@ossy/sdk-react'
 import {
   Title,
   Overlay,
@@ -43,18 +45,13 @@ export const ResourcePanel = ({
   extraPanels = [],
 }) => {
   const router = useRouter()
-  const { workspace } = useWorkspace()
+  const sdk = useSdk()
   const [overlay, setOverlay] = useState(Overlays.None)
   const [error] = useState()
   const [resourceName, setResourceName] = useInputValue('')
   const [panelViewModes, setPanelViewModes] = useState(DefaultViewModes)
 
-  const {
-    resource,
-    removeResource,
-    updateResourceContent,
-    renameResource
-  } = useResource(resourceId)
+  const { data: resource = {} } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
 
   const form = useForm({ defaultData: resource.content })
 
@@ -67,18 +64,18 @@ export const ResourcePanel = ({
 
   const onRenameResource = () => {
     if (resourceName === resource.name) return
-    renameResource(resourceName)
+    renameResource(sdk, resourceId, resourceName)
       .then(() => setPanelViewModes(x => ({ ...x, 'panel-header': ViewMode.View })))
   }
 
   const onUpdateResource = () => {
-    updateResourceContent(form.data)
+    updateResourceContent(sdk, resourceId, form.data)
       .then(() => setPanelViewModes(x => ({ ...x, 'panel-resource-content': ViewMode.View })))
       .catch(() => alert('Something went wrong!'))
   }
 
   const onRemoveResource = () => {
-    removeResource()
+    removeResource(sdk, resourceId, resource?.location)
       .then(onCloseResource)
   }
 
@@ -253,7 +250,7 @@ export const ResourcePanel = ({
                       actions={[
                         { label: 'Cancel', variant: "command", onClick: () => setOverlay(Overlays.None) },
                         { label: 'Remove', variant: 'command-danger', onClick: () => {
-                          removeResource(resourceId)
+                          removeResource(sdk, resourceId, resource?.location)
                           setOverlay(Overlays.None)
                         }}
                       ]}

package/src/ResourceTags.jsx

@@ -1,10 +1,11 @@
 import React from 'react'
-import { useResource, useResourceTemplate } from '@ossy/sdk-react'
+import { metadata as GetResource } from './get.action.js'
+import { useSdk } from '@ossy/sdk-react'
 import { View, Tags, Text } from '@ossy/design-system'
 
 export const ResourceTags = ({ resourceId }) => {
-    const { resource } = useResource(resourceId)
-    const template = useResourceTemplate(resource.type)
+    const sdk = useSdk()
+    const { data: resource } = sdk.read(GetResource, { id: resourceId }, { enabled: !!resourceId })
 
     let resourceContentTags = resource?.content?.Tags || []