Giter Site home page Giter Site logo

newfuture / my-stickers Goto Github PK

View Code? Open in Web Editor NEW
12.0 3.0 11.0 14.76 MB

My Custom Stickers for Microsoft Teams (extension app) and Outlook (Preview)

Home Page: https://sticker.newfuture.cc

License: Microsoft Public License

JavaScript 3.55% TypeScript 46.36% HTML 1.90% SCSS 0.71% C# 47.25% TSQL 0.11% CSS 0.12%
teams outlook-addons

my-stickers's Introduction

My Stickers Extension App for Microsoft Teams

/client-config-app (TypeScript + React)

The Web App in Teams for Management Stickers and uploading.

The deploy path is /config/. The build files will put to the /config/ folder of the website.

Main Dependencies and Technology:

  • @fluentui/react-components: FluentUI V9
  • react@18 and typescript to build the app
  • i18next: for localization
  • @microsoft/teams-js@v2: for Teams API
  • swr: lightweight hooks for query and cache (like react query)

/website (TypeScript + React)

The Public Static Web Sites for prototypes and Statements.

The deploy path is /. The build files will put to the root folder of the website.

Main Dependencies and Technology:

  • @fluentui/react-northstar: for teams chat prototype components
  • react@18 and typescript to build the app
  • i18next: for localization
  • react-router-dom: for routing
  • react-markdown: render markdown files
  • react-snap: pre-render websites

/server (C# + .Net6 + AzureWebapp)

Sever API and bot will be deployed to Azure Webapp

  • BotFramework for bot messages
  • .Net Core WebAPI for APIs
  • MS SQL to store data index

/image-functions (C# + .NetCore + AzureFunction)

Auto Resize and Compress the image and will be deployed to Azure Function APP

/manifest (JSON)

Manifest Package files

  • Search and Query
  • ActionButton in Compose Extension
  • allow admin customization configurableProperties

Dependencies:

  • package-teams-app: package the manifest.zip (auto replace environment vars and validate schemas)

Manage the Official Recommened Stickers

Architecture

architecture

my-stickers's People

Contributors

dependabot[bot] avatar hulin17 avatar jinghetopia avatar krooshoo avatar linhu2020 avatar memmaoxin avatar newfuture avatar qwuae1 avatar rickygao avatar vinfol avatar zhonghua-wu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

my-stickers's Issues

Limit of 100 stickers

Hi, im not sure if its an issue, but seems like there is a limit on 100 images ¿Can do this limit bigger?
Thanks!!

webp support

Manually adding webp files works properly but they don't show up when they are sent!

Auto Resize the upload images

Create Azure function

  • convert
  • crop
  • compress

🚩 Unify (auto-resize) the stickers size of upload items (自动调整大小)

Stuck on setup

Upon clicking Open, the following message is displayed: You'll need to set up this app to use all of its features.
The words set up are underlined and seem to be a link but no matter how many times I click on it, it does nothing. How can I "set up" the app to use it?
Doc1.docx

V2 Planning

From the feedbacks

  1. 🚩 make it Easy to Upload Stickers (更容易上传) (>10 users) #85
  2. 🚩 Unify (auto resize) the stickers size of upload items (自动调整大小) (>5 users) #86
  3. 🚩 Increase the limitations (上限扩容) (2 users) #87
  4. 🕵️‍♂️? Default Suggestion/Sticker Stores (表情商店,默认建议) (>3users) #88
  5. 🕵️‍♂️ More Languages support (中文繁体) #89
  6. 💬? For company (公司版) (3 business users) #90
  7. 🤔? For Team (1 user)??

company management

  • customize the Application profiles
  • Manage tenant's wild stickers
  • search tenant's stickers

Upload button quickly opens a frame which disappears

Hello! This is a nice app which I would love to continue using, however I have run into the following issue.

I have added 1 custom sticker, in doing so I seem to have broken something.

When I click on the "upload button" I get a screen which starts loading and contains "My Favorite Stickers" and a button that says "Mine", however quickly before anything else comes into screen those things disappear and I cannot see anything else nor use the app anymore.

I have seen this behavior directly in teams, but also in Edge, Chrome and Firefox. Is this solvable? Thank you for your insights!!

This screen is the first thing I see:
image

This is what remains a few instants afterwards:
image

JPG stickers not uploading

Hello, trying to upload the following jpeg picture as a sticker, which is not working
angry
Unsure what other info I could give to assist.

Avatarify Emotion

getting users' pictures (after auth of course),
detecting and auto-generate emoticons based on their faces, and allowing them to customize?
Like that "Avatarify" app.

Way too Big...

I love the fact that you can add your own customer stickers, but they come out way to big in MS Teams. I wish there was a say to choose a size of the display to be used within the app?

Thank you.

Automatic resizing

It would be awesome if too large images resolution would be reduced automatically.

Issue

my settings page not getting loaded from long time
image

admin guide

a guide page for admin auth in the website

  • tell the admin to upload stickers for tenants
  • show how to customize
  • [fail] show errors when auth fail
  • [success] add a link to teams

Build problem

Sorry, do you have any documentation for building your extention? I want to add some feature, but I don't understand how to build :)

Bug found

Hi team,

It seems to be some bug that we are unable to access the app after downloading it. It shows "Unable to reach app. Please try again." as we tried to use it. Could you please check it for us?

Thanks a million in advance.

Best regards,
Rocky

Cipher version mismatch

Using Teams Web in Edge. Trying to open the settings brings up an Edge error about cipher mismatch.
image

Add app per team

I notice other apps have the ability to be enabled for the whole team. It would be great if other team members can access stickers that are uploaded.

image

add more stickers after the first connection to the application

Hi Guys,
How do I upload more stickers after I installed the application?
in the first run, it prompts me for upload field but after you close that window you cannot upload anymore.

Also, does it support sticker names in every language or only English?

sticker

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.