From 0a00dbfb701c363f340d93789c0069bff5c3200f Mon Sep 17 00:00:00 2001 From: KazumaOhashi Date: Fri, 10 Jan 2025 14:57:15 +0900 Subject: [PATCH 1/6] Generalize FilterContext --- src/Context.tsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/Context.tsx b/src/Context.tsx index 285f8ac..fc3268c 100644 --- a/src/Context.tsx +++ b/src/Context.tsx @@ -3,4 +3,12 @@ import { FilterTypes } from './FilterTypes' export type FilterType = keyof typeof FilterTypes -export const FilterContext = React.createContext(FilterTypes.LIFF) +export const AppContext = React.createContext<{ + filter: FilterType, + appId: string, + appUrl: string +}>({ + filter: FilterTypes.LIFF, + appId: import.meta.env.VITE_LIFF_ID, + appUrl: `https://liff.line.me/${import.meta.env.VITE_LIFF_ID}` +}) From a1a8ea19e31711b9ba2191079f3a5144d6b80d31 Mon Sep 17 00:00:00 2001 From: KazumaOhashi Date: Fri, 10 Jan 2025 14:58:41 +0900 Subject: [PATCH 2/6] Use AppContext --- src/App.tsx | 15 +++++++-------- src/components/Header.tsx | 12 +++++++++--- src/components/Snippet.tsx | 8 ++++---- src/main.tsx | 5 ++++- 4 files changed, 24 insertions(+), 16 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index e405f31..0bad448 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import React, { useContext } from 'react' import liff from '@line/liff' import styles from './App.module.css' import Header from './components/Header' @@ -8,26 +8,25 @@ import { FilterContext, FilterType } from './Context' import qrCode from './qr-code.png' import { SHARE_TARGET_PICKER_FIXED_ARGUMENT_LIST } from './constants' import { FilterTypes } from './FilterTypes' +import { AppContext } from './Context' -type Props = { - appUrl: string - filter: FilterType -} +function App() { + const { appUrl, filter } = useContext(AppContext) -function App({ appUrl, filter }: Props) { let isLoggedIn = false try { isLoggedIn = liff.isLoggedIn() } catch (e) { console.log(e) } + return ( - + <>
- +

Client APIs

{!isLoggedIn ? ( diff --git a/src/components/Header.tsx b/src/components/Header.tsx index d5e87df..c2d4e4f 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,16 +1,22 @@ import liff from '@line/liff' -import React from 'react' +import React, { useContext, useMemo } from 'react' import styles from './Header.module.css' import Button from './Button' +import { AppContext } from '../Context' export default function Header() { + const {filter, appId} = useContext(AppContext); + const appName = useMemo(() => { + return filter === 'LIFF' ? 'LIFF Playground' : 'LINE MINI App Playground' + }, [filter]) + const openGitHub = () => { window.open(`https://github.com/line/liff-playground`, '_blank') } const openInApp = () => { window.open( - `https://line.me/R/app/${import.meta.env.VITE_LIFF_ID}`, + `https://line.me/R/app/${appId}`, '_blank' ) } @@ -20,7 +26,7 @@ export default function Header() {
diff --git a/src/components/Snippet.tsx b/src/components/Snippet.tsx index 8bedb26..11b8c5f 100644 --- a/src/components/Snippet.tsx +++ b/src/components/Snippet.tsx @@ -4,7 +4,7 @@ import Input from './Input' import styles from './Snippet.module.css' import Tag from './Tag' import TextArea from './TextArea' -import { FilterContext } from '../Context' +import { AppContext } from '../Context' import { FilterTypes } from '../FilterTypes' import Pulldown from './Pulldown' @@ -74,8 +74,8 @@ export default function Snippet({ }, [skipAutoRun, callRunner]) return ( - - {(filter) => + + {({ filter }) => ((filter === FilterTypes.LIFF && isInLIFF) || (filter === FilterTypes.MINI && isInMINI)) && (
@@ -154,6 +154,6 @@ export default function Snippet({
) } - + ) } diff --git a/src/main.tsx b/src/main.tsx index 95bd4ed..c481a03 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -5,6 +5,7 @@ import { LiffCommonProfilePlugin } from '@line/liff-common-profile-plugin' import './main.css' import App from './App' import { FilterTypes } from './FilterTypes' +import { AppContext } from './Context' const isMINI = new URLSearchParams(location.search).has('mini') const isPreviewMINI = new URLSearchParams(location.search).has('mini_preview') @@ -39,7 +40,9 @@ liff .then(() => { ReactDOM.render( - + + + , document.getElementById('root') ) From bdf3aa3573d195b525a859c9ebdb63d0d1ea498b Mon Sep 17 00:00:00 2001 From: KazumaOhashi Date: Fri, 10 Jan 2025 14:59:26 +0900 Subject: [PATCH 3/6] Provide a QR code for MINI --- src/qr-code.png => public/assets/qr_liff.png | Bin public/assets/qr_mini.png | Bin 0 -> 17158 bytes public/assets/qr_mini_preview.png | Bin 0 -> 17489 bytes src/App.tsx | 6 ++---- src/constants.ts | 10 +++++++++- 5 files changed, 11 insertions(+), 5 deletions(-) rename src/qr-code.png => public/assets/qr_liff.png (100%) create mode 100644 public/assets/qr_mini.png create mode 100644 public/assets/qr_mini_preview.png diff --git a/src/qr-code.png b/public/assets/qr_liff.png similarity index 100% rename from src/qr-code.png rename to public/assets/qr_liff.png diff --git a/public/assets/qr_mini.png b/public/assets/qr_mini.png new file mode 100644 index 0000000000000000000000000000000000000000..45ff26f77aa68bf2dc8e5d25814763ece646c4f8 GIT binary patch literal 17158 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 QVhbjczM0-H#N(m=3wlSp+5i9m literal 0 HcmV?d00001 diff --git a/public/assets/qr_mini_preview.png b/public/assets/qr_mini_preview.png new file mode 100644 index 0000000000000000000000000000000000000000..c9450ee57ffb8c0662c8434fe133c8ec5dbd2d76 GIT binary patch literal 17489 zcmeHvcUY6zwmx!T28aqs$uKftf)Im{2&lx7G6pi#fF!7hXhxc1p^1uAVG?N$7+^%Y zp#-svVxve=dJ{n`sE80?45BoHKq$HE%XntaJ@=gZd+zU^KkmKf{Ncl6^6~Ap*WP=r zcfIS~#BF!5S|RtfoP>nL3L9%nnuNqM0rF4g3;3k%*_(LyvFsSliY)OZO0i{=9A_$131YVk9Mc(Y*C{>{`mAUSQ^2p}BskLd;kOI%E)deIc^+mGZ7fW`_0=5-4R}|l85;FzX zEiU0U@J?6$!|zawkuBd5-(Qcc*t#1t8Pm{Gt~9<;Q|a;v?#_$m<%cN@Lr1smcxOt0 zjA?wn=uBUvg=4u&H7-$AI3rk$L56cJsJ5nxO`K@YCAmhcNJ+krpEEoC4Z8K4{T!tcK%w!0CM( zH_Ku4_1pou+ntYsLKpY&qHPuTcT@0TFAA(|8{gT*D>ZZx1>Qdl;eJ)#ZLH#wpryTo zA$m0=+e+PHI`HP?uPS`Bu(FYji{)8k?vCUsS08z-rR_1T-4Mr{<)bTHn670rZ@^PD zIs2iFtTr8WSfnk~$(^$|eHxj>g~;hEE=(#{mY~#_+pn9b^t3vnC_`wzk7dWxxKdgh zS7oF#)kTinwom7*IcKjr?(&_^@k=^}C*D>@hTdf@-7_T1543UBu%m;bGy4X^hv2bo zyZ`brRpF*PA=eq*BOP??sJ>upe2mG~{R^^pcqFH5tO%=3?2@f-?{r=-eoC(4c4rq^ zKHI}TsVsl$MD487p@x7wSJYzSA*{#Aj>8-V{R%6BTC~+M?rLf0_&SZL_smJ$llVc) zJF3EOo?14JWj%*?>_jbQIGoH`wcC&L#>r&ph3uf?C6%VQLooE^xU;XfT!(jD1EaFX zOtf$Ik!$jUn{UC~x37n}yYf#uE2-T(wh!LnsxLVF?dwyvo>gGwmJDwck{4aLUq6&);+oyP9YIlhYSw6~xR%G1aFj+`4?4~m!W+;3%?{=9Z zOG94}qr^V6P-l46#Md3;$V4{VuWyQp`hx4U&FmzIV2?>kUuIqX>3%@qSp8Ogf$R<= z@Axd=R;zdowUOCLElLuVM60B}ex)k(C)0k?B#ZVh-JBjh zwYda6obKxvdTIqS)tLqS;0MY5)Y_2tRB+cgcdaV!(XUtqN|Ba5nU zch0l=hyqdTcdZQ@BBiTGnaYfKEhFRULRKHyk5k%dH2&6w;i{el$ta_A^6ZDQ>njumQgz_Q@$NbHX?{YZi;m^FOx!IRrLIMn;(q~$aE zM(P08zhHr*Ur`DpPoEQl%;B}^sL{|~p` z?$mU!ygZ3BjQy8W|ItpBZ=1*+)FCh63B2BSllS5w<0V|coM7}TWXKUDV>&I`t-JDB zgx*R6t*5iAmHGMZ#Vl^>6UOo@5c6tc9~JJR8|wJGVHfUO@K&x0fu-6o|6GgqQ>4q8 z2#zSBU&(F}@7GWcq0^#W;U3XnhANGYvfyL93t(HLefusz)LbDaa4LC1rrW+Fp4pKE zzeWioRAnR^L=CPQ_)=rl$#ckNIsF1+;7K-)yl|sXQ1-5iTofhLJX7dt-+$rRyLSt! z!X1SX3$spxi`qEJ;JVt#aOdF6+QJYS>9A*}mv6=4w@_bfi5hH|6`e;;6ftQ0Lz)sD zF;k>&tjKc=P<*>HNwuQ6YnKrXCS-s3`0j-~K9M_{3?B4&a$|KJ3!+T~=gkJHNyec{h+Q7odK`(?SFEul zU#;xdFoq)F)s#p~4fiwRVDrbSbj2yqPs__AOFh#3yQ`msR*8O|-|?kp)WRiC>wB0h+??;&s4tTF<@B(6= z>y;}X>EqMLLlYC_&V%wJ3)6>@Jr+roT5(B3KS;SSg5!vqYYPkblKMWvlVi?rTc4N# zIHL?nrMcq;dMW)kea=jHrD)*Y>ieGU8UK|@)DIe0$|V63vyOszrdqN6XvFu##Zx~y zIw*wh@pDWS3A1GxuKYfnSpYz>bCM8r^@BJs7tZbze*8K&Yt5&-eL3sikY_IIU$}7d zoMg-m3pWDZjj4e*0!;3zlZ-DI|9 z+xw$crcTui{=PfXN_16Pzru;wHf>fyrPBv-JSwzLQhO zz5RsRdug+Ie%exHBMui^b*&WFI)i$BWI?AF4Lr7C5kdso?YT;+5 zf9%!gdvarC8A8@rI8O<%;4-{_R@N)xfAk13==#g(I6MmPFSE6NIJp+^kD>l*3Alw2UQ5?ql97q}j=#IaaO92khk1s3gm0qt_hk0j7{=%qHUi{hn4PIdptL z|A$S$m|%_hoXp$)ot|fF!*=x=TwaKC()BSJwtT>s$ItBQe-xS>$q8-FUZ;GJBl^XC z`jQ6Y!;X&_-|UVHJE1DN=FeZ)w_X2+YR~lW`)ar6mmMPA7+Lt zc7{(KgM!JtXwk}XO!_GRGzR0rSljVy!lAcdNugd;Lqps5}kMNyj zQPw9-({i*k3Lt&B^gZJ9JMU6*p(bA1^1(bLka!7T-J($L1ml;(PjTi&P@^7u87UZo z2|y(`t@1y10{v}dk^0q~g}utNb06P+eVO+d?G8C4O<6s2ql(+NgY)YqK5CYh&J{MwQ`|Xp41~f5S1BvT_76{eiZ0lMXCj$E+F5ye8?nqJ2Z5=C%U!@)_LB z(ooLL_=ZW5%IvjHcgYH8PNsw~soM=iN{ z&5sHWmJ4);Vjl)#s(at{@G0IBh75~Dqd3jY5D71m+cz~ z4S^q*Csxk70mDn)lHVu9QeTv}*JpE9W#nY{hJ_VoPEdNc z)xI(>hyA*JQ$ui+1rz6W#zlwY6EMrOZnT)32vs}TIkVR zY3Qc>u2X^y1J@)feHcuQS~O=wDh(p>-l2D0YVPT@^A#kGpE~kmWc{T3sq!3|dokzp{o zN^X$ig4kEA4#axd?taG$-uP{jhEAo*Y2yzG|HoX>=EusBq$zw@e*LtIRFv(IGXlI| zu~kT$9|G?i&wV<080X5z+k`JmOhs+=DmETan6zt&=}$HUw(_YK1&OX%!OL3V%i-i# zOpAJ=wq~?l>)F(^JCc-pnrT-fAAMf7k?_MN4-m{Ki8)X~39>J(^ zeB{)TQVB|AUmkYjA|0XkrbJp&=rvmhPfF9sl`UzhS5bb_2pDx>aV29eU@BEeOm1eG z40R8m+z^9A=>0GAo8sCi63TsY0Kt(H^{?mt<(L2OeZX+y*KSnQzy!B0=M?uR^X#S- ze3#6$DD+3~kMOuxQ3R}}WK(*k*(e0|y=8N?kbR_%D!NDIhsdZbYQJ>~_Z2_o{#I%w zJ64&XA2jeQ>Oic7+{;YWz!X3ZV%Ech{!ALp1}X=kR)7==8(6OR-L}wfvhQOHf18#I z{aEiKtrh*)DU832A06@-E0dUokz9As&$XEf2nKioxB9cx-Do#UGpUsWN9EE~EBrsQ zj4UOjKTuKSHu4X&wLPK}E|lO$qZ68A?qe#c1CN0vs`fu4bMa!855{-|f}f|ozoOA* zuf6_?a|$G8DIOA0?L%~j!ZPLC#`;4#fW}hK$`afgKhHX5Vl(UWoUx~)KXF;T1rV8& z4IWV1ds2@-pbS~`EA(+8A)<^KBnzqSoqe~@WdbS$8mKH*E%PR!EH+F=z4p~Vqf_Q? zc1k-LSX|JNdQql$W=%vtj4_N=L5`5 z29g=Dcyn<-fM!!MTM(vby#6@{7LBZ*qHoAKJY9je;$(Z_ryc z9?}fI%`(&Viwul(=^GrR5z0LzYbq~@XItPVL}2?Y_P4C^`&?Y~rdN!74^E_H?x{7%b-oMqX*9{N{4I40i~ z8s^rjebOG9&!Q_q__XT#U11BqobGgfUp+x-KgdC;__Zqx*vOXL53s1{vZ9A6u0=Wu zWO+9I0kSM&qG=ZE4d*%D*!zfFK&$j|i>0NZ-`8)kW%11R+O*WLg8nj$h@Y=7a5@Ec z)lF$=rUkZqqXeWUJmMZqyIC#UL>Xz)Jj_Y5TbR#FBbEMH3$QGcthe-Sgv$~zfy!>d z>u*LV0`KD|qa9|`VkMWjdMe56C0X-lSl2(MgS5qJzRF3x>Q@`!B%Exj))Oc{V9AL$ zN)xx{h&1fM3z#V=@sPc0wAlw~sVK}T>~$~;=ptRIAV_M?%d+2&!v zwvj!2<9dgdkrmA%Azud>Gp;Ad>3rLYLCvs@!-0w+Sf5?co7>BBk?%kp z(EVlMxZ~Jos~20UxYM|q>#E-mS?Cq4+knvh8FC0=Zq<7Bw|7~ZL0hRzfLi<>%k;sT z7_XT@?Twx8Uk=R0mhkODV5k+gY8N3N!>dqL3_h>5%uEYBn>c#)V{Wg&iiVuSwa`Xm z0m}%Jzo1il>`#Hf4*rEfXyJ+ydSD3h@nP2*XnYcWIXh}ZJK@k@*72>Vg&MiG5JHk= z;6Kciw$eGWqrtv@Ygxxuta6O?({Ur(MwRwf?T>Y9hc%Sc?6ONfMbfhr+}xH+TD4-u zWPw8QAx>mrUURX3@ouzkM6Q~?fLN*8wl?ocoA#|ROS5;^dd{_n$#{eO;{j&lYmEtyOj==WWbA?ZSvfMA!-v7eV>x}?dEwDv(1kVa^xAyu_je+hQze<7e%X- z=V^>eBCu;W@uQ;Hjs-2(A&-w|RfQ7`YihgOv_A&=$O?(u zN{G`9^EYki?2;$o5LMyu5iZoOZg<~L{fN)l_k~Gi>7v%RACnHUlO95>tV91O<48dD;T%)FRR=XUE!ihptG(vmo%A~B~BwuFE0MN>#Z8j>*zx(%L^F^tu@n1j~<}Dha}|bFqqr1qY#Sz81HUp(y_I*TIY*NiTdi{0VzcCI`;7>$T$8_ zKTcBkPJVm%OoC8m$jfVsm&Glp~4~2ybETrf=giPpnBXyte0-02g-`k zJCvYc>$$fdXbN>GP{R~Mo`7BB1HU`3|yvLdpy6g5ih8v>3D@Dnn_6v=T{QR=nO zs`i4(l9NJSki8`4p4 z@?MzA>vV=qgqdPP`Z{P9vCBYP6W|J@vMsMS4mvU-mOi$L9OL`(13*hKNkAo5GigxvHGdfD!pPDgE3^xd){sYLpUh;T=U-pJ-m&a?W6L?`omKLH5f zl$PCS(8j@G0UHwB3uglr$7Vf1x3xyoWX)%91$S2OQU@W{e!8vL3w!wJ2HVMDZ0}@K z$bQH<4F2HZXSuz9F`6)CzGgk}yc0Xy6=280utNx1gT3F!?FVJr3LK5B_g7<9-4JVS zCO3_ug~j!}TGh0y`vI4?A(<#*6Uaq&JqoEimicL?zmHkiA^6OqJ5>P%9-l!i=DFaj z-I!aKT!`-@I5Vj5u!llcgl@@iGs`;EiFlXsFtJ(q^j68r*jr9Qw>{90FZ zVgXgv7}`zKk%OYGpkE;^YXU)L+0_YE-5PUhk( z7stL{dM>%NF!wweAaO@w|LoyykqfiPMpX!jRl|A!r@?-QRA2K{?}9V452q6B9AHGvEY5{cNevOqLJ9o+SQ(m7$7WOQ_q)CQ0Q87T5n(xJqL+FfY{u1_(8 z%XcEw;4Bf6wVXP9^OH!UV#7YbdnuoHmiSpQyx&Oe$_EC3@qyWF1*ow1+p4c3(1)?7 zjo)8Pg8dAI{H3x;1N(y+c~-#S@8O$AEGVE}c)h%5AK8T#o!X@BfgpW@{Ls;v6DdTj zCOPTJe7<>k-QHnXZ(&5X=&G) zcF`Y?G>!O}rGrpwh}MmvPO<=O*9MC#Ip8y3aHP;_c8S**=7~s(8Sz>1XQ|?T0P$@o z_H>$jlRTF&BujlTjL5Pq8)@Q!A_D>IFSdl|;g>Gp|Gps;HSG#%)nzxNcOc^#F}e7V zRHT!D=nNCQK}dEn&pc0?Z@0ZH73rS|6e2e|_(PBKv%9|{itA3Ozciu~01_#H{yE=m zK@&%&vjG<(wHV;SFh{A0se#!CPgo`#d|4Lg>=MP(c}xZy`R5hv^i^q{iijpn4LUA9 za)1+nG&quhF}w>D6J^MGHaT8v3bpsETz6MQ59js$JHu?gR$vICCxPa2BGrgi`MRLE zxp+cb1$1%=w^7~ohH(;d0D6$FkupFNm|o9D3(q5np`V|FW%~5KORcyq2pe7I_M7D3 z!>Ag*ufr&Oj5)S6?kXx4C)?i5c_|f7teY8)GE~#cCmoM)LPbCn6N@3j=?B#uuT!F@ zjWF;2`5o67{Exa3iYnl^TQ7k#&0oYNRi{+gWdXf4W*LDaC<0K`l!F=3Km|s5bT4O@h>5tZY4KuJDLV8M|Lha5Zxt~>gJk4P zyjgIFFU{Pjx<#eB0D79Gos80PWI_dEV;slGcb0}=An|V4Ci-%pWj~z|4on(CA}mry zoT@_IXP(VJe=Q2}L-L?_GWVYB`+-wzH9ZywvYg!Coi$eK8|)5_?^I1|YbjrB*?S4H z@7o=MnzeD+c2z$j0*a!OQ`aBa?d2-D^8&YQDFrRbVa}r~J!FyXAQY~ztuL-iT-~%d znh%r)P>%?AiYGzw1#KAxwO0tsck@^=Nr>1{asaxw@FGPTA)GTJD|$Fy5PZ+ZgH0c> z(@jLA5y$6qz@6lH#GOk+1m{u5v5&eys0`-z=58)}TV)q@{?WaKkgu;b$IN83%x6n4c&t8+oX4q9RqkQ5=}L*TYIMVtA+KRY!J*!qX&-0 z0}1$F$-y_XPWpm?xEYOeH_ySBR3AmL6^eaa=s*`Bng>{@ zBGM#T9giv>Nen{ z85ElbC3tbhQM&v^NAK-((Fr%Kl|R#=-bWs9WFd+TwM<}`a<^~t|CP%E83!fL`Zw;- zP)upjpi$j}FjdUUQAWo41^rmPRg~Xo&3|Vrf?HN(mHS|%(fir!XyV*a(B4zvBZmlY z3^zju+Kh9kznzN0m&qhpvc*zSEw4r$kRpSwCRH4%Wq17PfUm3d1B%Pq_|H7Bn1cfe z2v?kO94~!M`pp$sr-FZGR}8QSXLHvGe@*ArIsgfvxDSZ4G~Vp%hwlca73Q(tvEhoa zIo>;hyc>(DGpfhNDxfmN4g>K@9oi*aaW(G%)MuBeTc4BBalyf7T%;7;x9t&Q7qRN2 zru9~HOb^>G5xhA zm8TFbLjcJ{p=!p?q^d|4FvbWN=|n1ALP@YRF|p8#mMOWYFHYPbw)v#$V{29qO#$S# zM0dxXP6}2d2cx=;>Cy>7^Rt>p03mj>PbWuEwj74drJ0*)SUA%oO!nIKqo zHT|@-AM=UQuCN6Xh8HC7Rg)9TOJuP1(Raly23UcfJq7qV#1dfb692Am=Tq+W@JEd{ ze{e%BR*V}sa+PBgEW!1g_3w1v4tc*=M}7|ld7v(wJy3qETYPCWgbmP)qSWz7OV0>8aMdyZ%wkgT z_DaionS=XLR!Me~JI^V@as%O{MS-@S*O`gU4QL1(Oa6v{M^9(^n*h}lfbWw_M)ol< zMj-Tp^aPzasIU>iKX(IF%3molMqk~O(6DD4ghNnvN{f>&z`9o;u7WUD*P_gglklyb zyur$EDhyt4jRYc~u-JKs_yXFLyaWh`k)(9!jozn{G=MxRgLGC{1g- zabHtCmv`;lcd#{d2<1v{AdoX}d6<1t#}MwH4c>oniefO5lvA)9%!I!*}t&t zXSkh!ag8sBlxw1Daius-~3j2^HS6H^2$G`?m)a?#9#E%6=>}B!B~$|2(98Icnj-B!m!IASOL{$y*=nP}div^!A=QfIP8vrMk&_LaXec{H1fyw9>%! z;QC$+C3NB%UIBj$)D~6~IBcjEmYzV1Hp_5-hD$S*bVmQ4Nkj@U%_eg4A~0ViE#f}* zEGW64enRdnU1s{YW5gjd($p6?bvn>f9>`D7=4k_6%>@rG4mitp*OSF@Nnels zHkbyvVL#BJ{m|1+Is{!o+xH)S8surJ{Ml)PI{%xUw$F(_85jK354OQli7|!q&j)qR zkI;MHwT-v#N^;bm96biv=pMp@=nLAfMrINdmFIBC6ZOMW`1g@H>%)pQ@V?$loS)(P zOg<|o9j@NiRom-z*C{U@b3^If0>U$c&f$#%`2uPlz$N9|DGSRL|ovvoi&5+MZa+RL{r=(Sq@?YhUqh4qGe&0m}C zhRZgaos7C^fx2Sph%4V{_cz%Yt2ClKoG-1egZXi5qy{A<{`3*~y8w-of-d1>xZw5m z*XNVzCG!w&;JT>X=ui(bjg)U+r<<18pX^9`^bGVv?cGnVre?*%Eh~gdb$0#oEthEp z_ufaI@#DNIq$SMUVC)SJ9{GQa?Gcc@Itv-wp)fQB#@3LW34*!a+xU=b`}UHAb-5_e<8)|2k(WA57@JqM#& z9}i{yVU(wPjCT=YR5Jfl4;ZyVvT8dRwazx*;}4_q+1YA2h*95j=ILORncTe9Q^=FytZGa0hRANOt8Ua&tC8 zo%+c7^P9dR3P!dEEu~9hO^PvQPL{w~B3DV}A5h^k4~1U>_o+5hlAfGhgqqbeQ_9i6 zOgcv9BBIC=*A7rChS>}x^NvEnxiu}LL^Z_rWlTV}WH;VWr}CC2*PQoGpZWz@$^!EW7wpD0@G+9cl#mtdC|RXvL75QZytFfouS- zIN3~YhH^36?x73HRQp36$x@;Lu0fG?VLw9M+yeKPkY-HJ?PJAihdD(B;a`EBE^x=m zS{qIfXg=nWYqglE36etUZTUeEiXj)6iXm$tB`e%KDhSSuhFYc2`zk9Z`O|)N z>}hwnorL)r5d$|a zL)YICl+LDA!k|BYVh!SE_FZM?KmR`zE`5xTJT1EN`44$m>P|#Te3K>ZcrlMS34bF* O!iM5t`3w1n=zjxz`^f )}
- + ) } diff --git a/src/constants.ts b/src/constants.ts index cd9a826..1cee8bb 100644 --- a/src/constants.ts +++ b/src/constants.ts @@ -1,4 +1,6 @@ -const base = new URL(location.href).origin; +import { FilterTypes } from "./FilterTypes" + +const base = new URL(location.href).origin export const SHARE_TARGET_PICKER_FIXED_ARGUMENT_LIST = [ { label: 'text', @@ -54,3 +56,9 @@ export const SHARE_TARGET_PICKER_FIXED_ARGUMENT_LIST = [ label, value: JSON.stringify(value, null, 4), })) + +export const QR_IMG_MAP = { + [FilterTypes.LIFF]: `${base}/assets/qr_liff.png`, + [FilterTypes.MINI]: `${base}/assets/qr_mini.png`, + [FilterTypes.MINI_PREVIEW]: `${base}/assets/qr_mini_preview.png`, +} From ee489f4c647159f9c3befba2b83f75af2127fedc Mon Sep 17 00:00:00 2001 From: KazumaOhashi Date: Fri, 10 Jan 2025 15:07:01 +0900 Subject: [PATCH 4/6] Add a notice about this application --- src/App.module.css | 5 +++++ src/App.tsx | 4 ++++ 2 files changed, 9 insertions(+) diff --git a/src/App.module.css b/src/App.module.css index cdbe421..70d89be 100644 --- a/src/App.module.css +++ b/src/App.module.css @@ -21,6 +21,11 @@ body { height: auto; } +.applicationNotice { + color: #777777; + font-size: 15px; +} + @media only screen and (max-width: 375px) { .container { width: auto; diff --git a/src/App.tsx b/src/App.tsx index 6a76469..30876f7 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -22,6 +22,10 @@ function App() { <>
+
+ 本「LINEミニアプリプレイグラウンド」は日本限定のサービスです。
+ This “LINE MINI App Playground” is available only in Japan. +
From e6990147244fa21228ea585bc048bc4fd371f0d4 Mon Sep 17 00:00:00 2001 From: KazumaOhashi Date: Fri, 10 Jan 2025 16:31:54 +0900 Subject: [PATCH 5/6] Hide the notice text unless for mini --- src/App.tsx | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 30876f7..4335db1 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -22,10 +22,13 @@ function App() { <>
-
- 本「LINEミニアプリプレイグラウンド」は日本限定のサービスです。
- This “LINE MINI App Playground” is available only in Japan. -
+ {filter === FilterTypes.MINI || filter === FilterTypes.MINI_PREVIEW ? ( +
+ 本「LINEミニアプリプレイグラウンド」は日本限定のサービスです。 +
+ This “LINE MINI App Playground” is available only in Japan. +
+ ) : null}
@@ -227,7 +230,9 @@ function App() { docUrl="https://developers.line.biz/en/reference/liff/#share-target-picker" needRequestPayload={true} hideResponse={true} - defaultRequestPayload={SHARE_TARGET_PICKER_FIXED_ARGUMENT_LIST[0].value} + defaultRequestPayload={ + SHARE_TARGET_PICKER_FIXED_ARGUMENT_LIST[0].value + } pulldownOptions={SHARE_TARGET_PICKER_FIXED_ARGUMENT_LIST} skipAutoRun={true} runner={async (options) => { @@ -309,7 +314,7 @@ function App() { )} runner={async (payload) => { const parsed = JSON.parse(payload) - await liff.createShortcutOnHomeScreen(parsed); + await liff.createShortcutOnHomeScreen(parsed) }} skipAutoRun={true} isInLIFF={false} From 12f3c52e20ca7b228425bc22bb4e9b89ab900353 Mon Sep 17 00:00:00 2001 From: KazumaOhashi Date: Fri, 10 Jan 2025 16:36:53 +0900 Subject: [PATCH 6/6] Fix the style of the header button --- src/components/Header.module.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/components/Header.module.css b/src/components/Header.module.css index 87edea9..e342bf2 100644 --- a/src/components/Header.module.css +++ b/src/components/Header.module.css @@ -17,6 +17,10 @@ align-items: center; } +.left { + flex: 1; +} + .left a { text-decoration: none; color: #000; @@ -41,4 +45,7 @@ .gitHubButton { display: none; } + .right { + flex-basis: 100px; + } }