linked-data-browser 0.0.6 → 0.0.7

package/.ldo/profile.shapeTypes.ts

@@ -2,12 +2,12 @@ import { ShapeType } from "@ldo/ldo";
 import { profileSchema } from "./profile.schema";
 import { profileContext } from "./profile.context";
 import {
-  SolidProfileShape,
-  AddressShape,
-  EmailShape,
-  PhoneNumberShape,
-  TrustedAppShape,
-  RSAPublicKeyShape,
+  SolidProfile,
+  Address,
+  Email,
+  PhoneNumber,
+  TrustedApp,
+  RSAPublicKey,
 } from "./profile.typings";
 
 /**
@@ -17,54 +17,54 @@ import {
  */
 
 /**
- * SolidProfileShape ShapeType
+ * SolidProfile ShapeType
  */
-export const SolidProfileShapeShapeType: ShapeType<SolidProfileShape> = {
+export const SolidProfileShapeType: ShapeType<SolidProfile> = {
   schema: profileSchema,
   shape: "https://shaperepo.com/schemas/solidProfile#SolidProfileShape",
   context: profileContext,
 };
 
 /**
- * AddressShape ShapeType
+ * Address ShapeType
  */
-export const AddressShapeShapeType: ShapeType<AddressShape> = {
+export const AddressShapeType: ShapeType<Address> = {
   schema: profileSchema,
   shape: "https://shaperepo.com/schemas/solidProfile#AddressShape",
   context: profileContext,
 };
 
 /**
- * EmailShape ShapeType
+ * Email ShapeType
  */
-export const EmailShapeShapeType: ShapeType<EmailShape> = {
+export const EmailShapeType: ShapeType<Email> = {
   schema: profileSchema,
   shape: "https://shaperepo.com/schemas/solidProfile#EmailShape",
   context: profileContext,
 };
 
 /**
- * PhoneNumberShape ShapeType
+ * PhoneNumber ShapeType
  */
-export const PhoneNumberShapeShapeType: ShapeType<PhoneNumberShape> = {
+export const PhoneNumberShapeType: ShapeType<PhoneNumber> = {
   schema: profileSchema,
   shape: "https://shaperepo.com/schemas/solidProfile#PhoneNumberShape",
   context: profileContext,
 };
 
 /**
- * TrustedAppShape ShapeType
+ * TrustedApp ShapeType
  */
-export const TrustedAppShapeShapeType: ShapeType<TrustedAppShape> = {
+export const TrustedAppShapeType: ShapeType<TrustedApp> = {
   schema: profileSchema,
   shape: "https://shaperepo.com/schemas/solidProfile#TrustedAppShape",
   context: profileContext,
 };
 
 /**
- * RSAPublicKeyShape ShapeType
+ * RSAPublicKey ShapeType
  */
-export const RSAPublicKeyShapeShapeType: ShapeType<RSAPublicKeyShape> = {
+export const RSAPublicKeyShapeType: ShapeType<RSAPublicKey> = {
   schema: profileSchema,
   shape: "https://shaperepo.com/schemas/solidProfile#RSAPublicKeyShape",
   context: profileContext,

package/.ldo/profile.typings.ts

@@ -7,9 +7,9 @@ import { LdoJsonldContext, LdSet } from "@ldo/ldo";
  */
 
 /**
- * SolidProfileShape Type
+ * SolidProfile Type
  */
-export interface SolidProfileShape {
+export interface SolidProfile {
   "@id"?: string;
   "@context"?: LdoJsonldContext;
   /**
@@ -34,11 +34,11 @@ export interface SolidProfileShape {
   /**
    * The person's street address.
    */
-  hasAddress?: LdSet<AddressShape>;
+  hasAddress?: LdSet<Address>;
   /**
    * The person's email.
    */
-  hasEmail?: LdSet<EmailShape>;
+  hasEmail?: LdSet<Email>;
   /**
    * A link to the person's photo
    */
@@ -52,7 +52,7 @@ export interface SolidProfileShape {
   /**
    * Person's telephone number
    */
-  hasTelephone?: LdSet<PhoneNumberShape>;
+  hasTelephone?: LdSet<PhoneNumber>;
   /**
    * An alternative way to define a person's telephone number using a string
    */
@@ -68,11 +68,11 @@ export interface SolidProfileShape {
   /**
    * A list of app origins that are trusted by this user
    */
-  trustedApp?: LdSet<TrustedAppShape>;
+  trustedApp?: LdSet<TrustedApp>;
   /**
    * A list of RSA public keys that are associated with private keys the user holds.
    */
-  key?: LdSet<RSAPublicKeyShape>;
+  key?: LdSet<RSAPublicKey>;
   /**
    * The user's LDP inbox to which apps can post notifications
    */
@@ -118,9 +118,9 @@ export interface SolidProfileShape {
 }
 
 /**
- * AddressShape Type
+ * Address Type
  */
-export interface AddressShape {
+export interface Address {
   "@id"?: string;
   "@context"?: LdoJsonldContext;
   /**
@@ -146,9 +146,9 @@ export interface AddressShape {
 }
 
 /**
- * EmailShape Type
+ * Email Type
  */
-export interface EmailShape {
+export interface Email {
   "@id"?: string;
   "@context"?: LdoJsonldContext;
   /**
@@ -198,9 +198,9 @@ export interface EmailShape {
 }
 
 /**
- * PhoneNumberShape Type
+ * PhoneNumber Type
  */
-export interface PhoneNumberShape {
+export interface PhoneNumber {
   "@id"?: string;
   "@context"?: LdoJsonldContext;
   /**
@@ -250,9 +250,9 @@ export interface PhoneNumberShape {
 }
 
 /**
- * TrustedAppShape Type
+ * TrustedApp Type
  */
-export interface TrustedAppShape {
+export interface TrustedApp {
   "@id"?: string;
   "@context"?: LdoJsonldContext;
   /**
@@ -281,9 +281,9 @@ export interface TrustedAppShape {
 }
 
 /**
- * RSAPublicKeyShape Type
+ * RSAPublicKey Type
  */
-export interface RSAPublicKeyShape {
+export interface RSAPublicKey {
   "@id"?: string;
   "@context"?: LdoJsonldContext;
   /**

package/babel.config.js

@@ -1,6 +1,15 @@
 module.exports = function (api) {
   api.cache(true);
   return {
-    presets: [['babel-preset-expo', { jsxImportSource: 'nativewind' }], 'nativewind/babel'],
+    presets: [
+      ['babel-preset-expo', {
+        jsxImportSource: 'nativewind',
+        unstable_transformProfile: 'hermes-canary'
+      }],
+      'nativewind/babel'
+    ],
+    plugins: [
+      '@babel/plugin-syntax-import-meta'
+    ]
   };
 };

package/components/common/ProfileAvatar.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
-import { SolidProfileShape } from '../../.ldo/profile.typings';
+import { SolidProfile } from '../../.ldo/profile.typings';
 import { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar';
 import { Text } from '../ui/text';
 import { User } from '../../lib/icons/User';
 import { FunctionComponent } from 'react';
 
 interface ProfileAvatarProps {
-  profile?: SolidProfileShape;
+  profile?: SolidProfile;
   className?: string;
 }
 

package/components/nav/header/AvatarMenu.tsx

@@ -2,7 +2,7 @@ import { useResource, useSolidAuth, useSubject } from '@ldo/solid-react';
 import React from 'react';
 import { FunctionComponent } from 'react';
 import { View } from 'react-native';
-import { SolidProfileShapeShapeType } from '../../../.ldo/profile.shapeTypes';
+import { SolidProfileShapeType } from '../../../.ldo/profile.shapeTypes';
 import { Text } from '../../ui/text';
 import { Button } from '../../ui/button';
 import { ThemeToggleMenu } from './ThemeToggleMenu';
@@ -21,7 +21,7 @@ export const AvatarMenu: FunctionComponent = () => {
   const { session, logout } = useSolidAuth();
   // TODO: Use WebId Resource to render a skeleton loader
   const webIdResource = useResource(session.webId);
-  const profile = useSubject(SolidProfileShapeShapeType, session.webId);
+  const profile = useSubject(SolidProfileShapeType, session.webId);
   const { navigateTo } = useTargetResource();
 
   if (!session.webId) return <></>;

package/components/nav/header/SignInMenu.tsx

@@ -26,7 +26,7 @@ import {
 } from '../../ui/dialog';
 import { Input } from '../../ui/input';
 
-const DEFAULT_ISSUER = 'http://localhost:3000';
+const DEFAULT_ISSUER = window.location.origin;
 
 export const SignInMenu: FunctionComponent = () => {
   const [idpValue, setIdpValue] = useState('');

package/components/sharing/agentPermissions/AgentInformation.tsx

@@ -1,4 +1,4 @@
-import { SolidProfileShapeShapeType } from '../../../.ldo/profile.shapeTypes';
+import { SolidProfileShapeType } from '../../../.ldo/profile.shapeTypes';
 import { useResource, useSolidAuth, useSubject } from '@ldo/solid-react';
 import React, { FunctionComponent, ReactNode } from 'react';
 import { View } from 'react-native';
@@ -16,7 +16,7 @@ export const AgentInformation: FunctionComponent<AgentInformationProps> = ({
 }) => {
   const { session } = useSolidAuth();
   useResource(webId);
-  const agentProfile = useSubject(SolidProfileShapeShapeType, webId);
+  const agentProfile = useSubject(SolidProfileShapeType, webId);
 
   return (
     <View className="flex-row gap-4 flex-1 items-center">
@@ -31,7 +31,6 @@ export const AgentInformation: FunctionComponent<AgentInformationProps> = ({
           {webId}
         </Text>
       </View>
-      {accessoryRight && <View>{accessoryRight}</View>}
     </View>
   );
 };

package/components/sharing/agentPermissions/AgentInput.tsx

@@ -2,7 +2,7 @@ import React, { useCallback, useMemo, useState } from 'react';
 import { FunctionComponent } from 'react';
 import { Pressable } from 'react-native';
 import { useLinkQuery, useSolidAuth } from '@ldo/solid-react';
-import { SolidProfileShapeShapeType } from '../../../.ldo/profile.shapeTypes';
+import { SolidProfileShapeType } from '../../../.ldo/profile.shapeTypes';
 import { AgentInformation } from './AgentInformation';
 import { InputDropdown } from '../../ui/input-dropdown';
 import { useContactFilter } from './useContactFilter';
@@ -46,7 +46,7 @@ export const AgentInput: FunctionComponent<AgentInputProps> = ({
 
   // Get current user's profile to access their "knows" list
   const currentUserProfile = useLinkQuery(
-    SolidProfileShapeShapeType,
+    SolidProfileShapeType,
     session.webId!,
     session.webId!,
     friendsLinkQuery,

package/metro.config.js

@@ -3,4 +3,24 @@ const { withNativeWind } = require('nativewind/metro');
 
 const config = getDefaultConfig(__dirname);
 
+// Add support for ES modules and import.meta
+config.resolver.platforms = ['native', 'web', 'ios', 'android'];
+config.transformer.minifierConfig = {
+  mangle: {
+    keep_fnames: true,
+  },
+  output: {
+    ascii_only: true,
+    quote_style: 3,
+    wrap_iife: true,
+  },
+  sourceMap: {
+    includeSources: false,
+  },
+  toplevel: false,
+  compress: {
+    reduce_funcs: false,
+  },
+};
+
 module.exports = withNativeWind(config, { input: './global.css' });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "linked-data-browser",
   "main": "index.js",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "scripts": {
     "dev:ios": "expo start -c --ios",
     "dev:web": "concurrently \"npm run solid-server\" \"expo start -c --web\"",
@@ -22,8 +22,8 @@
     "@ldo/connected": "^1.0.0-alpha.32",
     "@ldo/connected-solid": "^1.0.0-alpha.32",
     "@ldo/ldo": "^1.0.0-alpha.32",
-    "@ldo/react": "^1.0.0-alpha.33",
-    "@ldo/solid-react": "^1.0.0-alpha.33",
+    "@ldo/react": "^1.0.0-alpha.32",
+    "@ldo/solid-react": "^1.0.0-alpha.32",
     "@monaco-editor/react": "^4.7.0",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
@@ -89,6 +89,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
+    "@babel/plugin-syntax-import-meta": "^7.10.4",
     "@expo/metro-runtime": "~5.0.4",
     "@ldo/cli": "^1.0.0-alpha.32",
     "@react-native-community/eslint-config": "^3.2.0",

package/resourceViews/Profile/ProfileConfig.tsx

@@ -1,4 +1,4 @@
-import { SolidProfileShapeShapeType } from '../../.ldo/profile.shapeTypes';
+import { SolidProfileShapeType } from '../../.ldo/profile.shapeTypes';
 import { ResourceViewConfig } from '../../components/ResourceView';
 import { User } from '../../lib/icons/User';
 import { ProfileView } from './ProfileView';
@@ -10,7 +10,7 @@ export const ProfileConfig: ResourceViewConfig = {
   view: ProfileView,
   canDisplay: (targetUri, targetResource, dataset) => {
     const profile = dataset
-      .usingType(SolidProfileShapeShapeType)
+      .usingType(SolidProfileShapeType)
       .fromSubject(targetUri);
 
     return !!profile?.type?.some?.(

package/resourceViews/Profile/ProfileKnows.tsx

@@ -1,18 +1,19 @@
 import { Input } from '../../components/ui/input';
 import React, { FunctionComponent, useCallback, useState } from 'react';
 import { Plus } from '../../lib/icons/Plus';
-import { SolidProfileShape } from '../../.ldo/profile.typings';
+import { SolidProfile } from '../../.ldo/profile.typings';
 import { AgentInformation } from '../../components/sharing/agentPermissions/AgentInformation';
 import { View } from 'react-native';
 import { useChangeSetData } from '@ldo/react';
 import { SolidLeaf } from '@ldo/connected-solid';
 import { Button } from '../../components/ui/button';
 import { Trash } from '../../lib/icons/Trash';
+import { ConnectedPlugin } from '@ldo/connected';
 
 export interface ProfileKnowsProps {
   resource: SolidLeaf;
-  profile: SolidProfileShape;
-  setProfile: useChangeSetData<SolidProfileShape, any>;
+  profile: SolidProfile;
+  setProfile: useChangeSetData<SolidProfile, ConnectedPlugin<any, any, any, any, any>[]>;
 }
 
 export const ProfileKnows: FunctionComponent<ProfileKnowsProps> = ({

package/resourceViews/Profile/ProfileView.tsx

@@ -5,7 +5,7 @@ import { Input } from '../../components/ui/input';
 import { Separator } from '../../components/ui/separator';
 import { ProfileKnows } from './ProfileKnows';
 import { useViewContext } from '../../components/useViewContext';
-import { SolidProfileShapeShapeType } from '../../.ldo/profile.shapeTypes';
+import { SolidProfileShapeType } from '../../.ldo/profile.shapeTypes';
 import { useChangeSubject, useResource } from '@ldo/solid-react';
 import { Button } from '../../components/ui/button';
 import { SolidLeaf } from '@ldo/connected-solid';
@@ -15,7 +15,7 @@ export const ProfileView: FunctionComponent = () => {
 
   const profileResource = useResource(targetUri);
   const [profile, setProfile, commitProfile, transactionDataset] =
-    useChangeSubject(SolidProfileShapeShapeType, targetUri);
+    useChangeSubject(SolidProfileShapeType, targetUri);
 
   if (
     !targetUri ||