From 21829b41146079a2ecc7d42e49840e94da09b122 Mon Sep 17 00:00:00 2001 From: Evan Trujillo Date: Fri, 21 Jul 2023 14:15:09 +0900 Subject: [PATCH 1/2] Add SVG support --- custom.d.ts | 4 ++++ src/components/Svg/Svg.tsx | 10 ++++++++++ src/svg/demo.svg | 11 +++++++++++ tsconfig.json | 3 ++- uxpin.config.js | 2 ++ 5 files changed, 29 insertions(+), 1 deletion(-) create mode 100644 custom.d.ts create mode 100644 src/components/Svg/Svg.tsx create mode 100644 src/svg/demo.svg diff --git a/custom.d.ts b/custom.d.ts new file mode 100644 index 0000000..cdb2b1a --- /dev/null +++ b/custom.d.ts @@ -0,0 +1,4 @@ +declare module '*.svg' { + const content: string; + export default content; +} diff --git a/src/components/Svg/Svg.tsx b/src/components/Svg/Svg.tsx new file mode 100644 index 0000000..e92f029 --- /dev/null +++ b/src/components/Svg/Svg.tsx @@ -0,0 +1,10 @@ +import React from 'react'; +import logo from '../../svg/demo.svg'; + +export default function Svg(props: any) { + return ( +
+ A Rectangle Image with SVG +
+ ); +} diff --git a/src/svg/demo.svg b/src/svg/demo.svg new file mode 100644 index 0000000..8397e26 --- /dev/null +++ b/src/svg/demo.svg @@ -0,0 +1,11 @@ + + + + + + + SVG + + diff --git a/tsconfig.json b/tsconfig.json index 7d7b857..0d75591 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -22,6 +22,7 @@ ".uxpin-merge" ], "include": [ - "src" + "src", + "custom.d.ts" ] } diff --git a/uxpin.config.js b/uxpin.config.js index 912e9d1..8cfce4a 100644 --- a/uxpin.config.js +++ b/uxpin.config.js @@ -5,6 +5,8 @@ module.exports = { name: 'General', include: [ 'src/components/Button/Button.tsx', + 'src/components/Svg/Svg.tsx', + 'src/components/Text/Text.tsx' ], }, ], From 5192474c14a847e225b8f6fdfda81353b2001a9f Mon Sep 17 00:00:00 2001 From: Evan Trujillo Date: Fri, 21 Jul 2023 14:15:45 +0900 Subject: [PATCH 2/2] Add font support --- package.json | 2 ++ src/components/Text/Text.tsx | 11 ++++++++ src/components/UXPinWrapper/UXPinWrapper.tsx | 5 ++-- src/fonts/DancingScript.woff2 | Bin 0 -> 23636 bytes src/styles/styles.scss | 10 ++++++++ webpack.config.js | 19 +++++++++++++- yarn.lock | 25 +++++++++++++++++-- 7 files changed, 67 insertions(+), 5 deletions(-) create mode 100644 src/components/Text/Text.tsx create mode 100644 src/fonts/DancingScript.woff2 create mode 100644 src/styles/styles.scss diff --git a/package.json b/package.json index 3ccd046..e0bb605 100644 --- a/package.json +++ b/package.json @@ -20,6 +20,8 @@ "prettier": "^2.8.4", "react": "^18.2.0", "react-dom": "^18.2.0", + "sass": "^1.64.0", + "sass-loader": "^13.3.2", "style-loader": "^3.3.1", "ts-loader": "^9.4.2", "typescript": "^4.9.5", diff --git a/src/components/Text/Text.tsx b/src/components/Text/Text.tsx new file mode 100644 index 0000000..c1db624 --- /dev/null +++ b/src/components/Text/Text.tsx @@ -0,0 +1,11 @@ +import React from 'react'; + +export default function Text(props: any) { + return ( +
+

+ Here is some text to display. +

+
+ ); +} diff --git a/src/components/UXPinWrapper/UXPinWrapper.tsx b/src/components/UXPinWrapper/UXPinWrapper.tsx index 0ce2d56..009af02 100644 --- a/src/components/UXPinWrapper/UXPinWrapper.tsx +++ b/src/components/UXPinWrapper/UXPinWrapper.tsx @@ -1,5 +1,6 @@ -import { ReactNode } from 'react'; +import React, { ReactNode } from 'react'; +import '../../styles/styles.scss'; export default function UXPinWrapper({ children }: { children: ReactNode }) { - return children; + return
{children}
; } diff --git a/src/fonts/DancingScript.woff2 b/src/fonts/DancingScript.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..c385cab08f022e0cbcc4af38a7a5e03d19a0e26b GIT binary patch literal 23636 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 XYh@tm{7^=v%GG+x*C8&(^`=l3U-xZR literal 0 HcmV?d00001 diff --git a/src/styles/styles.scss b/src/styles/styles.scss new file mode 100644 index 0000000..433aabb --- /dev/null +++ b/src/styles/styles.scss @@ -0,0 +1,10 @@ +@font-face { + font-family: 'Dancing Script'; + font-style: normal; + font-weight: 400; + src: local('Dancing Script'), url('../fonts/DancingScript.woff2') format('woff2'); +} + +.theme-provider { + font-family: Dancing Script; +} diff --git a/webpack.config.js b/webpack.config.js index 777df88..284414a 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -5,6 +5,7 @@ const config = { './src/index.tsx' ], output: { + publicPath: '', path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' }, @@ -26,6 +27,22 @@ const config = { 'style-loader', 'css-loader' ] + }, + { + test: /\.scss$/, + use: [ + 'style-loader', + 'css-loader', + 'sass-loader' + ] + }, + { + test: /\.(png|jp(e*)g|gif|woff)$/, + type: 'asset/resource' + }, + { + test: /\.svg$/, + type: 'asset/inline' } ] }, @@ -39,4 +56,4 @@ const config = { } }; -module.exports = config; \ No newline at end of file +module.exports = config; diff --git a/yarn.lock b/yarn.lock index 8bec236..3c2501e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2512,7 +2512,7 @@ character-reference-invalid@^1.0.0: resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz#083329cda0eae272ab3dbbf37e9a382c13af1560" integrity sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg== -chokidar@^3.5.1, chokidar@^3.5.3: +"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.1, chokidar@^3.5.3: version "3.5.3" resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd" integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw== @@ -3776,6 +3776,11 @@ ignore@^5.2.0: resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324" integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ== +immutable@^4.0.0: + version "4.3.1" + resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.1.tgz#17988b356097ab0719e2f741d56f3ec6c317f9dc" + integrity sha512-lj9cnmB/kVS0QHsJnYKD1uo3o39nrbKxszjnqS9Fr6NB7bZzW45U6WSGBPKXDL/CvDKqDNPA4r3DoDQ8GTxo2A== + import-fresh@^3.0.0, import-fresh@^3.2.1: version "3.3.0" resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b" @@ -5489,6 +5494,22 @@ safe-regex-test@^1.0.0: resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a" integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== +sass-loader@^13.3.2: + version "13.3.2" + resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-13.3.2.tgz#460022de27aec772480f03de17f5ba88fa7e18c6" + integrity sha512-CQbKl57kdEv+KDLquhC+gE3pXt74LEAzm+tzywcA0/aHZuub8wTErbjAoNI57rPUWRYRNC5WUnNl8eGJNbDdwg== + dependencies: + neo-async "^2.6.2" + +sass@^1.64.0: + version "1.64.0" + resolved "https://registry.yarnpkg.com/sass/-/sass-1.64.0.tgz#9ca8d0acb1a704b86b7f1197dc310f568fb34638" + integrity sha512-m7YtAGmQta9uANIUJwXesAJMSncqH+3INc8kdVXs6eV6GUC8Qu2IYKQSN8PRLgiQfpca697G94klm2leYMxSHw== + dependencies: + chokidar ">=3.0.0 <4.0.0" + immutable "^4.0.0" + source-map-js ">=0.6.2 <2.0.0" + scheduler@^0.23.0: version "0.23.0" resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.0.tgz#ba8041afc3d30eb206a487b6b384002e4e61fdfe" @@ -5661,7 +5682,7 @@ sortobject@^1.1.1: dependencies: editions "^2.2.0" -source-map-js@^1.0.2: +"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==