linked-data-browser 0.0.8-alpha.6 → 0.0.8-alpha.7

package/README.md

@@ -2,7 +2,56 @@
 
 This codebase is for a data browser UI for Solid servers.
 
-Publish
+## Using as a library
+
+Install the package:
+
+```
+npm install @o.team/linked-data-browser
+```
+
+### Expo / Metro setup (required)
+
+Three steps are required for Expo/Metro. Vite and webpack 5 handle `import.meta.url`-based worker URLs automatically and need none of this.
+
+#### 1. Serve `RefreshWorker.js`
+
+`@ldo/solid-react` uses a `SharedWorker` for background token refresh (via `@uvdsl/solid-oidc-client-browser`). Metro cannot serve worker scripts automatically, so copy `RefreshWorker.js` into your project's `public/` folder:
+
+```json
+"postinstall": "mkdir -p public && cp node_modules/@uvdsl/solid-oidc-client-browser/dist/esm/web/RefreshWorker.js public/RefreshWorker.js"
+```
+
+Add `public/RefreshWorker.js` to your `.gitignore` — it's generated, not hand-authored.
+
+#### 2. Enable `import.meta` transform in `babel.config.js`
+
+`@uvdsl/solid-oidc-client-browser` uses `import.meta.url` to locate the worker script. Without this option, Metro bundles the syntax verbatim and the browser throws `SyntaxError: import.meta may only appear in a module`.
+
+```js
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: [
+      ['babel-preset-expo', { unstable_transformImportMeta: true }],
+    ],
+  };
+};
+```
+
+#### 3. Polyfill `__ExpoImportMetaRegistry` in your app entry point
+
+After the babel transform, `import.meta.url` becomes `globalThis.__ExpoImportMetaRegistry.url`. Expo's runtime sets this registry, but `getBundleUrl()` returns `null` on web. Add this polyfill at the top of your root `App.js` / `App.tsx` so the worker URL always resolves to `<server-root>/RefreshWorker.js`:
+
+```js
+if (typeof location !== 'undefined') {
+  globalThis.__ExpoImportMetaRegistry = { url: location.origin + '/' };
+}
+```
+
+This must run before any `@ldo` imports.
+
+## Publishing
 
 ```
 npm publish --tag alpha

package/dist-lib/index.d.mts

@@ -470,7 +470,7 @@ interface PermissionRowProps {
 declare const PermissionRow: FunctionComponent<PermissionRowProps>;
 
 interface SharingModalMethods {
-    openSharingModal: () => void;
+    openSharingModal: (resource?: SolidLeaf | SolidContainer) => void;
     closeSharingModal: () => void;
     isModalOpen: boolean;
 }
@@ -1173,7 +1173,44 @@ declare const FileUploadResourceCreator: ResourceCreatorConfig;
 
 declare const ContainerResourceView: ResourceViewConfig;
 
-declare const ContainerView: FunctionComponent;
+interface ContainerLayoutProps {
+    sideMenu: React__default.ReactNode;
+    content: React__default.ReactNode;
+}
+interface ContainerSideMenuProps {
+    creators: ResourceCreatorConfig[];
+    isCreating: boolean;
+    loadingMessages: string[];
+    onCreate: (creator: ResourceCreatorConfig) => void;
+}
+interface ContainerContentProps {
+    resources: (SolidLeaf | SolidContainer)[];
+    renderResource: (item: SolidLeaf | SolidContainer) => React__default.ReactElement;
+    creatorsAvailable: boolean;
+}
+interface ContainerResourceItemProps {
+    item: SolidLeaf | SolidContainer;
+    displayName: string;
+    onNavigate: () => void;
+    onDelete: () => void;
+}
+interface ContainerViewProps {
+    Layout: React__default.ComponentType<ContainerLayoutProps>;
+    SideMenu: React__default.ComponentType<ContainerSideMenuProps>;
+    Content: React__default.ComponentType<ContainerContentProps>;
+    ResourceItem: React__default.ComponentType<ContainerResourceItemProps>;
+}
+declare const ContainerView: FunctionComponent<ContainerViewProps>;
+
+declare const DefaultContainerView: FunctionComponent;
+
+declare const DefaultContainerLayout: FunctionComponent<ContainerLayoutProps>;
+
+declare const DefaultContainerSideMenu: FunctionComponent<ContainerSideMenuProps>;
+
+declare const DefaultContainerContent: FunctionComponent<ContainerContentProps>;
+
+declare const DefaultContainerResourceItem: FunctionComponent<ContainerResourceItemProps>;
 
 declare const ProfileResourceView: ResourceViewConfig;
 
@@ -1206,4 +1243,4 @@ declare const ImageResourceView: ResourceViewConfig;
  */
 declare const ImageView: FunctionComponent;
 
-export { AccessDropdown, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddressBox, AgentInformation, AgentInput, AgentPermissionRow, AgentPermissions, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarMenu, Badge, type BadgeProps, type BadgeVariant, BlockQuote, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, ContainerResourceCreator, ContainerResourceView, ContainerView, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyLink, DataBrowser, type DataBrowserConfig, DataBrowserConfigContext, type DataBrowserConfigProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorMessageResourceView, FileUploadResourceCreator, H1, H2, H3, H4, Header, HoverCard, HoverCardContent, HoverCardTrigger, Icon, ImageResourceView, ImageView, Input, InputDropdown, Label, Large, Layout, Lead, LoadingBar, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Muted, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type Option, P, PermissionRow, Popover, PopoverContent, PopoverTrigger, ProfileAvatar, ProfileKnows, type ProfileKnowsProps, ProfileResourceView, ProfileView, Progress, RadioGroup, RadioGroupItem, RadioGroupItemWithLabel, RawCodeEditor, RawCodeResourceView, RawCodeView, RdfResourceCreator, RenderView, type ResourceCreatorConfig, type ResourceCreatorContext, type ResourceCreatorFn, type ResourceCreatorUtils, type ResourceViewConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SharingModalProvider, SignInMenu, Skeleton, Small, Switch, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TargetResourceLoader, type TargetResourceLoaderProps, TargetResourceProvider, Text, type TextSize, TextStyleContext, type TextStyleProps, TextStyleProvider, type TextVariant, Textarea, ThemeProvider, ThemeToggleMenu, Toggle, ToggleGroup, ToggleGroupIcon, ToggleGroupItem, ToggleIcon, Tooltip, TooltipContent, TooltipTrigger, ValidViewContext, ViewContextProvider, ViewMenu, WacRuleForm, toggleTextVariants, toggleVariants, useContactFilter, useDataBrowserConfig, useDialog, useSharingModal, useTargetResource, useTextStyles, useThemeChange, useViewContext };
+export { AccessDropdown, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddressBox, AgentInformation, AgentInput, AgentPermissionRow, AgentPermissions, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarMenu, Badge, type BadgeProps, type BadgeVariant, BlockQuote, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, type ContainerContentProps, type ContainerLayoutProps, ContainerResourceCreator, type ContainerResourceItemProps, ContainerResourceView, type ContainerSideMenuProps, ContainerView, type ContainerViewProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyLink, DataBrowser, type DataBrowserConfig, DataBrowserConfigContext, type DataBrowserConfigProps, DefaultContainerContent, DefaultContainerLayout, DefaultContainerResourceItem, DefaultContainerSideMenu, DefaultContainerView, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorMessageResourceView, FileUploadResourceCreator, H1, H2, H3, H4, Header, HoverCard, HoverCardContent, HoverCardTrigger, Icon, ImageResourceView, ImageView, Input, InputDropdown, Label, Large, Layout, Lead, LoadingBar, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Muted, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type Option, P, PermissionRow, Popover, PopoverContent, PopoverTrigger, ProfileAvatar, ProfileKnows, type ProfileKnowsProps, ProfileResourceView, ProfileView, Progress, RadioGroup, RadioGroupItem, RadioGroupItemWithLabel, RawCodeEditor, RawCodeResourceView, RawCodeView, RdfResourceCreator, RenderView, type ResourceCreatorConfig, type ResourceCreatorContext, type ResourceCreatorFn, type ResourceCreatorUtils, type ResourceViewConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SharingModalProvider, SignInMenu, Skeleton, Small, Switch, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TargetResourceLoader, type TargetResourceLoaderProps, TargetResourceProvider, Text, type TextSize, TextStyleContext, type TextStyleProps, TextStyleProvider, type TextVariant, Textarea, ThemeProvider, ThemeToggleMenu, Toggle, ToggleGroup, ToggleGroupIcon, ToggleGroupItem, ToggleIcon, Tooltip, TooltipContent, TooltipTrigger, ValidViewContext, ViewContextProvider, ViewMenu, WacRuleForm, toggleTextVariants, toggleVariants, useContactFilter, useDataBrowserConfig, useDialog, useSharingModal, useTargetResource, useTextStyles, useThemeChange, useViewContext };

package/dist-lib/index.d.ts

@@ -470,7 +470,7 @@ interface PermissionRowProps {
 declare const PermissionRow: FunctionComponent<PermissionRowProps>;
 
 interface SharingModalMethods {
-    openSharingModal: () => void;
+    openSharingModal: (resource?: SolidLeaf | SolidContainer) => void;
     closeSharingModal: () => void;
     isModalOpen: boolean;
 }
@@ -1173,7 +1173,44 @@ declare const FileUploadResourceCreator: ResourceCreatorConfig;
 
 declare const ContainerResourceView: ResourceViewConfig;
 
-declare const ContainerView: FunctionComponent;
+interface ContainerLayoutProps {
+    sideMenu: React__default.ReactNode;
+    content: React__default.ReactNode;
+}
+interface ContainerSideMenuProps {
+    creators: ResourceCreatorConfig[];
+    isCreating: boolean;
+    loadingMessages: string[];
+    onCreate: (creator: ResourceCreatorConfig) => void;
+}
+interface ContainerContentProps {
+    resources: (SolidLeaf | SolidContainer)[];
+    renderResource: (item: SolidLeaf | SolidContainer) => React__default.ReactElement;
+    creatorsAvailable: boolean;
+}
+interface ContainerResourceItemProps {
+    item: SolidLeaf | SolidContainer;
+    displayName: string;
+    onNavigate: () => void;
+    onDelete: () => void;
+}
+interface ContainerViewProps {
+    Layout: React__default.ComponentType<ContainerLayoutProps>;
+    SideMenu: React__default.ComponentType<ContainerSideMenuProps>;
+    Content: React__default.ComponentType<ContainerContentProps>;
+    ResourceItem: React__default.ComponentType<ContainerResourceItemProps>;
+}
+declare const ContainerView: FunctionComponent<ContainerViewProps>;
+
+declare const DefaultContainerView: FunctionComponent;
+
+declare const DefaultContainerLayout: FunctionComponent<ContainerLayoutProps>;
+
+declare const DefaultContainerSideMenu: FunctionComponent<ContainerSideMenuProps>;
+
+declare const DefaultContainerContent: FunctionComponent<ContainerContentProps>;
+
+declare const DefaultContainerResourceItem: FunctionComponent<ContainerResourceItemProps>;
 
 declare const ProfileResourceView: ResourceViewConfig;
 
@@ -1206,4 +1243,4 @@ declare const ImageResourceView: ResourceViewConfig;
  */
 declare const ImageView: FunctionComponent;
 
-export { AccessDropdown, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddressBox, AgentInformation, AgentInput, AgentPermissionRow, AgentPermissions, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarMenu, Badge, type BadgeProps, type BadgeVariant, BlockQuote, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, ContainerResourceCreator, ContainerResourceView, ContainerView, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyLink, DataBrowser, type DataBrowserConfig, DataBrowserConfigContext, type DataBrowserConfigProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorMessageResourceView, FileUploadResourceCreator, H1, H2, H3, H4, Header, HoverCard, HoverCardContent, HoverCardTrigger, Icon, ImageResourceView, ImageView, Input, InputDropdown, Label, Large, Layout, Lead, LoadingBar, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Muted, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type Option, P, PermissionRow, Popover, PopoverContent, PopoverTrigger, ProfileAvatar, ProfileKnows, type ProfileKnowsProps, ProfileResourceView, ProfileView, Progress, RadioGroup, RadioGroupItem, RadioGroupItemWithLabel, RawCodeEditor, RawCodeResourceView, RawCodeView, RdfResourceCreator, RenderView, type ResourceCreatorConfig, type ResourceCreatorContext, type ResourceCreatorFn, type ResourceCreatorUtils, type ResourceViewConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SharingModalProvider, SignInMenu, Skeleton, Small, Switch, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TargetResourceLoader, type TargetResourceLoaderProps, TargetResourceProvider, Text, type TextSize, TextStyleContext, type TextStyleProps, TextStyleProvider, type TextVariant, Textarea, ThemeProvider, ThemeToggleMenu, Toggle, ToggleGroup, ToggleGroupIcon, ToggleGroupItem, ToggleIcon, Tooltip, TooltipContent, TooltipTrigger, ValidViewContext, ViewContextProvider, ViewMenu, WacRuleForm, toggleTextVariants, toggleVariants, useContactFilter, useDataBrowserConfig, useDialog, useSharingModal, useTargetResource, useTextStyles, useThemeChange, useViewContext };
+export { AccessDropdown, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddressBox, AgentInformation, AgentInput, AgentPermissionRow, AgentPermissions, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarMenu, Badge, type BadgeProps, type BadgeVariant, BlockQuote, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, type ContainerContentProps, type ContainerLayoutProps, ContainerResourceCreator, type ContainerResourceItemProps, ContainerResourceView, type ContainerSideMenuProps, ContainerView, type ContainerViewProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyLink, DataBrowser, type DataBrowserConfig, DataBrowserConfigContext, type DataBrowserConfigProps, DefaultContainerContent, DefaultContainerLayout, DefaultContainerResourceItem, DefaultContainerSideMenu, DefaultContainerView, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorMessageResourceView, FileUploadResourceCreator, H1, H2, H3, H4, Header, HoverCard, HoverCardContent, HoverCardTrigger, Icon, ImageResourceView, ImageView, Input, InputDropdown, Label, Large, Layout, Lead, LoadingBar, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Muted, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type Option, P, PermissionRow, Popover, PopoverContent, PopoverTrigger, ProfileAvatar, ProfileKnows, type ProfileKnowsProps, ProfileResourceView, ProfileView, Progress, RadioGroup, RadioGroupItem, RadioGroupItemWithLabel, RawCodeEditor, RawCodeResourceView, RawCodeView, RdfResourceCreator, RenderView, type ResourceCreatorConfig, type ResourceCreatorContext, type ResourceCreatorFn, type ResourceCreatorUtils, type ResourceViewConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SharingModalProvider, SignInMenu, Skeleton, Small, Switch, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TargetResourceLoader, type TargetResourceLoaderProps, TargetResourceProvider, Text, type TextSize, TextStyleContext, type TextStyleProps, TextStyleProvider, type TextVariant, Textarea, ThemeProvider, ThemeToggleMenu, Toggle, ToggleGroup, ToggleGroupIcon, ToggleGroupItem, ToggleIcon, Tooltip, TooltipContent, TooltipTrigger, ValidViewContext, ViewContextProvider, ViewMenu, WacRuleForm, toggleTextVariants, toggleVariants, useContactFilter, useDataBrowserConfig, useDialog, useSharingModal, useTargetResource, useTextStyles, useThemeChange, useViewContext };