Forem: Michael Lustig - halfjew22@gmail.com

Format Swift on Save - AppCode with swift-format

Michael Lustig - halfjew22@gmail.com — Mon, 18 Jan 2021 00:01:12 +0000

Coming from WebStorm and TypeScript land, I got sick of not having auto-formatted code while working on a small Front End SwiftUI project. After finally figuring out how to autoformat my Swift code, I had to share as NO RESULTS ONLINE WERE HELPFUL!

See below and linked video. Let me know if you have any questions or suggestions for improvements.

brew install nshipster/formulae/swift-format
Create external tool
Name it swift-format
Under Tool Settings > Arguments: --in-place $FilePath$
Advanced Options > Uncheck Open console for tool output
Click OK
Click Apply
Create a Keymap for your new external tool by searching for “swift-format” and double clicking on the result
Open any code file
Edit > Macros > Start Macro Recording
Invoke the keycap from step 6 and then save your file
Click the stop button in the bottom right hand of your editor to stop the macro
LAST STEP Assign the ⌘S keymap to your new macro

Answer:

Michael Lustig - halfjew22@gmail.com — Sun, 23 Aug 2020 07:51:49 +0000

Jan 21 '16

505

In redux-saga, the equivalent of the above example would be

export function* loginSaga() {
  while(true) {
    const { user, pass } = yield take(LOGIN_REQUEST)
    try {
      let { data } = yield call(request.post, '/login', { user, pass });
      yield fork(loadUserData, data.uid);
      yield put({ type: LOGIN_SUCCESS, data });
    } catch(error) {

…

Open Full Answer

Walthrough Numero Dos of Clipper (Using Google Cloud Vision + Twilio to Turn Screenshots into Video Clips)

Michael Lustig - halfjew22@gmail.com — Sat, 02 May 2020 03:16:46 +0000

Walking through the code behind my Twilio Hackathon project for DevTo.

Thanks a ton to Twilio and DevTo for putting this on. This was very fun to make and I learned a bunch. Hope to share that with some others.

Walthrough Numero Uno of Clipper (Using Google Cloud Vision + Twilio to Turn Screenshots into Video Clips)

Michael Lustig - halfjew22@gmail.com — Sat, 02 May 2020 02:48:29 +0000

Walking through the code behind my Twilio Hackathon project for DevTo.

Thanks a ton to Twilio and DevTo for putting this on. This was very fun to make and I learned a bunch. Hope to share that with some others.

Clipper - Use Machine Learning and Twilio to Turn Screenshots into Video Clips

Michael Lustig - halfjew22@gmail.com — Fri, 01 May 2020 05:02:32 +0000

What I built --- Clipper

Category Submission: Interesting Integrations

Walking Through the Code

Demo Link

https://clipper.ngrok.io

Link to Code

technoplato / Clipper

Send us a text and we'll send you a clip of your video

Try It

https://clipper.ngrok.io/

Setup

Docker & Docker Compose

Google Cloud Vision

Follow instructions here to create a Google Cloud Vision Enabled Project and download key.json
Open the env file at the root of the project and make WHERE_IS_MY_GOOGLE_CLOUD_PLATFORM_KEY_JSON_FILE match where you downloaded your file.

Twilio

Use the promo code DEVHACK20 for $20 when you create your account.
Create a new Twilio Account (DISCLAIMER: this is my referral link)
Navigate to your Twilio Console and copy your ACCOUNT SID and AUTH TOKEN into the same .env file from above.
Buy a Twilio phone number and copy it to your pyclipper/pyclipper.ini.sample file.

Finally, change the name of the pyclipper.ini.sample to pyclipper.ini

Run Application

Run docker-compose up (AFTER FOLLOWING SETUP INSTRUCTIONS)

TODO

~~Get google application credentials into environemnt where its needed. I need to figure out docker for this~~
~~Automate ngrok and twilio webhook configuration~~
~~Install twilio cli~~…

View on GitHub

How I built it (what's the stack? did I run into issues or discover something new along the way?)

I learned a ton and I've got to write more about the experience, but right now, just wanted to submit a post with the Dockerized and runnable version of my project.

The stack is built with Flask, RabbitMQ, Google Cloud Vision, and Docker / Docker Compose (if that counts in the stack?).

I want to say thanks to Twilio and DevTo for putting this on. I had a lot of fun creating this project and will use it and continue to improve on it for my own personal experience and enjoyment after the hackathon. Good luck to all!

Computer Vision / Twilio: Clipper - Text a Screenshot or URL of a Video & We'll Text You a Video Clip to Download

Michael Lustig - halfjew22@gmail.com — Thu, 23 Apr 2020 20:43:46 +0000

What I built

Clipper - Text a Screenshot or URL of a Video & We'll Text You a Video Clip to Download

I'm very excited that I've finished my first pass at Clipper, an app I've been wanting to make for a while and finally used the hackathon as an excuse to do so.

I love watching long podcasts and whatnot on YouTube, and it's nice that you can share a video at a start time, but I never found that satisfactory to share with friends. With Clipper, you can share a screenshot of the video you're watching and Clipper will download and send you a clip of that video. You can also share the URL of the video with Clipper. Clipper has only been thoroughly tested with YouTube screenshots. It will definitely work with most video URLs though if shared via text.

Category Submission

Interesting Integrations

Demo Link

Clipper

Link to Code

https://github.com/technoplato/Clipper

How I built it (what's the stack? did I run into issues or discover something new along the way?)

Flask
- handles servery stuff
RabbitMQ
- handles doing the heavy lifting
Google Cloud Vision
- helps magically turn screenshots into video clips

Additional Resources/Info

All of the below were helpful in getting this prototype functional. I need to organize them but will just plop them for now:

IN ACTION

GIFS COMING SOON (this is because I don't know Markdown well) -->

TWILIO REFERRAL MEGATHREAD

Michael Lustig - halfjew22@gmail.com — Fri, 03 Apr 2020 07:46:33 +0000

www.twilio.com/referral/Gbv52f

Since a bunch of us are going to be signing up, I figured it'd make sense.

Mods, please let me know if you feel like this is abuse. Maybe we can each take four and be on an honors system?

Testing Firestore Cloud Function Local Emulator (Red, Green, -Refactor-)

Michael Lustig - halfjew22@gmail.com — Tue, 03 Mar 2020 02:24:37 +0000

✅👍 ➡ https://www.youtube.com/c/michaellustig?sub_confirmation=1 ✅
👨‍💻 https://dev.to/technoplato
↙ 2️⃣8️⃣0️⃣ 🔤 💬 https://twitter.com/technoplato
↗ 2️⃣8️⃣0️⃣ 🔤 https://medium.com/@michaellustig
💾 https://github.com/technoplato

Show Notifications in Foreground on Expo iOS Application!!

Michael Lustig - halfjew22@gmail.com — Fri, 21 Feb 2020 18:33:10 +0000

I'm not sure exactly when this was added to Expo, but as of Expo version 36 is easily doable.

To show Expo Push Notifications on iOS when your app is in the foreground, please do the following:


import { Vibration } from "react-native";  
import { Notifications } from "expo";  
import * as Permissions from "expo-permissions";  
import Constants from "expo-constants";

registerForPushNotificationsAsync = async () => {                          
  if (Constants.isDevice) {                                                
    const { status: existingStatus } = await Permissions.getAsync(         
      Permissions.NOTIFICATIONS                                            
    );                                                                     
    let finalStatus = existingStatus;                                      
    if (existingStatus !== "granted") {                                    
      const { status } = await Permissions.askAsync(                       
        Permissions.NOTIFICATIONS                                          
      );                                                                   
      finalStatus = status;                                                
    }                                                                      
    if (finalStatus !== "granted") {                                       
      alert("Failed to get push token for push notification!");            
      return;                                                              
    }                                                                      
    let token = await Notifications.getExpoPushTokenAsync();
    console.log("Go to https://expo.io/notifications and copy the token below to easily send yourself a notification.");
    console.warn("Notifications on iOS (and I believe Android) ONLY WORK ON A PHYSICAL DEVICE, not a simulator or emulator!!!")               
    console.log(token);                                                    
    this.setState({ expoPushToken: token });                               
  } else {                                                                 
    alert("Must use physical device for Push Notifications");              
  }                                                                        
};                                                                         

componentDidMount() {                                                      
  this.registerForPushNotificationsAsync();                                                
  this._notificationSubscription = Notifications.addListener(              
    this._handleNotification                                               
  );                                                                       
}

_handleNotification = async notification => {                                                                                    
  if (notification.remote) {
    Vibration.vibrate();                                                  
    const notificationId = Notifications.presentLocalNotificationAsync({      
      title: "Follow @technoplato",  
      body: "To learn yourself goodly (also follow PewDiePie)",                                             
      ios: { _displayInForeground: true } // <-- HERE'S WHERE THE MAGIC HAPPENS                                
    });                                                                       
  }                                                   
};

Quick and Easy Sanity Check
1) Go here: https://expo.io/notifications
2) Copy the token that is output to the terminal when your application is run.
3) Open your application on iOS.
4) Send a notification to yourself from https://expo.io/notifications and observe that it shows up even when your app is foregrounded.

Notes

Notifications WILL NOT BE RECEIVED ON AN IOS SIMULATOR
Expo makes Notifications ridiculously easy. I honestly can't believe it.

No idea why displayInForeground is false by default and not more prominent in the documentation. I'll submit a PR for it if I can.

Code originally found at this Snack: https://snack.expo.io/@documentation/pushnotifications?platform=ios

LocalNotification.ios._displayInForeground found here: https://docs.expo.io/versions/v36.0.0/sdk/notifications/#localnotification

</ Post >

🤟🙏 THANKS FOR READING 🤟🙏

If you liked the post, please be sure to give it a thumbs up, a heart, an upvote, a retweet, or whatever it is that the cool kids do these days. All my follow links are below if you're intersted in quick tutorials and explanations like this one.

🤔 QUESTIONS | 📝 COMMENTS | 📉 CONCERNS | 📩 SUGGESTIONS

Let me know if you have any questions in the comments or if I could have done a better job explaining anything anywhere.

Most importantly,
💻📲👨🏻‍💻KEEP CODING, KEEP LEARNING, AND KEEP DOING!

👇👇👇 FOLLOW ME 👇👇👇

YouTube | dev.to | Twitter | Github | Reddit

Posted from CLI!

Michael Lustig - halfjew22@gmail.com — Tue, 29 Oct 2019 20:35:03 +0000

Body......

Empty post

Michael Lustig - halfjew22@gmail.com — Sun, 27 Oct 2019 17:41:21 +0000

✅useContext ✅ to Update State in List from Detail View (React Native)

Michael Lustig - halfjew22@gmail.com — Tue, 08 Oct 2019 14:54:32 +0000

Video

✅useContext ✅Use React Context to Update State in List from Detail View (React Native)

Liquid error: internal

Brief Intro

I came across a post this morning on Reddit asking about how to update state in their list from their details page. I thought this would be a good video to make, explaining how to do this in a couple of different ways. I ended up only making the video demonstrating how to use React Context to do this, which is slightly more complex code, but I feel cleaner ultimately.

Run the code in your browser: Context | Callbacks

Snack (run and tinker with code IN YOUR BROWSER 🤯 | | Reddit Post

SHUTUP, WHERES THE CODE

import React, {  
  useState,  
  createContext,  
  useContext,  
  useRef,  
  useMemo,  
} from 'react';  
import {  
  StyleSheet,  
  View,  
  Text,  
  SafeAreaView,  
  TouchableOpacity,  
  FlatList,  
} from 'react-native';  

import { createAppContainer } from 'react-navigation';  
import { createStackNavigator } from 'react-navigation-stack';  

const DATA = {  
  'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba': {  
    id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',  
    title: 'First Item',  
    selected: false,  
  },  
  '3ac68afc-c605-48d3-a4f8-fbd91aa97f63': {  
    id: '3ac68afc-c605-48d3-a4f8-fbd91aa97f63',  
    title: 'Second Item',  
    selected: false,  
  },  
  '58694a0f-3da1-471f-bd96-145571e29d72': {  
    id: '58694a0f-3da1-471f-bd96-145571e29d72',  
    title: 'Third Item',  
    selected: false,  
  },  
};  

const DataContext = createContext({  
  data: [],  
  selectItem: () => {},  
});  

const DataContextProvider = props => {  
  const selectItem = id => {  
    const item = state.data[id];  
    item.selected = !item.selected; 
      ...state,  
      data: {  
        ...state.data,  
        [item.id]: item,  
      },  
    });  
  };  

  const initialState = {  
    data: DATA,  
    selectItem: selectItem,  
  };  

  const [state, setState] = useState(initialState);  

  return (  
    <DataContext.Provider value={state}>{props.children}</DataContext.Provider>  
  );  
};  

const Main = ({ navigation }) => {  
  const { data } = useContext(DataContext);  

  return (  
    <SafeAreaView style={styles.container}>  
      <FlatList  
        data={Object.values(data)}  
        renderItem={({ item }) => (  
          <Item  
            item={item}  
            handleShowDetails={id => {  
              navigation.navigate('Details', {  
                id,  
              });  
            }}  
          />  
        )}  
       keyExtractor={item => item.id}  
      />  
    </SafeAreaView>  
  );  
};  

function Item({ item, handleShowDetails }) {  
  const { id, title, selected } = item;  
  const { selectItem } = useContext(DataContext);  
  return useMemo(() => {  
    return (  
      <TouchableOpacity  
        onPress={() => {  
          selectItem(id);  
        }}  
        style={[  
          styles.item,  
          { backgroundColor: selected ? '#6e3b6e' : '#f9c2ff' },  
        ]}>  
        <View  
          style={{  
            flexDirection: 'row',  
            justifyContent: 'space-between',  
            padding: 18,  
          }}>  
          <Text style={styles.title}>{title}</Text>  
          <Text onPress={() => handleShowDetails(id)}>Details</Text>  
        </View>  
      </TouchableOpacity>  
    );  
  }, [selected, title]);  
}  

const Details = ({ navigation }) => {  
  const id = navigation.state.params.id;  
  const { data, selectItem } = useContext(DataContext);  
  const item = data[id];  

  return (  
    <View  
      style={[  
        styles.centered,  
        { backgroundColor: item.selected ? '#6e3b6e' : '#f9c2ff' },  
      ]}>  
      <Text style={styles.title}>{`Details for Item: ${item.title}`}</Text>  
      <Text  
         onPress={() => {  
          selectItem(item.id);  
        }}>{`Is selected: ${item.selected}\n\n(click me to toggle selected)`}</Text>  
    </View>  
  );  
};  

const StackNavigation = createStackNavigator({  
  Main: Main,  
  Details: Details,  
});  

const Container = createAppContainer(StackNavigation);  

const App = () => (  
  <DataContextProvider>  
    <Container />  
  </DataContextProvider>  
);  

export default App;  

const styles = StyleSheet.create({  
  centered: {  
    flex: 1,  
    justifyContent: 'center',  
    alignItems: 'center',  
    padding: 16,  
  },  
  title: {  
    fontSize: 32,  
    fontWeight: '400',  
  },  
  container: {  
    flex: 1,  
    marginTop: 24,  
  },  
  item: {  
    backgroundColor: '#f9c2ff',  
    padding: 20,  
    marginVertical: 8,  
    marginHorizontal: 16,  
  },  
});

🤟🙏 THANKS FOR READING 🤟🙏

🤔 QUESTIONS | 📝 COMMENTS | 📉 CONCERNS | 📩 SUGGESTIONS

Let me know if you have any questions in the comments or if I could have done a better job explaining anything anywhere.

Most importantly,
💻📲👨🏻‍💻KEEP CODING, KEEP LEARNING, AND KEEP DOING!

👇👇👇 FOLLOW ME 👇👇👇