@unisphere/nx 2.2.2 → 3.2.4

package/dist/generators/add-application/templates/local-dev-playground/src/app/configuration-provider.tsx

@@ -1,163 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import {
-  getDefaultConfiguration,
-  isConfigurationValid,
-  Configuration,
-} from './definitions';
-import { mergeDeep } from './utils/merge-deep';
-
-export const ConfigurationContext = React.createContext<{
-  configuration: Configuration;
-  sharedUrl: string;
-  clearConfiguration: () => void;
-  updateConfiguration: (configuration: Configuration) => void;
-  createSharedUrl: (options?: {
-    baseUrl?: string;
-    customConfiguration?: Configuration;
-  }) => string;
-  ConfigurationType: ConfigurationTypes;
-  refreshConfiguration: () => void;
-}>(null as any);
-
-export const getConfigurationFromQueryParams = (
-  configurationKey: string
-): Configuration | null => {
-  const search = window.location.search;
-  const params = new URLSearchParams(search);
-
-  if (!params || !configurationKey || !params.get(configurationKey))
-    return null;
-
-  const configuration = window.atob(params.get(configurationKey) || '');
-  try {
-    return JSON.parse(configuration);
-  } catch (e: any) {
-    console.warn(`Failed to parse login query string ${e.message} ${e.stack}`);
-    return null;
-  }
-};
-
-export enum ConfigurationTypes {
-  None,
-  Querystring,
-  Localstorage,
-}
-
-const { hostname, port, protocol } = window.location;
-export const hosterAppUrl = `${protocol}//${hostname}${port ? `:${port}` : ''}`;
-
-const getConfigurationFromLocalStorage = (
-  configurationKey: string
-): Configuration | null => {
-  const data = localStorage.getItem(configurationKey);
-  return data ? JSON.parse(data) : null;
-};
-
-const loginParamsToBase64 = (configuration: Configuration | null): string => {
-  if (!configuration) {
-    return '';
-  }
-  try {
-    return window.btoa(JSON.stringify(configuration));
-  } catch (e) {
-    return '';
-  }
-};
-
-export const ConfigurationProvider: React.FC<
-  React.PropsWithChildren<{
-    configurationKey: string;
-  }>
-> = (props) => {
-  const { configurationKey } = props;
-  const [ConfigurationType] = useState<ConfigurationTypes>(() => {
-    return getConfigurationFromQueryParams(configurationKey)
-      ? ConfigurationTypes.Querystring
-      : ConfigurationTypes.Localstorage;
-  });
-  const [configuration, setConfiguration] = useState<Configuration | null>(
-    () => {
-      const configuration = mergeDeep(
-        {},
-        getDefaultConfiguration(),
-        ConfigurationType === ConfigurationTypes.Querystring
-          ? getConfigurationFromQueryParams(configurationKey)
-          : getConfigurationFromLocalStorage(configurationKey)
-      );
-
-      return configuration && isConfigurationValid(configuration)
-        ? configuration
-        : getDefaultConfiguration();
-    }
-  );
-
-  const providerValue = useMemo(() => {
-    const createSharedUrl = (options?: {
-      baseUrl?: string;
-      customConfiguration?: Configuration;
-    }) => {
-      const { baseUrl = '', customConfiguration } = options || {};
-
-      if (!options?.customConfiguration && !configuration) {
-        return '';
-      }
-
-      return `${
-        baseUrl || hosterAppUrl
-      }/configuration?${configurationKey}=${loginParamsToBase64(
-        customConfiguration || configuration
-      )}`;
-    };
-
-    const saveToLocalStorage = (params: Configuration) => {
-      if (ConfigurationType === ConfigurationTypes.Querystring) {
-        const sharedUrl = createSharedUrl({
-          customConfiguration: params,
-        });
-
-        if (sharedUrl) {
-          window.location.href = sharedUrl;
-        }
-
-        return;
-      }
-
-      localStorage.setItem(
-        configurationKey,
-        params ? JSON.stringify(params) : ''
-      );
-      setConfiguration(params || null);
-    };
-
-    const clearLocalStorage = () => {
-      localStorage.removeItem(configurationKey);
-      setConfiguration(null);
-    };
-
-    const refreshConfiguration = () => {
-      setConfiguration((prev) => {
-        if (!prev) {
-          return prev;
-        }
-        return {
-          ...prev,
-        };
-      });
-    };
-    return {
-      configuration: configuration || getDefaultConfiguration(),
-      ConfigurationType,
-      refreshConfiguration,
-      updateConfiguration: saveToLocalStorage,
-      clearConfiguration: clearLocalStorage,
-      createSharedUrl,
-      sharedUrl: createSharedUrl(),
-    };
-  }, [configuration]);
-
-  return (
-    <ConfigurationContext.Provider value={providerValue}>
-      {props.children}
-    </ConfigurationContext.Provider>
-  );
-};

package/dist/generators/add-application/templates/local-dev-playground/src/app/definitions.ts

@@ -1,25 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-export const inProduction = process.env.NODE_ENV === 'production';
-
-// todo update the configuration and default values
-export interface Configuration {
-  _schemaVersion: string;
-  unisphereServerUrl: string;
-  language: string;
-  theme: 'light' | 'dark';
-  settings: string;
-}
-
-export const getDefaultConfiguration = (): Configuration => ({
-  unisphereServerUrl: 'https://unisphere.nvq2.ovp.kaltura.com/v1',
-  language: 'en',
-  _schemaVersion: '1',
-  theme: 'light',
-  settings: '',
-});
-
-// todo set here the logic needed to validate configuration
-export const isConfigurationValid = (config: any): config is Configuration => {
-  return config?.unisphereServerUrl && config?.settings;
-};

package/dist/generators/add-application/templates/local-dev-playground/src/app/utils/merge-deep.ts

@@ -1,31 +0,0 @@
-/**
- * Simple object check.
- * @param item
- * @returns {boolean}
- */
-export function isObject(item: any) {
-  return item && typeof item === 'object' && !Array.isArray(item);
-}
-
-/**
- * Deep merge two objects.
- * @param target
- * @param ...sources
- */
-export function mergeDeep(target: any, ...sources: any[]): any {
-  if (!sources.length) return target;
-  const source = sources.shift();
-
-  if (isObject(target) && isObject(source)) {
-    for (const key in source) {
-      if (isObject(source[key])) {
-        if (!target[key]) Object.assign(target, { [key]: {} });
-        mergeDeep(target[key], source[key]);
-      } else {
-        Object.assign(target, { [key]: source[key] });
-      }
-    }
-  }
-
-  return mergeDeep(target, ...sources);
-}

package/dist/generators/add-application/templates/local-dev-playground/src/index.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8" />
-  <title>
-    <%= htmlPageTitle %>
-  </title>
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <link rel="icon" type="image/x-icon" href="favicon.ico" />
-</head>
-
-<body>
-  <div id="root"></div>
-</body>
-
-</html>

package/dist/generators/add-application/templates/local-dev-playground/src/main.tsx

@@ -1,13 +0,0 @@
-import { StrictMode } from 'react';
-import * as ReactDOM from 'react-dom/client';
-
-import App from './app/app';
-
-const root = ReactDOM.createRoot(
-  document.getElementById('root') as HTMLElement
-);
-root.render(
-  <StrictMode>
-    <App />
-  </StrictMode>
-);

package/dist/generators/add-application/templates/local-dev-playground/tsconfig.app.json

@@ -1,24 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../../dist/out-tsc",
-    "types": [
-      "node",
-
-      "@nx/react/typings/cssmodule.d.ts",
-      "@nx/react/typings/image.d.ts"
-    ]
-  },
-  "exclude": [
-    "jest.config.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.js",
-    "src/**/*.test.js",
-    "src/**/*.spec.jsx",
-    "src/**/*.test.jsx"
-  ],
-  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
-}

package/dist/generators/add-application/templates/local-dev-playground/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "allowJs": false,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ],
-  "extends": "../../../tsconfig.base.json"
-}

package/dist/generators/add-application/templates/local-dev-playground/tsconfig.spec.json

@@ -1,25 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../../dist/out-tsc",
-    "module": "commonjs",
-    "types": [
-      "jest",
-      "node",
-      "@nx/react/typings/cssmodule.d.ts",
-      "@nx/react/typings/image.d.ts"
-    ]
-  },
-  "include": [
-    "jest.config.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx",
-    "src/**/*.d.ts"
-  ]
-}

package/dist/generators/add-application/templates/local-dev-playground/webpack.config.js

@@ -1,33 +0,0 @@
-const { NxAppWebpackPlugin } = require('@nx/webpack/app-plugin');
-const { NxReactWebpackPlugin } = require('@nx/react/webpack-plugin');
-const { join } = require('path');
-
-const baseHref = process.env.UNISPHERE_BASE_HREF || '/';
-
-module.exports = {
-  output: {
-    path: join(__dirname, '../../../dist/unisphere/applications/<%= applicationName__lowerDashCase %>'),
-    publicPath: baseHref,
-  },
-  devServer: {
-    port: 4200,
-  },
-  plugins: [
-    new NxAppWebpackPlugin({
-      tsConfig: './tsconfig.app.json',
-      compiler: 'babel',
-      main: './src/main.tsx',
-      index: './src/index.html',
-      baseHref,
-      assets: ['./src/favicon.ico'],
-      styles: ['./src/styles.css'],
-      outputHashing: process.env['NODE_ENV'] === 'production' ? 'all' : 'none',
-      optimization: process.env['NODE_ENV'] === 'production',
-    }),
-    new NxReactWebpackPlugin({
-      // Uncomment this line if you don't want to use SVGR
-      // See: https://react-svgr.com/
-      // svgr: false
-    }),
-  ],
-};