@plasmicpkgs/react-twitter-widgets 0.0.88 → 0.0.90
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react-twitter-widgets.cjs.development.js +9 -15
- package/dist/react-twitter-widgets.cjs.development.js.map +1 -1
- package/dist/react-twitter-widgets.cjs.production.min.js.map +1 -1
- package/dist/react-twitter-widgets.esm.js +9 -15
- package/dist/react-twitter-widgets.esm.js.map +1 -1
- package/package.json +3 -3
|
@@ -8,24 +8,22 @@ var registerComponent = _interopDefault(require('@plasmicapp/host/registerCompon
|
|
|
8
8
|
var React = _interopDefault(require('react'));
|
|
9
9
|
var reactTwitterWidgets = require('react-twitter-widgets');
|
|
10
10
|
|
|
11
|
+
//
|
|
11
12
|
// This module registers Timeline, Tweet, and Follow, but not yet the Hashtag /
|
|
12
13
|
// Mention / Share components (would be easy additions).
|
|
13
14
|
//
|
|
14
15
|
// The components auto-size their heights by default, so it's actually
|
|
15
16
|
// sufficient to rely on just layout out an enclosing div.
|
|
16
17
|
//
|
|
17
|
-
|
|
18
18
|
function TimelineWrapper(_ref) {
|
|
19
19
|
var className = _ref.className,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
url = _ref.url,
|
|
21
|
+
tweetLimit = _ref.tweetLimit,
|
|
22
|
+
chrome = _ref.chrome,
|
|
23
|
+
theme = _ref.theme;
|
|
25
24
|
if (!url) {
|
|
26
25
|
throw new Error("Timeline component requires a URL");
|
|
27
26
|
}
|
|
28
|
-
|
|
29
27
|
return React.createElement("div", {
|
|
30
28
|
className: className
|
|
31
29
|
}, React.createElement(reactTwitterWidgets.Timeline, {
|
|
@@ -85,13 +83,11 @@ function registerTimelineWrapper(loader, customTimelineWrapper) {
|
|
|
85
83
|
}
|
|
86
84
|
function TweetWrapper(_ref2) {
|
|
87
85
|
var className = _ref2.className,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
86
|
+
tweetId = _ref2.tweetId,
|
|
87
|
+
theme = _ref2.theme;
|
|
91
88
|
if (!tweetId) {
|
|
92
89
|
throw new Error("Tweet component requires a tweetId");
|
|
93
90
|
}
|
|
94
|
-
|
|
95
91
|
return React.createElement("div", {
|
|
96
92
|
className: className
|
|
97
93
|
}, React.createElement(reactTwitterWidgets.Tweet, {
|
|
@@ -134,13 +130,11 @@ function registerTweetWrapper(loader, customTweetWrapper) {
|
|
|
134
130
|
}
|
|
135
131
|
function FollowWrapper(_ref3) {
|
|
136
132
|
var className = _ref3.className,
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
133
|
+
username = _ref3.username,
|
|
134
|
+
large = _ref3.large;
|
|
140
135
|
if (!username) {
|
|
141
136
|
throw new Error("Follow component requires a username");
|
|
142
137
|
}
|
|
143
|
-
|
|
144
138
|
return React.createElement("div", {
|
|
145
139
|
className: className
|
|
146
140
|
}, React.createElement(reactTwitterWidgets.Follow, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-twitter-widgets.cjs.development.js","sources":["../src/Twitter.tsx"],"sourcesContent":["import { ComponentMeta } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps } from \"react\";\nimport { Follow, Timeline, Tweet } from \"react-twitter-widgets\";\n\n//\n// This module registers Timeline, Tweet, and Follow, but not yet the Hashtag /\n// Mention / Share components (would be easy additions).\n//\n// The components auto-size their heights by default, so it's actually\n// sufficient to rely on just layout out an enclosing div.\n//\n\nexport function TimelineWrapper({\n className,\n url,\n tweetLimit,\n chrome,\n theme,\n}: {\n className?: string;\n url?: string;\n tweetLimit?: number;\n chrome?: string;\n theme?: string;\n}) {\n if (!url) {\n throw new Error(\"Timeline component requires a URL\");\n }\n return (\n <div className={className}>\n <Timeline\n dataSource={{ sourceType: \"url\", url }}\n options={{\n tweetLimit: tweetLimit,\n chrome: chrome,\n theme: theme,\n }}\n />\n </div>\n );\n}\n\nexport const timelineWrapper: ComponentMeta<ComponentProps<\n typeof TimelineWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-timeline\",\n displayName: \"Timeline\",\n importName: \"TimelineWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n url: {\n type: \"string\",\n description: \"URL to a Twitter user or list\",\n defaultValue: \"https://twitter.com/plasmicapp\",\n },\n tweetLimit: {\n type: \"number\",\n description: \"Number of tweets to be displayed. Between 1 and 20\",\n min: 1,\n max: 20,\n },\n chrome: {\n type: \"choice\",\n description: \"Toggle the display of design elements in the widget\",\n multiSelect: true,\n options: [\n \"noheader\",\n \"nofooter\",\n \"noborders\",\n \"transparent\",\n \"noscrollbar\",\n ],\n },\n theme: {\n type: \"choice\",\n description: \"Toggle the default color scheme\",\n options: [\"dark\", \"light\"],\n defaultValueHint: \"light\",\n },\n },\n defaultStyles: {\n display: \"flex\",\n flexDirection: \"column\",\n overflowY: \"auto\",\n },\n};\n\nexport function registerTimelineWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customTimelineWrapper?: ComponentMeta<ComponentProps<typeof TimelineWrapper>>\n) {\n if (loader) {\n loader.registerComponent(\n TimelineWrapper,\n customTimelineWrapper ?? timelineWrapper\n );\n } else {\n registerComponent(\n TimelineWrapper,\n customTimelineWrapper ?? timelineWrapper\n );\n }\n}\n\nexport function TweetWrapper({\n className,\n tweetId,\n theme,\n}: {\n className?: string;\n tweetId?: string;\n theme?: string;\n}) {\n if (!tweetId) {\n throw new Error(\"Tweet component requires a tweetId\");\n }\n return (\n <div className={className}>\n <Tweet tweetId={tweetId} options={{ theme: theme }} />\n </div>\n );\n}\n\nexport const tweetWrapper: ComponentMeta<ComponentProps<\n typeof TweetWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-tweet\",\n displayName: \"Tweet\",\n importName: \"TweetWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n tweetId: {\n type: \"string\",\n description: \"The tweet ID\",\n defaultValue: \"1381980305305694209\",\n },\n theme: {\n type: \"choice\",\n description: \"Toggle the default color scheme\",\n options: [\"dark\", \"light\"],\n defaultValueHint: \"light\",\n },\n },\n defaultStyles: {\n display: \"flex\",\n flexDirection: \"column\",\n overflowY: \"auto\",\n },\n};\n\nexport function registerTweetWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customTweetWrapper?: ComponentMeta<ComponentProps<typeof TweetWrapper>>\n) {\n if (loader) {\n loader.registerComponent(TweetWrapper, customTweetWrapper ?? tweetWrapper);\n } else {\n registerComponent(TweetWrapper, customTweetWrapper ?? tweetWrapper);\n }\n}\n\nexport function FollowWrapper({\n className,\n username,\n large,\n}: {\n className?: string;\n username?: string;\n large?: boolean;\n}) {\n if (!username) {\n throw new Error(\"Follow component requires a username\");\n }\n return (\n <div className={className}>\n <Follow\n username={username}\n options={{ size: large ? \"large\" : undefined }}\n />\n </div>\n );\n}\n\nexport const followWrapper: ComponentMeta<ComponentProps<\n typeof FollowWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-follow\",\n displayName: \"Follow\",\n importName: \"FollowWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n username: {\n type: \"string\",\n description: \"Twitter username to follow\",\n defaultValue: \"plasmicapp\",\n },\n large: {\n type: \"boolean\",\n description: \"Toggle the button size\",\n },\n },\n};\n\nexport function registerFollowWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customFollowWrapper?: ComponentMeta<ComponentProps<typeof FollowWrapper>>\n) {\n if (loader) {\n loader.registerComponent(\n FollowWrapper,\n customFollowWrapper ?? followWrapper\n );\n } else {\n registerComponent(FollowWrapper, customFollowWrapper ?? followWrapper);\n }\n}\n"],"names":["TimelineWrapper","className","url","tweetLimit","chrome","theme","Error","React","Timeline","dataSource","sourceType","options","timelineWrapper","name","displayName","importName","importPath","props","type","description","defaultValue","min","max","multiSelect","defaultValueHint","defaultStyles","display","flexDirection","overflowY","registerTimelineWrapper","loader","customTimelineWrapper","registerComponent","TweetWrapper","tweetId","Tweet","tweetWrapper","registerTweetWrapper","customTweetWrapper","FollowWrapper","username","large","Follow","size","undefined","followWrapper","registerFollowWrapper","customFollowWrapper"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"react-twitter-widgets.cjs.development.js","sources":["../src/Twitter.tsx"],"sourcesContent":["import { ComponentMeta } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps } from \"react\";\nimport { Follow, Timeline, Tweet } from \"react-twitter-widgets\";\n\n//\n// This module registers Timeline, Tweet, and Follow, but not yet the Hashtag /\n// Mention / Share components (would be easy additions).\n//\n// The components auto-size their heights by default, so it's actually\n// sufficient to rely on just layout out an enclosing div.\n//\n\nexport function TimelineWrapper({\n className,\n url,\n tweetLimit,\n chrome,\n theme,\n}: {\n className?: string;\n url?: string;\n tweetLimit?: number;\n chrome?: string;\n theme?: string;\n}) {\n if (!url) {\n throw new Error(\"Timeline component requires a URL\");\n }\n return (\n <div className={className}>\n <Timeline\n dataSource={{ sourceType: \"url\", url }}\n options={{\n tweetLimit: tweetLimit,\n chrome: chrome,\n theme: theme,\n }}\n />\n </div>\n );\n}\n\nexport const timelineWrapper: ComponentMeta<ComponentProps<\n typeof TimelineWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-timeline\",\n displayName: \"Timeline\",\n importName: \"TimelineWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n url: {\n type: \"string\",\n description: \"URL to a Twitter user or list\",\n defaultValue: \"https://twitter.com/plasmicapp\",\n },\n tweetLimit: {\n type: \"number\",\n description: \"Number of tweets to be displayed. Between 1 and 20\",\n min: 1,\n max: 20,\n },\n chrome: {\n type: \"choice\",\n description: \"Toggle the display of design elements in the widget\",\n multiSelect: true,\n options: [\n \"noheader\",\n \"nofooter\",\n \"noborders\",\n \"transparent\",\n \"noscrollbar\",\n ],\n },\n theme: {\n type: \"choice\",\n description: \"Toggle the default color scheme\",\n options: [\"dark\", \"light\"],\n defaultValueHint: \"light\",\n },\n },\n defaultStyles: {\n display: \"flex\",\n flexDirection: \"column\",\n overflowY: \"auto\",\n },\n};\n\nexport function registerTimelineWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customTimelineWrapper?: ComponentMeta<ComponentProps<typeof TimelineWrapper>>\n) {\n if (loader) {\n loader.registerComponent(\n TimelineWrapper,\n customTimelineWrapper ?? timelineWrapper\n );\n } else {\n registerComponent(\n TimelineWrapper,\n customTimelineWrapper ?? timelineWrapper\n );\n }\n}\n\nexport function TweetWrapper({\n className,\n tweetId,\n theme,\n}: {\n className?: string;\n tweetId?: string;\n theme?: string;\n}) {\n if (!tweetId) {\n throw new Error(\"Tweet component requires a tweetId\");\n }\n return (\n <div className={className}>\n <Tweet tweetId={tweetId} options={{ theme: theme }} />\n </div>\n );\n}\n\nexport const tweetWrapper: ComponentMeta<ComponentProps<\n typeof TweetWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-tweet\",\n displayName: \"Tweet\",\n importName: \"TweetWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n tweetId: {\n type: \"string\",\n description: \"The tweet ID\",\n defaultValue: \"1381980305305694209\",\n },\n theme: {\n type: \"choice\",\n description: \"Toggle the default color scheme\",\n options: [\"dark\", \"light\"],\n defaultValueHint: \"light\",\n },\n },\n defaultStyles: {\n display: \"flex\",\n flexDirection: \"column\",\n overflowY: \"auto\",\n },\n};\n\nexport function registerTweetWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customTweetWrapper?: ComponentMeta<ComponentProps<typeof TweetWrapper>>\n) {\n if (loader) {\n loader.registerComponent(TweetWrapper, customTweetWrapper ?? tweetWrapper);\n } else {\n registerComponent(TweetWrapper, customTweetWrapper ?? tweetWrapper);\n }\n}\n\nexport function FollowWrapper({\n className,\n username,\n large,\n}: {\n className?: string;\n username?: string;\n large?: boolean;\n}) {\n if (!username) {\n throw new Error(\"Follow component requires a username\");\n }\n return (\n <div className={className}>\n <Follow\n username={username}\n options={{ size: large ? \"large\" : undefined }}\n />\n </div>\n );\n}\n\nexport const followWrapper: ComponentMeta<ComponentProps<\n typeof FollowWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-follow\",\n displayName: \"Follow\",\n importName: \"FollowWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n username: {\n type: \"string\",\n description: \"Twitter username to follow\",\n defaultValue: \"plasmicapp\",\n },\n large: {\n type: \"boolean\",\n description: \"Toggle the button size\",\n },\n },\n};\n\nexport function registerFollowWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customFollowWrapper?: ComponentMeta<ComponentProps<typeof FollowWrapper>>\n) {\n if (loader) {\n loader.registerComponent(\n FollowWrapper,\n customFollowWrapper ?? followWrapper\n );\n } else {\n registerComponent(FollowWrapper, customFollowWrapper ?? followWrapper);\n }\n}\n"],"names":["TimelineWrapper","className","url","tweetLimit","chrome","theme","Error","React","Timeline","dataSource","sourceType","options","timelineWrapper","name","displayName","importName","importPath","props","type","description","defaultValue","min","max","multiSelect","defaultValueHint","defaultStyles","display","flexDirection","overflowY","registerTimelineWrapper","loader","customTimelineWrapper","registerComponent","TweetWrapper","tweetId","Tweet","tweetWrapper","registerTweetWrapper","customTweetWrapper","FollowWrapper","username","large","Follow","size","undefined","followWrapper","registerFollowWrapper","customFollowWrapper"],"mappings":";;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;SAEgBA,eAAe;MAC7BC,SAAS,QAATA,SAAS;IACTC,GAAG,QAAHA,GAAG;IACHC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;EAQL,IAAI,CAACH,GAAG,EAAE;IACR,MAAM,IAAII,KAAK,CAAC,mCAAmC,CAAC;;EAEtD,OACEC;IAAKN,SAAS,EAAEA;KACdM,oBAACC,4BAAQ;IACPC,UAAU,EAAE;MAAEC,UAAU,EAAE,KAAK;MAAER,GAAG,EAAHA;KAAK;IACtCS,OAAO,EAAE;MACPR,UAAU,EAAEA,UAAU;MACtBC,MAAM,EAAEA,MAAM;MACdC,KAAK,EAAEA;;IAET,CACE;AAEV;IAEaO,eAAe,GAEvB;EACHC,IAAI,EAAE,yCAAyC;EAC/CC,WAAW,EAAE,UAAU;EACvBC,UAAU,EAAE,iBAAiB;EAC7BC,UAAU,EAAE,oCAAoC;EAChDC,KAAK,EAAE;IACLf,GAAG,EAAE;MACHgB,IAAI,EAAE,QAAQ;MACdC,WAAW,EAAE,+BAA+B;MAC5CC,YAAY,EAAE;KACf;IACDjB,UAAU,EAAE;MACVe,IAAI,EAAE,QAAQ;MACdC,WAAW,EAAE,oDAAoD;MACjEE,GAAG,EAAE,CAAC;MACNC,GAAG,EAAE;KACN;IACDlB,MAAM,EAAE;MACNc,IAAI,EAAE,QAAQ;MACdC,WAAW,EAAE,qDAAqD;MAClEI,WAAW,EAAE,IAAI;MACjBZ,OAAO,EAAE,CACP,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa,EACb,aAAa;KAEhB;IACDN,KAAK,EAAE;MACLa,IAAI,EAAE,QAAQ;MACdC,WAAW,EAAE,iCAAiC;MAC9CR,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;MAC1Ba,gBAAgB,EAAE;;GAErB;EACDC,aAAa,EAAE;IACbC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,SAAS,EAAE;;;SAICC,uBAAuB,CACrCC,MAAwD,EACxDC,qBAA6E;EAE7E,IAAID,MAAM,EAAE;IACVA,MAAM,CAACE,iBAAiB,CACtBhC,eAAe,EACf+B,qBAAqB,WAArBA,qBAAqB,GAAInB,eAAe,CACzC;GACF,MAAM;IACLoB,iBAAiB,CACfhC,eAAe,EACf+B,qBAAqB,WAArBA,qBAAqB,GAAInB,eAAe,CACzC;;AAEL;SAEgBqB,YAAY;MAC1BhC,SAAS,SAATA,SAAS;IACTiC,OAAO,SAAPA,OAAO;IACP7B,KAAK,SAALA,KAAK;EAML,IAAI,CAAC6B,OAAO,EAAE;IACZ,MAAM,IAAI5B,KAAK,CAAC,oCAAoC,CAAC;;EAEvD,OACEC;IAAKN,SAAS,EAAEA;KACdM,oBAAC4B,yBAAK;IAACD,OAAO,EAAEA,OAAO;IAAEvB,OAAO,EAAE;MAAEN,KAAK,EAAEA;;IAAW,CAClD;AAEV;IAEa+B,YAAY,GAEpB;EACHvB,IAAI,EAAE,sCAAsC;EAC5CC,WAAW,EAAE,OAAO;EACpBC,UAAU,EAAE,cAAc;EAC1BC,UAAU,EAAE,oCAAoC;EAChDC,KAAK,EAAE;IACLiB,OAAO,EAAE;MACPhB,IAAI,EAAE,QAAQ;MACdC,WAAW,EAAE,cAAc;MAC3BC,YAAY,EAAE;KACf;IACDf,KAAK,EAAE;MACLa,IAAI,EAAE,QAAQ;MACdC,WAAW,EAAE,iCAAiC;MAC9CR,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;MAC1Ba,gBAAgB,EAAE;;GAErB;EACDC,aAAa,EAAE;IACbC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,SAAS,EAAE;;;SAICS,oBAAoB,CAClCP,MAAwD,EACxDQ,kBAAuE;EAEvE,IAAIR,MAAM,EAAE;IACVA,MAAM,CAACE,iBAAiB,CAACC,YAAY,EAAEK,kBAAkB,WAAlBA,kBAAkB,GAAIF,YAAY,CAAC;GAC3E,MAAM;IACLJ,iBAAiB,CAACC,YAAY,EAAEK,kBAAkB,WAAlBA,kBAAkB,GAAIF,YAAY,CAAC;;AAEvE;SAEgBG,aAAa;MAC3BtC,SAAS,SAATA,SAAS;IACTuC,QAAQ,SAARA,QAAQ;IACRC,KAAK,SAALA,KAAK;EAML,IAAI,CAACD,QAAQ,EAAE;IACb,MAAM,IAAIlC,KAAK,CAAC,sCAAsC,CAAC;;EAEzD,OACEC;IAAKN,SAAS,EAAEA;KACdM,oBAACmC,0BAAM;IACLF,QAAQ,EAAEA,QAAQ;IAClB7B,OAAO,EAAE;MAAEgC,IAAI,EAAEF,KAAK,GAAG,OAAO,GAAGG;;IACnC,CACE;AAEV;IAEaC,aAAa,GAErB;EACHhC,IAAI,EAAE,uCAAuC;EAC7CC,WAAW,EAAE,QAAQ;EACrBC,UAAU,EAAE,eAAe;EAC3BC,UAAU,EAAE,oCAAoC;EAChDC,KAAK,EAAE;IACLuB,QAAQ,EAAE;MACRtB,IAAI,EAAE,QAAQ;MACdC,WAAW,EAAE,4BAA4B;MACzCC,YAAY,EAAE;KACf;IACDqB,KAAK,EAAE;MACLvB,IAAI,EAAE,SAAS;MACfC,WAAW,EAAE;;;;SAKH2B,qBAAqB,CACnChB,MAAwD,EACxDiB,mBAAyE;EAEzE,IAAIjB,MAAM,EAAE;IACVA,MAAM,CAACE,iBAAiB,CACtBO,aAAa,EACbQ,mBAAmB,WAAnBA,mBAAmB,GAAIF,aAAa,CACrC;GACF,MAAM;IACLb,iBAAiB,CAACO,aAAa,EAAEQ,mBAAmB,WAAnBA,mBAAmB,GAAIF,aAAa,CAAC;;AAE1E;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-twitter-widgets.cjs.production.min.js","sources":["../src/Twitter.tsx"],"sourcesContent":["import { ComponentMeta } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps } from \"react\";\nimport { Follow, Timeline, Tweet } from \"react-twitter-widgets\";\n\n//\n// This module registers Timeline, Tweet, and Follow, but not yet the Hashtag /\n// Mention / Share components (would be easy additions).\n//\n// The components auto-size their heights by default, so it's actually\n// sufficient to rely on just layout out an enclosing div.\n//\n\nexport function TimelineWrapper({\n className,\n url,\n tweetLimit,\n chrome,\n theme,\n}: {\n className?: string;\n url?: string;\n tweetLimit?: number;\n chrome?: string;\n theme?: string;\n}) {\n if (!url) {\n throw new Error(\"Timeline component requires a URL\");\n }\n return (\n <div className={className}>\n <Timeline\n dataSource={{ sourceType: \"url\", url }}\n options={{\n tweetLimit: tweetLimit,\n chrome: chrome,\n theme: theme,\n }}\n />\n </div>\n );\n}\n\nexport const timelineWrapper: ComponentMeta<ComponentProps<\n typeof TimelineWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-timeline\",\n displayName: \"Timeline\",\n importName: \"TimelineWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n url: {\n type: \"string\",\n description: \"URL to a Twitter user or list\",\n defaultValue: \"https://twitter.com/plasmicapp\",\n },\n tweetLimit: {\n type: \"number\",\n description: \"Number of tweets to be displayed. Between 1 and 20\",\n min: 1,\n max: 20,\n },\n chrome: {\n type: \"choice\",\n description: \"Toggle the display of design elements in the widget\",\n multiSelect: true,\n options: [\n \"noheader\",\n \"nofooter\",\n \"noborders\",\n \"transparent\",\n \"noscrollbar\",\n ],\n },\n theme: {\n type: \"choice\",\n description: \"Toggle the default color scheme\",\n options: [\"dark\", \"light\"],\n defaultValueHint: \"light\",\n },\n },\n defaultStyles: {\n display: \"flex\",\n flexDirection: \"column\",\n overflowY: \"auto\",\n },\n};\n\nexport function registerTimelineWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customTimelineWrapper?: ComponentMeta<ComponentProps<typeof TimelineWrapper>>\n) {\n if (loader) {\n loader.registerComponent(\n TimelineWrapper,\n customTimelineWrapper ?? timelineWrapper\n );\n } else {\n registerComponent(\n TimelineWrapper,\n customTimelineWrapper ?? timelineWrapper\n );\n }\n}\n\nexport function TweetWrapper({\n className,\n tweetId,\n theme,\n}: {\n className?: string;\n tweetId?: string;\n theme?: string;\n}) {\n if (!tweetId) {\n throw new Error(\"Tweet component requires a tweetId\");\n }\n return (\n <div className={className}>\n <Tweet tweetId={tweetId} options={{ theme: theme }} />\n </div>\n );\n}\n\nexport const tweetWrapper: ComponentMeta<ComponentProps<\n typeof TweetWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-tweet\",\n displayName: \"Tweet\",\n importName: \"TweetWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n tweetId: {\n type: \"string\",\n description: \"The tweet ID\",\n defaultValue: \"1381980305305694209\",\n },\n theme: {\n type: \"choice\",\n description: \"Toggle the default color scheme\",\n options: [\"dark\", \"light\"],\n defaultValueHint: \"light\",\n },\n },\n defaultStyles: {\n display: \"flex\",\n flexDirection: \"column\",\n overflowY: \"auto\",\n },\n};\n\nexport function registerTweetWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customTweetWrapper?: ComponentMeta<ComponentProps<typeof TweetWrapper>>\n) {\n if (loader) {\n loader.registerComponent(TweetWrapper, customTweetWrapper ?? tweetWrapper);\n } else {\n registerComponent(TweetWrapper, customTweetWrapper ?? tweetWrapper);\n }\n}\n\nexport function FollowWrapper({\n className,\n username,\n large,\n}: {\n className?: string;\n username?: string;\n large?: boolean;\n}) {\n if (!username) {\n throw new Error(\"Follow component requires a username\");\n }\n return (\n <div className={className}>\n <Follow\n username={username}\n options={{ size: large ? \"large\" : undefined }}\n />\n </div>\n );\n}\n\nexport const followWrapper: ComponentMeta<ComponentProps<\n typeof FollowWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-follow\",\n displayName: \"Follow\",\n importName: \"FollowWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n username: {\n type: \"string\",\n description: \"Twitter username to follow\",\n defaultValue: \"plasmicapp\",\n },\n large: {\n type: \"boolean\",\n description: \"Toggle the button size\",\n },\n },\n};\n\nexport function registerFollowWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customFollowWrapper?: ComponentMeta<ComponentProps<typeof FollowWrapper>>\n) {\n if (loader) {\n loader.registerComponent(\n FollowWrapper,\n customFollowWrapper ?? followWrapper\n );\n } else {\n registerComponent(FollowWrapper, customFollowWrapper ?? followWrapper);\n }\n}\n"],"names":["TimelineWrapper","className","url","tweetLimit","chrome","theme","Error","React","Timeline","dataSource","sourceType","options","timelineWrapper","name","displayName","importName","importPath","props","type","description","defaultValue","min","max","multiSelect","defaultValueHint","defaultStyles","display","flexDirection","overflowY","TweetWrapper","tweetId","Tweet","tweetWrapper","FollowWrapper","username","large","Follow","size","undefined","followWrapper","loader","customFollowWrapper","registerComponent","customTimelineWrapper","customTweetWrapper"],"mappings":"mQAagBA,SACdC,IAAAA,UACAC,IAAAA,IACAC,IAAAA,WACAC,IAAAA,OACAC,IAAAA,
|
|
1
|
+
{"version":3,"file":"react-twitter-widgets.cjs.production.min.js","sources":["../src/Twitter.tsx"],"sourcesContent":["import { ComponentMeta } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps } from \"react\";\nimport { Follow, Timeline, Tweet } from \"react-twitter-widgets\";\n\n//\n// This module registers Timeline, Tweet, and Follow, but not yet the Hashtag /\n// Mention / Share components (would be easy additions).\n//\n// The components auto-size their heights by default, so it's actually\n// sufficient to rely on just layout out an enclosing div.\n//\n\nexport function TimelineWrapper({\n className,\n url,\n tweetLimit,\n chrome,\n theme,\n}: {\n className?: string;\n url?: string;\n tweetLimit?: number;\n chrome?: string;\n theme?: string;\n}) {\n if (!url) {\n throw new Error(\"Timeline component requires a URL\");\n }\n return (\n <div className={className}>\n <Timeline\n dataSource={{ sourceType: \"url\", url }}\n options={{\n tweetLimit: tweetLimit,\n chrome: chrome,\n theme: theme,\n }}\n />\n </div>\n );\n}\n\nexport const timelineWrapper: ComponentMeta<ComponentProps<\n typeof TimelineWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-timeline\",\n displayName: \"Timeline\",\n importName: \"TimelineWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n url: {\n type: \"string\",\n description: \"URL to a Twitter user or list\",\n defaultValue: \"https://twitter.com/plasmicapp\",\n },\n tweetLimit: {\n type: \"number\",\n description: \"Number of tweets to be displayed. Between 1 and 20\",\n min: 1,\n max: 20,\n },\n chrome: {\n type: \"choice\",\n description: \"Toggle the display of design elements in the widget\",\n multiSelect: true,\n options: [\n \"noheader\",\n \"nofooter\",\n \"noborders\",\n \"transparent\",\n \"noscrollbar\",\n ],\n },\n theme: {\n type: \"choice\",\n description: \"Toggle the default color scheme\",\n options: [\"dark\", \"light\"],\n defaultValueHint: \"light\",\n },\n },\n defaultStyles: {\n display: \"flex\",\n flexDirection: \"column\",\n overflowY: \"auto\",\n },\n};\n\nexport function registerTimelineWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customTimelineWrapper?: ComponentMeta<ComponentProps<typeof TimelineWrapper>>\n) {\n if (loader) {\n loader.registerComponent(\n TimelineWrapper,\n customTimelineWrapper ?? timelineWrapper\n );\n } else {\n registerComponent(\n TimelineWrapper,\n customTimelineWrapper ?? timelineWrapper\n );\n }\n}\n\nexport function TweetWrapper({\n className,\n tweetId,\n theme,\n}: {\n className?: string;\n tweetId?: string;\n theme?: string;\n}) {\n if (!tweetId) {\n throw new Error(\"Tweet component requires a tweetId\");\n }\n return (\n <div className={className}>\n <Tweet tweetId={tweetId} options={{ theme: theme }} />\n </div>\n );\n}\n\nexport const tweetWrapper: ComponentMeta<ComponentProps<\n typeof TweetWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-tweet\",\n displayName: \"Tweet\",\n importName: \"TweetWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n tweetId: {\n type: \"string\",\n description: \"The tweet ID\",\n defaultValue: \"1381980305305694209\",\n },\n theme: {\n type: \"choice\",\n description: \"Toggle the default color scheme\",\n options: [\"dark\", \"light\"],\n defaultValueHint: \"light\",\n },\n },\n defaultStyles: {\n display: \"flex\",\n flexDirection: \"column\",\n overflowY: \"auto\",\n },\n};\n\nexport function registerTweetWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customTweetWrapper?: ComponentMeta<ComponentProps<typeof TweetWrapper>>\n) {\n if (loader) {\n loader.registerComponent(TweetWrapper, customTweetWrapper ?? tweetWrapper);\n } else {\n registerComponent(TweetWrapper, customTweetWrapper ?? tweetWrapper);\n }\n}\n\nexport function FollowWrapper({\n className,\n username,\n large,\n}: {\n className?: string;\n username?: string;\n large?: boolean;\n}) {\n if (!username) {\n throw new Error(\"Follow component requires a username\");\n }\n return (\n <div className={className}>\n <Follow\n username={username}\n options={{ size: large ? \"large\" : undefined }}\n />\n </div>\n );\n}\n\nexport const followWrapper: ComponentMeta<ComponentProps<\n typeof FollowWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-follow\",\n displayName: \"Follow\",\n importName: \"FollowWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n username: {\n type: \"string\",\n description: \"Twitter username to follow\",\n defaultValue: \"plasmicapp\",\n },\n large: {\n type: \"boolean\",\n description: \"Toggle the button size\",\n },\n },\n};\n\nexport function registerFollowWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customFollowWrapper?: ComponentMeta<ComponentProps<typeof FollowWrapper>>\n) {\n if (loader) {\n loader.registerComponent(\n FollowWrapper,\n customFollowWrapper ?? followWrapper\n );\n } else {\n registerComponent(FollowWrapper, customFollowWrapper ?? followWrapper);\n }\n}\n"],"names":["TimelineWrapper","className","url","tweetLimit","chrome","theme","Error","React","Timeline","dataSource","sourceType","options","timelineWrapper","name","displayName","importName","importPath","props","type","description","defaultValue","min","max","multiSelect","defaultValueHint","defaultStyles","display","flexDirection","overflowY","TweetWrapper","tweetId","Tweet","tweetWrapper","FollowWrapper","username","large","Follow","size","undefined","followWrapper","loader","customFollowWrapper","registerComponent","customTimelineWrapper","customTweetWrapper"],"mappings":"mQAagBA,SACdC,IAAAA,UACAC,IAAAA,IACAC,IAAAA,WACAC,IAAAA,OACAC,IAAAA,MAQA,IAAKH,EACH,MAAM,IAAII,MAAM,qCAElB,OACEC,uBAAKN,UAAWA,GACdM,gBAACC,YACCC,WAAY,CAAEC,WAAY,MAAOR,IAAAA,GACjCS,QAAS,CACPR,WAAYA,EACZC,OAAQA,EACRC,MAAOA,UAOJO,EAER,CACHC,KAAM,0CACNC,YAAa,WACbC,WAAY,kBACZC,WAAY,qCACZC,MAAO,CACLf,IAAK,CACHgB,KAAM,SACNC,YAAa,gCACbC,aAAc,kCAEhBjB,WAAY,CACVe,KAAM,SACNC,YAAa,qDACbE,IAAK,EACLC,IAAK,IAEPlB,OAAQ,CACNc,KAAM,SACNC,YAAa,sDACbI,aAAa,EACbZ,QAAS,CACP,WACA,WACA,YACA,cACA,gBAGJN,MAAO,CACLa,KAAM,SACNC,YAAa,kCACbR,QAAS,CAAC,OAAQ,SAClBa,iBAAkB,UAGtBC,cAAe,CACbC,QAAS,OACTC,cAAe,SACfC,UAAW,kBAqBCC,SACd5B,IAAAA,UACA6B,IAAAA,QACAzB,IAAAA,MAMA,IAAKyB,EACH,MAAM,IAAIxB,MAAM,sCAElB,OACEC,uBAAKN,UAAWA,GACdM,gBAACwB,SAAMD,QAASA,EAASnB,QAAS,CAAEN,MAAOA,UAKpC2B,EAER,CACHnB,KAAM,uCACNC,YAAa,QACbC,WAAY,eACZC,WAAY,qCACZC,MAAO,CACLa,QAAS,CACPZ,KAAM,SACNC,YAAa,eACbC,aAAc,uBAEhBf,MAAO,CACLa,KAAM,SACNC,YAAa,kCACbR,QAAS,CAAC,OAAQ,SAClBa,iBAAkB,UAGtBC,cAAe,CACbC,QAAS,OACTC,cAAe,SACfC,UAAW,kBAeCK,SACdhC,IAAAA,UACAiC,IAAAA,SACAC,IAAAA,MAMA,IAAKD,EACH,MAAM,IAAI5B,MAAM,wCAElB,OACEC,uBAAKN,UAAWA,GACdM,gBAAC6B,UACCF,SAAUA,EACVvB,QAAS,CAAE0B,KAAMF,EAAQ,aAAUG,UAM9BC,EAER,CACH1B,KAAM,wCACNC,YAAa,SACbC,WAAY,gBACZC,WAAY,qCACZC,MAAO,CACLiB,SAAU,CACRhB,KAAM,SACNC,YAAa,6BACbC,aAAc,cAEhBe,MAAO,CACLjB,KAAM,UACNC,YAAa,oKAMjBqB,EACAC,GAEID,EACFA,EAAOE,kBACLT,QACAQ,EAAAA,EAAuBF,GAGzBG,EAAkBT,QAAeQ,EAAAA,EAAuBF,6CA7H1DC,EACAG,GAEIH,EACFA,EAAOE,kBACL1C,QACA2C,EAAAA,EAAyB/B,GAG3B8B,EACE1C,QACA2C,EAAAA,EAAyB/B,0CAoD7B4B,EACAI,GAEIJ,EACFA,EAAOE,kBAAkBb,QAAce,EAAAA,EAAsBZ,GAE7DU,EAAkBb,QAAce,EAAAA,EAAsBZ"}
|
|
@@ -2,24 +2,22 @@ import registerComponent from '@plasmicapp/host/registerComponent';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Timeline, Tweet, Follow } from 'react-twitter-widgets';
|
|
4
4
|
|
|
5
|
+
//
|
|
5
6
|
// This module registers Timeline, Tweet, and Follow, but not yet the Hashtag /
|
|
6
7
|
// Mention / Share components (would be easy additions).
|
|
7
8
|
//
|
|
8
9
|
// The components auto-size their heights by default, so it's actually
|
|
9
10
|
// sufficient to rely on just layout out an enclosing div.
|
|
10
11
|
//
|
|
11
|
-
|
|
12
12
|
function TimelineWrapper(_ref) {
|
|
13
13
|
var className = _ref.className,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
url = _ref.url,
|
|
15
|
+
tweetLimit = _ref.tweetLimit,
|
|
16
|
+
chrome = _ref.chrome,
|
|
17
|
+
theme = _ref.theme;
|
|
19
18
|
if (!url) {
|
|
20
19
|
throw new Error("Timeline component requires a URL");
|
|
21
20
|
}
|
|
22
|
-
|
|
23
21
|
return React.createElement("div", {
|
|
24
22
|
className: className
|
|
25
23
|
}, React.createElement(Timeline, {
|
|
@@ -79,13 +77,11 @@ function registerTimelineWrapper(loader, customTimelineWrapper) {
|
|
|
79
77
|
}
|
|
80
78
|
function TweetWrapper(_ref2) {
|
|
81
79
|
var className = _ref2.className,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
80
|
+
tweetId = _ref2.tweetId,
|
|
81
|
+
theme = _ref2.theme;
|
|
85
82
|
if (!tweetId) {
|
|
86
83
|
throw new Error("Tweet component requires a tweetId");
|
|
87
84
|
}
|
|
88
|
-
|
|
89
85
|
return React.createElement("div", {
|
|
90
86
|
className: className
|
|
91
87
|
}, React.createElement(Tweet, {
|
|
@@ -128,13 +124,11 @@ function registerTweetWrapper(loader, customTweetWrapper) {
|
|
|
128
124
|
}
|
|
129
125
|
function FollowWrapper(_ref3) {
|
|
130
126
|
var className = _ref3.className,
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
127
|
+
username = _ref3.username,
|
|
128
|
+
large = _ref3.large;
|
|
134
129
|
if (!username) {
|
|
135
130
|
throw new Error("Follow component requires a username");
|
|
136
131
|
}
|
|
137
|
-
|
|
138
132
|
return React.createElement("div", {
|
|
139
133
|
className: className
|
|
140
134
|
}, React.createElement(Follow, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-twitter-widgets.esm.js","sources":["../src/Twitter.tsx"],"sourcesContent":["import { ComponentMeta } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps } from \"react\";\nimport { Follow, Timeline, Tweet } from \"react-twitter-widgets\";\n\n//\n// This module registers Timeline, Tweet, and Follow, but not yet the Hashtag /\n// Mention / Share components (would be easy additions).\n//\n// The components auto-size their heights by default, so it's actually\n// sufficient to rely on just layout out an enclosing div.\n//\n\nexport function TimelineWrapper({\n className,\n url,\n tweetLimit,\n chrome,\n theme,\n}: {\n className?: string;\n url?: string;\n tweetLimit?: number;\n chrome?: string;\n theme?: string;\n}) {\n if (!url) {\n throw new Error(\"Timeline component requires a URL\");\n }\n return (\n <div className={className}>\n <Timeline\n dataSource={{ sourceType: \"url\", url }}\n options={{\n tweetLimit: tweetLimit,\n chrome: chrome,\n theme: theme,\n }}\n />\n </div>\n );\n}\n\nexport const timelineWrapper: ComponentMeta<ComponentProps<\n typeof TimelineWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-timeline\",\n displayName: \"Timeline\",\n importName: \"TimelineWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n url: {\n type: \"string\",\n description: \"URL to a Twitter user or list\",\n defaultValue: \"https://twitter.com/plasmicapp\",\n },\n tweetLimit: {\n type: \"number\",\n description: \"Number of tweets to be displayed. Between 1 and 20\",\n min: 1,\n max: 20,\n },\n chrome: {\n type: \"choice\",\n description: \"Toggle the display of design elements in the widget\",\n multiSelect: true,\n options: [\n \"noheader\",\n \"nofooter\",\n \"noborders\",\n \"transparent\",\n \"noscrollbar\",\n ],\n },\n theme: {\n type: \"choice\",\n description: \"Toggle the default color scheme\",\n options: [\"dark\", \"light\"],\n defaultValueHint: \"light\",\n },\n },\n defaultStyles: {\n display: \"flex\",\n flexDirection: \"column\",\n overflowY: \"auto\",\n },\n};\n\nexport function registerTimelineWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customTimelineWrapper?: ComponentMeta<ComponentProps<typeof TimelineWrapper>>\n) {\n if (loader) {\n loader.registerComponent(\n TimelineWrapper,\n customTimelineWrapper ?? timelineWrapper\n );\n } else {\n registerComponent(\n TimelineWrapper,\n customTimelineWrapper ?? timelineWrapper\n );\n }\n}\n\nexport function TweetWrapper({\n className,\n tweetId,\n theme,\n}: {\n className?: string;\n tweetId?: string;\n theme?: string;\n}) {\n if (!tweetId) {\n throw new Error(\"Tweet component requires a tweetId\");\n }\n return (\n <div className={className}>\n <Tweet tweetId={tweetId} options={{ theme: theme }} />\n </div>\n );\n}\n\nexport const tweetWrapper: ComponentMeta<ComponentProps<\n typeof TweetWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-tweet\",\n displayName: \"Tweet\",\n importName: \"TweetWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n tweetId: {\n type: \"string\",\n description: \"The tweet ID\",\n defaultValue: \"1381980305305694209\",\n },\n theme: {\n type: \"choice\",\n description: \"Toggle the default color scheme\",\n options: [\"dark\", \"light\"],\n defaultValueHint: \"light\",\n },\n },\n defaultStyles: {\n display: \"flex\",\n flexDirection: \"column\",\n overflowY: \"auto\",\n },\n};\n\nexport function registerTweetWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customTweetWrapper?: ComponentMeta<ComponentProps<typeof TweetWrapper>>\n) {\n if (loader) {\n loader.registerComponent(TweetWrapper, customTweetWrapper ?? tweetWrapper);\n } else {\n registerComponent(TweetWrapper, customTweetWrapper ?? tweetWrapper);\n }\n}\n\nexport function FollowWrapper({\n className,\n username,\n large,\n}: {\n className?: string;\n username?: string;\n large?: boolean;\n}) {\n if (!username) {\n throw new Error(\"Follow component requires a username\");\n }\n return (\n <div className={className}>\n <Follow\n username={username}\n options={{ size: large ? \"large\" : undefined }}\n />\n </div>\n );\n}\n\nexport const followWrapper: ComponentMeta<ComponentProps<\n typeof FollowWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-follow\",\n displayName: \"Follow\",\n importName: \"FollowWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n username: {\n type: \"string\",\n description: \"Twitter username to follow\",\n defaultValue: \"plasmicapp\",\n },\n large: {\n type: \"boolean\",\n description: \"Toggle the button size\",\n },\n },\n};\n\nexport function registerFollowWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customFollowWrapper?: ComponentMeta<ComponentProps<typeof FollowWrapper>>\n) {\n if (loader) {\n loader.registerComponent(\n FollowWrapper,\n customFollowWrapper ?? followWrapper\n );\n } else {\n registerComponent(FollowWrapper, customFollowWrapper ?? followWrapper);\n }\n}\n"],"names":["TimelineWrapper","className","url","tweetLimit","chrome","theme","Error","React","Timeline","dataSource","sourceType","options","timelineWrapper","name","displayName","importName","importPath","props","type","description","defaultValue","min","max","multiSelect","defaultValueHint","defaultStyles","display","flexDirection","overflowY","registerTimelineWrapper","loader","customTimelineWrapper","registerComponent","TweetWrapper","tweetId","Tweet","tweetWrapper","registerTweetWrapper","customTweetWrapper","FollowWrapper","username","large","Follow","size","undefined","followWrapper","registerFollowWrapper","customFollowWrapper"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"react-twitter-widgets.esm.js","sources":["../src/Twitter.tsx"],"sourcesContent":["import { ComponentMeta } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps } from \"react\";\nimport { Follow, Timeline, Tweet } from \"react-twitter-widgets\";\n\n//\n// This module registers Timeline, Tweet, and Follow, but not yet the Hashtag /\n// Mention / Share components (would be easy additions).\n//\n// The components auto-size their heights by default, so it's actually\n// sufficient to rely on just layout out an enclosing div.\n//\n\nexport function TimelineWrapper({\n className,\n url,\n tweetLimit,\n chrome,\n theme,\n}: {\n className?: string;\n url?: string;\n tweetLimit?: number;\n chrome?: string;\n theme?: string;\n}) {\n if (!url) {\n throw new Error(\"Timeline component requires a URL\");\n }\n return (\n <div className={className}>\n <Timeline\n dataSource={{ sourceType: \"url\", url }}\n options={{\n tweetLimit: tweetLimit,\n chrome: chrome,\n theme: theme,\n }}\n />\n </div>\n );\n}\n\nexport const timelineWrapper: ComponentMeta<ComponentProps<\n typeof TimelineWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-timeline\",\n displayName: \"Timeline\",\n importName: \"TimelineWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n url: {\n type: \"string\",\n description: \"URL to a Twitter user or list\",\n defaultValue: \"https://twitter.com/plasmicapp\",\n },\n tweetLimit: {\n type: \"number\",\n description: \"Number of tweets to be displayed. Between 1 and 20\",\n min: 1,\n max: 20,\n },\n chrome: {\n type: \"choice\",\n description: \"Toggle the display of design elements in the widget\",\n multiSelect: true,\n options: [\n \"noheader\",\n \"nofooter\",\n \"noborders\",\n \"transparent\",\n \"noscrollbar\",\n ],\n },\n theme: {\n type: \"choice\",\n description: \"Toggle the default color scheme\",\n options: [\"dark\", \"light\"],\n defaultValueHint: \"light\",\n },\n },\n defaultStyles: {\n display: \"flex\",\n flexDirection: \"column\",\n overflowY: \"auto\",\n },\n};\n\nexport function registerTimelineWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customTimelineWrapper?: ComponentMeta<ComponentProps<typeof TimelineWrapper>>\n) {\n if (loader) {\n loader.registerComponent(\n TimelineWrapper,\n customTimelineWrapper ?? timelineWrapper\n );\n } else {\n registerComponent(\n TimelineWrapper,\n customTimelineWrapper ?? timelineWrapper\n );\n }\n}\n\nexport function TweetWrapper({\n className,\n tweetId,\n theme,\n}: {\n className?: string;\n tweetId?: string;\n theme?: string;\n}) {\n if (!tweetId) {\n throw new Error(\"Tweet component requires a tweetId\");\n }\n return (\n <div className={className}>\n <Tweet tweetId={tweetId} options={{ theme: theme }} />\n </div>\n );\n}\n\nexport const tweetWrapper: ComponentMeta<ComponentProps<\n typeof TweetWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-tweet\",\n displayName: \"Tweet\",\n importName: \"TweetWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n tweetId: {\n type: \"string\",\n description: \"The tweet ID\",\n defaultValue: \"1381980305305694209\",\n },\n theme: {\n type: \"choice\",\n description: \"Toggle the default color scheme\",\n options: [\"dark\", \"light\"],\n defaultValueHint: \"light\",\n },\n },\n defaultStyles: {\n display: \"flex\",\n flexDirection: \"column\",\n overflowY: \"auto\",\n },\n};\n\nexport function registerTweetWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customTweetWrapper?: ComponentMeta<ComponentProps<typeof TweetWrapper>>\n) {\n if (loader) {\n loader.registerComponent(TweetWrapper, customTweetWrapper ?? tweetWrapper);\n } else {\n registerComponent(TweetWrapper, customTweetWrapper ?? tweetWrapper);\n }\n}\n\nexport function FollowWrapper({\n className,\n username,\n large,\n}: {\n className?: string;\n username?: string;\n large?: boolean;\n}) {\n if (!username) {\n throw new Error(\"Follow component requires a username\");\n }\n return (\n <div className={className}>\n <Follow\n username={username}\n options={{ size: large ? \"large\" : undefined }}\n />\n </div>\n );\n}\n\nexport const followWrapper: ComponentMeta<ComponentProps<\n typeof FollowWrapper\n>> = {\n name: \"hostless-react-twitter-widgets-follow\",\n displayName: \"Follow\",\n importName: \"FollowWrapper\",\n importPath: \"@plasmicpkgs/react-twitter-widgets\",\n props: {\n username: {\n type: \"string\",\n description: \"Twitter username to follow\",\n defaultValue: \"plasmicapp\",\n },\n large: {\n type: \"boolean\",\n description: \"Toggle the button size\",\n },\n },\n};\n\nexport function registerFollowWrapper(\n loader?: { registerComponent: typeof registerComponent },\n customFollowWrapper?: ComponentMeta<ComponentProps<typeof FollowWrapper>>\n) {\n if (loader) {\n loader.registerComponent(\n FollowWrapper,\n customFollowWrapper ?? followWrapper\n );\n } else {\n registerComponent(FollowWrapper, customFollowWrapper ?? followWrapper);\n }\n}\n"],"names":["TimelineWrapper","className","url","tweetLimit","chrome","theme","Error","React","Timeline","dataSource","sourceType","options","timelineWrapper","name","displayName","importName","importPath","props","type","description","defaultValue","min","max","multiSelect","defaultValueHint","defaultStyles","display","flexDirection","overflowY","registerTimelineWrapper","loader","customTimelineWrapper","registerComponent","TweetWrapper","tweetId","Tweet","tweetWrapper","registerTweetWrapper","customTweetWrapper","FollowWrapper","username","large","Follow","size","undefined","followWrapper","registerFollowWrapper","customFollowWrapper"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicpkgs/react-twitter-widgets",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.90",
|
|
4
4
|
"description": "Plasmic registration calls for react-twitter-widgets",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"analyze": "size-limit --why"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@plasmicapp/host": "1.0.
|
|
31
|
+
"@plasmicapp/host": "1.0.93",
|
|
32
32
|
"@size-limit/preset-small-lib": "^4.11.0",
|
|
33
33
|
"@types/node": "^14.0.26",
|
|
34
34
|
"size-limit": "^4.11.0",
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"react": ">=16.8.0",
|
|
45
45
|
"react-dom": ">=16.8.0"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "e282c9cca3a168a822b34a1a5e6de3a6a072c00f"
|
|
48
48
|
}
|