@appshell/react 1.0.0-alpha.8 → 1.0.0-alpha.80

package/src/components/ReactHost.tsx

@@ -1,55 +0,0 @@
-/* eslint-disable react/jsx-props-no-spreading */
-import { AppshellGlobalConfig } from 'packages/config/src/types';
-import React, { FC, ReactNode, useEffect } from 'react';
-import { GlobalConfigProvider } from '../contexts/GlobalConfigContext';
-import AppshellComponent from './AppshellComponent';
-
-/** The registry inlines the composition, so a shell it served needs no config fetch. */
-const inlinedConfig = (): AppshellGlobalConfig | undefined => {
-  const composition = typeof window === 'undefined' ? undefined : window.__appshell_config__;
-  return composition && { index: composition.index };
-};
-
-const ReactHost: FC<{
-  configUrl?: string;
-  remote: string;
-  fallback?: ReactNode;
-  [x: string]: unknown;
-}> = ({ configUrl, remote, fallback, ...rest }) => {
-  const [config, setGlobalConfig] = React.useState<AppshellGlobalConfig | undefined>(inlinedConfig);
-
-  useEffect(() => {
-    if (config) {
-      return;
-    }
-
-    if (!configUrl) {
-      setGlobalConfig({ index: {} });
-      return;
-    }
-
-    const fetchGlobalConfig = async () => {
-      const res = await fetch(configUrl);
-      setGlobalConfig(res.ok ? await res.json() : { index: {} });
-    };
-
-    fetchGlobalConfig();
-  }, [config, configUrl]);
-
-  if (!config) {
-    return null;
-  }
-
-  return (
-    <GlobalConfigProvider config={config}>
-      <AppshellComponent remote={remote} fallback={fallback} {...rest} />
-    </GlobalConfigProvider>
-  );
-};
-
-ReactHost.defaultProps = {
-  configUrl: undefined,
-  fallback: undefined,
-};
-
-export default ReactHost;

package/src/contexts/GlobalConfigContext.tsx

@@ -1,17 +0,0 @@
-import { AppshellGlobalConfig } from 'packages/config/src/types';
-import React, { createContext, FC, ReactNode } from 'react';
-
-interface GlobalConfigProviderProps {
-  config: AppshellGlobalConfig;
-  children: ReactNode;
-}
-
-export const GlobalConfigContext = createContext<AppshellGlobalConfig>({ index: {} });
-
-export const GlobalConfigProvider: FC<GlobalConfigProviderProps> = ({ config, children }) => (
-  <GlobalConfigContext.Provider value={config}>{children}</GlobalConfigContext.Provider>
-);
-
-export const GlobalConfigConsumer = GlobalConfigContext.Consumer;
-
-export default GlobalConfigContext;

package/src/contexts/ManifestContext.tsx

@@ -1,40 +0,0 @@
-import { AppshellManifest } from '@appshell/config';
-import type { FC, ReactNode } from 'react';
-import React, { createContext, useMemo } from 'react';
-
-interface ManifestProviderProps {
-  manifest: AppshellManifest;
-  children: ReactNode;
-}
-
-export const ManifestContext = createContext<AppshellManifest>({
-  remotes: {},
-  modules: {},
-  environment: {},
-});
-
-// `modules` is build-time webpack config that the browser has no use for, and it is
-// the bulkiest field to inline. Warn for one release to find any consumer still on it.
-const deprecateModules = (manifest: AppshellManifest): AppshellManifest =>
-  new Proxy(manifest, {
-    get(target, property, receiver) {
-      if (property === 'modules') {
-        // eslint-disable-next-line no-console
-        console.warn(
-          'useManifest().modules is deprecated and will be removed. It is build-time webpack config; use useRemote() for what the browser needs. Please open an issue at github.com/appshell-org/appshell if you rely on it.',
-        );
-      }
-
-      return Reflect.get(target, property, receiver);
-    },
-  });
-
-export const ManifestProvider: FC<ManifestProviderProps> = ({ manifest, children }) => {
-  const value = useMemo(() => deprecateModules(manifest), [manifest]);
-
-  return <ManifestContext.Provider value={value}>{children}</ManifestContext.Provider>;
-};
-
-export const ManifestConsumer = ManifestContext.Consumer;
-
-export default ManifestContext;

package/src/contexts/MetadataContext.tsx

@@ -1,17 +0,0 @@
-import { Metadata } from '@appshell/config';
-import React, { createContext, FC, ReactNode } from 'react';
-
-interface MetadataProviderProps {
-  metata: Metadata;
-  children: ReactNode;
-}
-
-export const MetadataContext = createContext<Metadata>({});
-
-export const MetadataProvider: FC<MetadataProviderProps> = ({ metata, children }) => (
-  <MetadataContext.Provider value={metata}>{children}</MetadataContext.Provider>
-);
-
-export const MetadataConsumer = MetadataContext.Consumer;
-
-export default MetadataContext;

package/src/contexts/RemoteContext.tsx

@@ -1,22 +0,0 @@
-import { AppshellRemote } from '@appshell/config';
-import type { FC, ReactNode } from 'react';
-import React, { createContext } from 'react';
-
-interface RemoteProviderProps {
-  remote?: AppshellRemote;
-  children: ReactNode;
-}
-
-export const RemoteContext = createContext<AppshellRemote | undefined>(undefined);
-
-export const RemoteProvider: FC<RemoteProviderProps> = ({ remote, children }) => (
-  <RemoteContext.Provider value={remote}>{children}</RemoteContext.Provider>
-);
-
-RemoteProvider.defaultProps = {
-  remote: undefined,
-};
-
-export const RemoteConsumer = RemoteContext.Consumer;
-
-export default RemoteContext;

package/src/hooks/useGlobalConfig.ts

@@ -1,7 +0,0 @@
-import { AppshellGlobalConfig } from 'packages/config/src/types';
-import React from 'react';
-// eslint-disable-next-line import/no-named-as-default
-import GlobalConfigContext from '../contexts/GlobalConfigContext';
-
-export default (): AppshellGlobalConfig =>
-  React.useContext<AppshellGlobalConfig>(GlobalConfigContext);

package/src/hooks/useManifest.ts

@@ -1,7 +0,0 @@
-import { AppshellManifest } from '@appshell/config';
-import React from 'react';
-
-// eslint-disable-next-line import/no-named-as-default
-import ManifestContext from '../contexts/ManifestContext';
-
-export default (): AppshellManifest => React.useContext<AppshellManifest>(ManifestContext);

package/src/hooks/useMetadata.ts

@@ -1,6 +0,0 @@
-import { Metadata } from '@appshell/config';
-import React from 'react';
-// eslint-disable-next-line import/no-named-as-default
-import MetadataContext from '../contexts/MetadataContext';
-
-export default (): Metadata => React.useContext<Metadata>(MetadataContext);

package/src/hooks/useRemote.ts

@@ -1,7 +0,0 @@
-import { AppshellRemote } from '@appshell/config';
-import React from 'react';
-// eslint-disable-next-line import/no-named-as-default
-import RemoteContext from '../contexts/RemoteContext';
-
-/** The remote backing the nearest `AppshellComponent` — it already knows its own key. */
-export default (): AppshellRemote | undefined => React.useContext(RemoteContext);

package/src/index.ts

@@ -1,11 +0,0 @@
-export { default as AppshellComponent, FederatedComponent } from './components/AppshellComponent';
-export { default as ReactHost } from './components/ReactHost';
-export { GlobalConfigProvider } from './contexts/GlobalConfigContext';
-export { ManifestProvider } from './contexts/ManifestContext';
-export { MetadataProvider } from './contexts/MetadataContext';
-export { RemoteProvider } from './contexts/RemoteContext';
-export { default as useGlobalConfig } from './hooks/useGlobalConfig';
-export { default as useManifest } from './hooks/useManifest';
-export { default as useMetadata } from './hooks/useMetadata';
-export { default as useRemote } from './hooks/useRemote';
-export { default as jsonResource } from './resources/jsonResource';

package/src/resources/jsonResource.ts

@@ -1,35 +0,0 @@
-export default <TResource>(url: string) => {
-  let status = 'pending';
-  let result: TResource | Error;
-  const suspender = fetch(url, {
-    headers: {
-      'Content-Type': 'application/json',
-      Accept: 'application/json',
-    },
-    // eslint-disable-next-line consistent-return
-  }).then((response) => {
-    if (response.ok) {
-      return response.json().then((data) => {
-        status = 'success';
-        result = data;
-      });
-    }
-    status = 'error';
-    result = new Error(`${response.status} ${response.statusText} ${response.url}`);
-  });
-
-  return {
-    read() {
-      if (status === 'pending') {
-        // eslint-disable-next-line @typescript-eslint/no-throw-literal
-        throw suspender as Promise<TResource>;
-      } else if (status === 'error') {
-        throw result as Error;
-      } else if (status === 'success') {
-        return result;
-      }
-
-      return undefined;
-    },
-  };
-};

package/src/types.ts

@@ -1,3 +0,0 @@
-export type Resource<TResource = unknown> = {
-  read(): TResource | Error | undefined;
-};

package/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "extends": "../../tsconfig",
-  "compilerOptions": {
-    "declarationDir": "./dist/types"
-  },
-  "include": ["./src"]
-}

package/webpack.config.js

@@ -1,42 +0,0 @@
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-const Visualizer = require('webpack-visualizer-plugin2');
-
-module.exports = (env, { mode }) => {
-  const isDevelopment = mode === 'development';
-
-  return {
-    entry: './src/index',
-    mode,
-    devtool: isDevelopment ? 'eval-source-map' : false,
-    output: {
-      filename: '[name].js',
-      pathinfo: false,
-      libraryTarget: 'umd',
-    },
-    resolve: {
-      extensions: ['.js', '.ts', '.tsx'],
-      plugins: [new TsconfigPathsPlugin()],
-    },
-    module: {
-      rules: [
-        {
-          test: /\.tsx?$/,
-          exclude: /node_modules/,
-          use: [
-            {
-              loader: 'babel-loader',
-              options: {
-                presets: ['@babel/preset-react', '@babel/preset-typescript'],
-              },
-            },
-          ],
-        },
-      ],
-    },
-    // plugins: [isDevelopment && new Visualizer()].filter(Boolean),
-    externals: {
-      react: 'react',
-      'react-dom': 'reactDOM',
-    },
-  };
-};