Telegram auth (wip)

imports/api/Subscriptions/server/publications.js

@@ -41,7 +41,7 @@ Meteor.publishTransformed('userSubsToFires', function transform() {
 });
 
 Meteor.publish('mysubscriptions', function subscriptions() {
-  return Subscriptions.find({ owner: this.userId, type: 'web' });
+  return Subscriptions.find({ owner: this.userId }); // type: 'web'
 });
 
 // Note: subscriptions.view is also used when editing an existing subscription.

imports/api/Users/server/methods.js

@@ -1,6 +1,8 @@
+/* eslint-disable import/no-absolute-path */
 import { Meteor } from 'meteor/meteor';
 import { check, Match } from 'meteor/check';
 import { Accounts } from 'meteor/accounts-base';
+import urlEnc from '/imports/modules/url-encode';
 import editProfile from './edit-profile';
 import rateLimit from '../../../modules/rate-limit';
 
@@ -34,6 +36,13 @@ Meteor.methods({
   'users.setLang': function userLang(lang) {
     check(lang, validLangCode);
     Meteor.users.update({ _id: this.userId }, { $set: { lang } });
+  },
+  'auth.getHash': async function getHash() {
+    const token = Accounts._generateStampedLoginToken();
+    const obj = Accounts._hashStampedToken(token);
+    // console.log(obj);
+    const sealed = await urlEnc.encrypt(obj);
+    return sealed;
   }
 });
 

imports/ui/components/SelectionMap/SelectionMap.js

@@ -292,6 +292,6 @@ export default translate([], { wait: true })(withTracker((props) => {
     center: props.center[0] !== null ? props.center : geolocation.get(),
     distance: props.distance,
     loadingSubs: !subscription.ready(),
-    currentSubs: UserSubsToFiresCollection.find({ owner: Meteor.userId(), type: 'web' }).fetch()
+    currentSubs: UserSubsToFiresCollection.find({ owner: Meteor.userId() }).fetch() // type: 'web'
   };
 })(SelectionMap));

imports/ui/layouts/App/App.js

@@ -27,6 +27,7 @@ import NewSubscription from '../../pages/NewSubscription/NewSubscription';
 import ViewSubscription from '../../pages/ViewSubscription/ViewSubscription';
 import EditSubscription from '../../pages/EditSubscription/EditSubscription';
 import Signup from '../../pages/Signup/Signup';
+import Auth from '../../pages/Auth/Auth';
 import Login from '../../pages/Login/Login';
 import Logout from '../../pages/Logout/Logout';
 import VerifyEmail from '../../pages/VerifyEmail/VerifyEmail';
@@ -70,6 +71,7 @@ const App = props => (
               <Authenticated exact path="/profile" component={Profile} {...props} />
               <Route path="/fires" component={FiresMap} {...props} />
               <Route path="/fire/:id" component={Fires} {...props} />
+              <Public path="/auth/:token" component={Auth} {...props} />
               <Public path="/signup" component={Signup} {...props} />
               <Public path="/login" component={Login} {...props} />
               <Route path="/logout" component={Logout} {...props} />
@@ -121,7 +123,7 @@ export default withTracker(() => {
   const loading = !Roles.subscription.ready();
   const name = user && user.profile && user.profile.name && getUserName(user.profile.name);
   const emailAddress = user && user.emails && user.emails[0].address;
-  console.log(`i18n ready?: ${i18nReady.get()}`);
+  // console.log(`i18n ready?: ${i18nReady.get()}`);
   return {
     loading,
     loggingIn,

imports/ui/pages/Auth/Auth.js

@@ -0,0 +1,48 @@
+/* eslint-disable react/jsx-indent-props */
+/* eslint-disable import/no-absolute-path */
+/* eslint-disable import/no-absolute-path */
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { translate } from 'react-i18next';
+import { Bert } from 'meteor/themeteorchef:bert';
+import { Meteor } from 'meteor/meteor';
+import { T9n } from 'meteor-accounts-t9n';
+import { Accounts } from 'meteor/accounts-base';
+
+class Auth extends Component {
+  constructor(props) {
+    super(props);
+    const { token } = props.match.params;
+    // console.log(token);
+    console.log(Meteor.connection);
+    console.log(Accounts.connection);
+
+    Meteor.loginWithToken(token, (error) => {
+      // this is going to throw error if we logged out
+      if (error) {
+        Bert.alert(T9n.get(`error.accounts.${error.reason}`), 'danger');
+        // props.history.push('/login');
+      } else {
+        console.log('loginWithToken');
+      }
+    });
+  }
+
+  render() {
+    return (
+      <div />
+    );
+  }
+}
+
+Auth.propTypes = {
+  // t: PropTypes.func.isRequired,
+  history: PropTypes.object.isRequired,
+  match: PropTypes.object.isRequired
+};
+
+Auth.defaultProps = {
+};
+
+export default translate([], { wait: true })(Auth);

imports/ui/pages/Signup/Signup.js

@@ -8,7 +8,6 @@ import { Link } from 'react-router-dom';
 import { Meteor } from 'meteor/meteor';
 import { Accounts } from 'meteor/accounts-base';
 import { Bert } from 'meteor/themeteorchef:bert';
-import randomHex from 'crypto-random-hex';
 import Icon from '../../components/Icon/Icon';
 import OAuthLoginButtons from '../../components/OAuthLoginButtons/OAuthLoginButtons';
 import InputHint from '../../components/InputHint/InputHint';
@@ -96,6 +95,26 @@ class Signup extends React.Component {
     this.setState({ termsAccept });
   }
 
+  onTelegramAuth() {
+    /* dynamic import sample
+    // https://github.com/meteor/meteor/issues/9038
+    import('crypto-random-hex').then(({ default: randomHex }) => {
+      // console.log(randomHex);
+      const hex = randomHex(20);
+      window.open(`https://t.me/TodosContraElFuego_bot?start=${hex}`);
+    }); */
+    Meteor.call('auth.getHash', (error, response) => {
+      if (error) {
+        console.warn(error);
+      } else {
+        const bot = Meteor.isDevelopment ? 'rednodetest_bot' : 'TodosContraElFuego_bot';
+        const url = `https://t.me/${bot}?start=${response}`;
+        // console.log(url);
+        window.open(url);
+      }
+    });
+  }
+
   render() {
     const { t, history } = this.props;
     return (<div className="Signup">
@@ -103,12 +122,12 @@ class Signup extends React.Component {
         <Col xs={12} sm={6} md={5} lg={4}>
           <h4 className="page-header">{t('Registrarse')}</h4>
           <Row>
-            { false && // disabled
+            { Meteor.settings.public.telegramAuth &&
             <Col xs={12}>
               <button
                   className="btn btn-block btn-raised btn-primary OAuthLoginButtonDis OAuthLoginButton-telegram"
                   type="button"
-                  onClick={() => { const hex = randomHex(20); console.log(hex); window.open(`https://t.me/TodosContraElFuego_bot?start=${hex}`); }}
+                  onClick={this.onTelegramAuth}
               >
                 <span><Icon icon="telegram" /> {t('Iniciar sesión con Telegram')}</span>
               </button>