First Commit

README.md

@@ -1 +1,3 @@
-# oura-trader-sleep
+This widget helps users track the relation between their sleep quality / crypto investments.
+
+Oura users can connect their devices to this widget via Prifina's cloud platform to have a basic understanding of how their sleep performance and the price of a cryptocurrency of their choosing (among the largest 250) have changed over specific periods (7d, 14d, 30d).

__tests__/oura-sleep.test.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const ouraSleep = require('..');
+
+describe('oura-sleep', () => {
+    it('needs tests');
+});

config/paths.js

@@ -0,0 +1,12 @@
+const path = require("path");
+
+module.exports = {
+  // Source files
+  src: path.resolve(__dirname, "../src"),
+
+  // Production build files
+  build: path.resolve(__dirname, "../dist"),
+
+  // Static files that get copied to build folder
+  public: path.resolve(__dirname, "../public"),
+};

config/remote-component.config.js

@@ -0,0 +1,12 @@
+/**
+ * Dependencies for Remote Components
+ *
+ */
+
+module.exports = {
+  resolve: {
+    react: require("react"),
+    "styled-components": require("styled-components"),
+    "@prifina/hooks": require("@prifina/hooks"),
+  },
+};

config/webpack.config.js

@@ -0,0 +1,86 @@
+const path = require("path");
+
+const webpack = require("webpack");
+const WebpackAssetsManifest = require("webpack-assets-manifest");
+const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
+const paths = require("./paths");
+const remoteComponentConfig = require("./remote-component.config").resolve;
+
+const externals = Object.keys(remoteComponentConfig).reduce(
+  (obj, key) => ({ ...obj, [key]: key }),
+  {}
+);
+
+/*
+- add a fallback 'resolve.fallback: { "https": require.resolve("https-browserify") }'
+- install 'https-browserify'
+If you don't want to include a polyfill, you can use an empty module like this:
+resolve.fallback: { "https": false }
+*/
+
+module.exports = {
+  entry: {
+    main: path.resolve(__dirname, paths.src + "/index.js"),
+  },
+  output: {
+    path: path.resolve(__dirname, paths.build),
+    filename: "[name].bundle.js",
+    libraryTarget: "commonjs",
+  },
+  plugins: [
+    new webpack.EnvironmentPlugin({
+      "process.env.NODE_ENV": process.env.NODE_ENV,
+    }),
+    new BundleAnalyzerPlugin({
+      analyzerMode: "static",
+      openAnalyzer: false,
+      reportFilename: "webpack-bundle-analyzer-report.html",
+    }),
+    new WebpackAssetsManifest(),
+    new CleanWebpackPlugin(),
+  ],
+  externals: {
+    ...externals,
+  },
+  /*resolve: {
+    fallback: {
+      https: require.resolve("https-browserify"),
+    },
+  },*/
+  module: {
+    rules: [
+      {
+        test: /\.m?js$/,
+        exclude: /(node_modules|bower_components)/,
+        use: {
+          loader: "babel-loader",
+        },
+      },
+      // Fonts Inline files
+      { test: /\.(woff(2)?|eot|ttf|otf|)$/, type: "asset/inline" },
+
+      {
+        test: /\.svg$/,
+        use: ["@svgr/webpack", "url-loader"],
+      },
+      {
+        test: /\.(png|jp(e*)g|gif)$/i,
+        use: [
+          {
+            loader: "url-loader",
+          },
+        ],
+      },
+    ],
+  },
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        extractComments: false,
+      }),
+    ],
+  },
+};

config/webpack.dev-config.js

@@ -0,0 +1,102 @@
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const path = require("path");
+const webpack = require("webpack");
+const config = require("./webpack.config");
+const paths = require("./paths");
+//console.log("CONFIG ", config);
+module.exports = {
+  /*  entry: "./src/webpack-dev-server.js", */
+  entry: {
+    main: path.resolve(__dirname, paths.src + "/webpack-dev-server.js"),
+  },
+  output: {
+    /**
+     * With zero configuration,
+     *   clean-webpack-plugin will remove files inside the directory below
+     */
+    path: path.resolve(__dirname, paths.build),
+  },
+  plugins: [
+    ...config.plugins,
+    new HtmlWebpackPlugin({
+      filename: "index.html",
+      template: paths.public + "/index.html",
+    }),
+    new webpack.EnvironmentPlugin({
+      "process.env.NODE_ENV": process.env.NODE_ENV,
+    }),
+
+    new webpack.HotModuleReplacementPlugin(),
+    new CleanWebpackPlugin(),
+  ],
+  module: config.module,
+  devServer: {
+    hot: true,
+    contentBase: __dirname,
+    headers: {
+      "Access-Control-Allow-Origin": "*",
+      "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+      "Access-Control-Allow-Headers":
+        "X-Requested-With, content-type, Authorization",
+    },
+  },
+  resolve: {
+    fallback: {
+      https: require.resolve("https-browserify"),
+      http: require.resolve("stream-http"),
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.m?js$/,
+        exclude: /(node_modules|bower_components)/,
+        use: {
+          loader: "babel-loader",
+        },
+      },
+      // Fonts Inline files
+      { test: /\.(woff(2)?|eot|ttf|otf|)$/, type: "asset/inline" },
+
+      {
+        test: /\.svg$/,
+        use: ["@svgr/webpack", "url-loader"],
+      },
+      {
+        test: /\.(png|jp(e*)g|gif)$/i,
+        use: [
+          {
+            loader: "url-loader",
+          },
+        ],
+      },
+    ],
+  },
+  /*
+  resolve: {
+    alias: {
+      "remote-component.config.js": path.resolve("./remote-component.config.js")
+    }
+  } */
+};
+
+/*
+ not good option, because all have to included in one bundle 
+{
+  test: /\.(png|jp(e*)g|gif)$/,
+  use: [
+    {
+      loader: "file-loader",
+      options: {
+        name: "images/[hash]-[name].[ext]",
+      },
+    },
+  ],
+},
+*/
+/*
+deprecated....
+new webpack.NamedModulesPlugin(),
+
+*/

manifest.json

@@ -0,0 +1,30 @@
+{
+  "id": "866fscSq5Ae7bPgUtb6ffB",
+  "version": "0.0.1",
+  "name": "dataTest",
+  "title": "DataTest",
+  "publisher": "Prifina Inc",
+  "icon": "assets/weatherly-icon.png",
+  "bannerImage": "assets/weatherly-banner.png", 
+  "dataConnectors": ["@prifina/google-timeline","@prifina/oura","@prifina/fitbit","@prifina/garmin"],
+  "settings": [
+    {"field":"sizes","value":"[{\"option\":\"300x300\",\"value\":\"300x300\"}]","label":"Sizes","type":"select"},
+      {"field":"theme","value": "[{\"option\":\"Light\",\"value\":\"light\"}]","label":"Theme","type":"select"}
+  ],
+  "shortDescription": "Heads up widget for showing you the weather in relevant locations to you.",
+  "longDescription": "This simple widget gives you insight into the weather in different locations you choose. You can access it in your account from wherever you access the internet.",
+  "dataTypes": "User-held data",
+  "category": "Weather",
+  "deviceSupport": "Desktop browser",
+  "languages": "en",
+  "age": "3+",
+  "screenshots": [
+    "assets/weatherly-ss-1.png",
+    "assets/weatherly-ss-2.png",
+    "assets/weatherly-ss-3.png"
+  ],
+  "keyFeatures": ["Public data display"],
+  "userHeld": ["Session time", "Session duration"],
+  "userGenerated": ["Location input"],
+  "public": ["Weather data"]
+}