@clickview/online 0.0.0-rc.0

package/dist/shared/views/AlertView.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { BaseAlert } from '@clickview/common';
+interface AlertViewProps {
+    alerts: BaseAlert[];
+    removeAlert: (id: string) => void;
+}
+export declare function AlertView({ alerts, removeAlert }: AlertViewProps): React.ReactElement;
+export {};

package/dist/shared/views/ErrorView.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Core } from '@clickview/common';
+interface ErrorViewProps {
+    heading: string;
+    description?: string;
+    imageUrl?: string;
+    returnAppLink?: Core.AppLink | false;
+    returnAppLinkText?: string;
+}
+export declare function ErrorView(props: ErrorViewProps): React.ReactElement;
+export {};

package/dist/shared/views/ShareView.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { PopupViewProps } from '@clickview/shared';
+export interface ShareViewProps extends PopupViewProps {
+    playlistId: string;
+}
+export declare function ShareView(props: ShareViewProps): React.ReactElement;

package/dist/shared/views/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AlertView';
+export * from './ErrorView';
+export * from './ShareView';

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@clickview/online",
+  "version": "0.0.0-rc.0",
+  "description": "Online",
+  "main": "dist/online-app.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "start": "set NODE_ENV=development&& webpack -w --config ./tooling/webpack.config.js",
+    "build": "set NODE_ENV=production&& webpack --config ./tooling/webpack.config.js",
+    "dev-build": "set NODE_ENV=development&& webpack --config ./tooling/webpack.config.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.cvinternal.net/front-end/clickview"
+  },
+  "cv": {
+    "publishable": true,
+    "rebuildable": true
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@clickview/tooling": "0.0.15-dev.1",
+    "@types/linkifyjs": "2.1.3",
+    "@types/react-sortable-hoc": "0.7.1",
+    "@types/react-transition-group": "4.2.3",
+    "@types/yup": "0.26.24"
+  },
+  "dependencies": {
+    "@clickview/analytics": "1.0.8-dev.0",
+    "@clickview/common": "1.0.7-dev.0",
+    "@clickview/shared": "1.0.10-dev.0",
+    "@clickview/styles": "1.0.2",
+    "yup": "0.27.0"
+  },
+  "babel": {
+    "presets": [
+      [
+        "@babel/preset-env",
+        {
+          "corejs": 3,
+          "useBuiltIns": "entry"
+        }
+      ]
+    ]
+  }
+}

package/tooling/externals.js

@@ -0,0 +1,58 @@
+const externalModules = {
+    '@clickview/common':            /^@clickview\/common$/i,
+    '@clickview/shared':            /^@clickview\/shared$/i,
+    '@clickview/analytics':         /^@clickview\/analytics$/i,
+
+    /**
+     * Shared Dependencies
+     */
+    'FontAwesome':                  [ /^@fortawesome\/fontawesome$/i, /^fontawesome$/i ],
+    'ReactBootstrap':               [ /^react-bootstrap$/i, /^reactbootstrap$/i ],
+    'SortableHOC':                  [ /^react-sortable-hoc$/i, /^sortablehoc$/i ],
+    'ReactTransitionGroup':         [ /^react-transition-group$/i, /^reacttransitiongroup$/i ],
+    'ReactIntersectionObserver':    [ /^react-intersection-observer$/i, /^reactintersectionobserver$/i ],
+    'Autosuggest':                  [ /^react-autosuggest$/i, /^autosuggest$/i ],
+    'Backbone.Validation':          [ /^backbone-validation$/i, /^backbone\.validation$/i ],
+    'Bloodhound':                   /^bloodhound$/i,
+
+    /**
+     * Common Dependencies
+     */
+    'React':                        /^react$/i,
+    'ReactDOM':                     [ /^react-dom$/i, /^ReactDOM$/i ],
+    '_':                            [ /^underscore$/i, /^_$/i ],
+    'Backbone':                     /^backbone$/i,
+    'Marionette':                   [ /^backbone\.marionette$/i, /^marionette$/i ],
+    'Handlebars':                   /^handlebars$/i,
+    'bootstrap':                    /^bootstrap$/i,
+    'Backbone.Radio':               /^backbone\.radio$/i,
+    'signalR':                      /^signalr$/i,
+    'Redux':                        /^redux$/i,
+    'ReactRedux':                   [ /^react-redux$/i, /^reactredux$/i ],
+    'DOMPurify':                    /^dompurify$/i,
+    '$':                            [ /^jquery$/i, /^\$/ ],
+    'Polyglot':                     [ /^node-polyglot$/i, /^polyglot$/i ],
+    'moment':                       /^moment$/i,
+    'linkify':                      [ /^linkifyjs$/i, /^linkify$/i ]
+};
+
+exports.mapExternalModules = (context, request, callback) => {
+    for (var key in externalModules) {
+        if (!externalModules.hasOwnProperty(key))
+            continue;
+
+        let arr = externalModules[key];
+
+        if (!Array.isArray(arr))
+            arr = [arr];
+
+        for (var i = 0; i < arr.length; i++) {
+            if (arr[i].test(request)) {
+                return callback(null, key);
+
+            }
+        }
+    }
+
+    callback();
+}

package/typings/libs/LazyLoad.d.ts

@@ -0,0 +1,22 @@
+declare module "react-lazy-load" {
+  import * as React from 'react';
+
+  export interface LazyLoadComponentProps {
+    offset?: number | string;
+    offsetVertical?: number | string;
+    offsetHorizontal?: number | string;
+    offsetTop?: number | string;
+    offsetBottom?: number | string;
+    offsetLeft?: number | string;
+    offsetRight?: number | string;
+    throttle?: number | string;
+    debounce?: boolean;
+    height?: string | number;
+    width?: string | number;
+    onContentVisible?: Function;
+  }
+  
+  export default class LazyLoad extends React.Component<LazyLoadComponentProps> {
+    constructor(props: LazyLoadComponentProps);
+  }
+}

package/typings/utils/imports.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Define our templates as a module so that we can use
+ * import statements just the same as we do for other
+ * ts/js code.
+ */
+declare module '*.handlebars';
+declare module '*.hbs';
+declare module '*.scss';
+declare module '*.svg';