create-catalyst-app 0.0.1-beta.2 → 0.0.1-beta.4

package/templates/common/src/static/css/base/typography.scss

@@ -1,285 +0,0 @@
-@font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 300;
-    font-display: block;
-    src: local("Inter Light"), local("Inter-Light"), url($font_url + "Inter-Light-Subset.otf");
-    unicode-range: U+0020-007F, U+201C, U+201D, U+00A;
-}
-
-@font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 400;
-    font-display: block;
-    src: local("Inter Regular"), local("Inter-Regular"), url($font_url + "Inter-Regular-Subset.otf");
-    unicode-range: U+0020-007F, U+201C, U+201D, U+00A;
-}
-
-@font-face {
-    font-family: Inter;
-    font-style: italic;
-    font-weight: 400;
-    font-display: block;
-    src: local("Inter Italic"), local("Inter-Italic"), url($font_url + "Inter-Italic-Subset.otf");
-    unicode-range: U+0020-007F, U+201C, U+201D, U+00A;
-}
-
-@font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 500;
-    font-display: block;
-    src: local("Inter Medium"), local("Inter-Medium"), url($font_url + "Inter-Medium-Subset.otf");
-    unicode-range: U+0020-007F, U+201C, U+201D, U+00A;
-}
-
-@font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 600;
-    font-display: block;
-    src: local("Inter SemiBold"), local("Inter-SemiBold"), url($font_url + "Inter-SemiBold-Subset.otf");
-    unicode-range: U+0020-007F, U+201C, U+201D, U+00A;
-}
-
-@font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 700;
-    font-display: block;
-    src: local("Inter Bold"), local("Inter-Bold"), url($font_url + "Inter-Bold-Subset.otf");
-    unicode-range: U+0020-007F, U+201C, U+201D, U+00A;
-}
-
-html {
-    font-size: $font-size-body + px;
-    line-height: $line-height-base;
-}
-
-h1 {
-    font-size: remy($font-size-l3);
-    font-weight: $font-weight-regular;
-    line-height: $line-height-base;
-    margin: 0;
-}
-
-h2 {
-    font-size: remy($font-size-l4);
-    font-weight: $font-weight-semi-bold;
-    line-height: $line-height-base;
-    margin: 0;
-}
-
-h3 {
-    font-size: remy($font-size-l5);
-    font-weight: $font-weight-medium;
-    line-height: $line-height-base;
-    margin: 0;
-}
-
-p {
-    font-size: remy($font-size-body);
-    line-height: $line-height-base;
-    margin: 0;
-    word-break: break-word;
-    overflow-wrap: break-word;
-}
-
-.heroSemiBold {
-    font-size: remy($font-size-hero);
-    font-weight: $font-weight-semi-bold;
-    line-height: $line-height-base;
-}
-
-.heroMedium {
-    font-size: remy($font-size-hero);
-    font-weight: $font-weight-medium;
-    line-height: $line-height-base;
-}
-
-.heroRegular {
-    font-size: remy($font-size-hero);
-    font-weight: $font-weight-regular;
-    line-height: $line-height-base;
-}
-
-.l1SemiBold {
-    font-size: remy($font-size-l1);
-    font-weight: $font-weight-semi-bold;
-    line-height: $line-height-base;
-}
-
-.l1Medium {
-    font-size: remy($font-size-l1);
-    font-weight: $font-weight-medium;
-    line-height: $line-height-base;
-}
-
-.l1Regular {
-    font-size: remy($font-size-l1);
-    font-weight: $font-weight-regular;
-    line-height: $line-height-base;
-}
-
-.l2SemiBold {
-    font-size: remy($font-size-l2);
-    font-weight: $font-weight-semi-bold;
-    line-height: $line-height-base;
-}
-
-.l2Medium {
-    font-size: remy($font-size-l2);
-    font-weight: $font-weight-medium;
-    line-height: $line-height-base;
-}
-
-.l2Regular {
-    font-size: remy($font-size-l2);
-    font-weight: $font-weight-regular;
-    line-height: $line-height-base;
-}
-
-.l3SemiBold {
-    font-size: remy($font-size-l3);
-    font-weight: $font-weight-semi-bold;
-    line-height: $line-height-base;
-}
-
-.l3Medium {
-    font-size: remy($font-size-l3);
-    font-weight: $font-weight-medium;
-    line-height: $line-height-base;
-}
-
-.l3Regular {
-    font-size: remy($font-size-l3);
-    font-weight: $font-weight-regular;
-    line-height: $line-height-base;
-}
-
-.l4SemiBold {
-    font-size: remy($font-size-l4);
-    font-weight: $font-weight-semi-bold;
-    line-height: $line-height-base;
-}
-
-.l4Medium {
-    font-size: remy($font-size-l4);
-    font-weight: $font-weight-medium;
-    line-height: $line-height-base;
-}
-
-.l4Regular {
-    font-size: remy($font-size-l4);
-    font-weight: $font-weight-regular;
-    line-height: $line-height-base;
-}
-
-.l5SemiBold {
-    font-size: remy($font-size-l5);
-    font-weight: $font-weight-semi-bold;
-    line-height: $line-height-base;
-}
-
-.l5Medium {
-    font-size: remy($font-size-l5);
-    font-weight: $font-weight-medium;
-    line-height: $line-height-base;
-}
-
-.l5Regular {
-    font-size: remy($font-size-l5);
-    font-weight: $font-weight-regular;
-    line-height: $line-height-base;
-}
-
-.bodySemiBold {
-    font-size: remy($font-size-body);
-    font-weight: $font-weight-semi-bold;
-    line-height: $line-height-base;
-}
-
-.bodyMedium {
-    font-size: remy($font-size-body);
-    font-weight: $font-weight-medium;
-    line-height: $line-height-base;
-}
-
-.bodyRegular {
-    font-size: remy($font-size-body);
-    font-weight: $font-weight-regular;
-    line-height: $line-height-base;
-}
-
-.smallSemiBold {
-    font-size: remy($font-size-small);
-    font-weight: $font-weight-semi-bold;
-    line-height: $line-height-base;
-}
-
-.smallMedium {
-    font-size: remy($font-size-small);
-    font-weight: $font-weight-medium;
-    line-height: $line-height-base;
-}
-
-.smallRegular {
-    font-size: remy($font-size-small);
-    font-weight: $font-weight-regular;
-    line-height: $line-height-base;
-}
-
-.xSmallSemiBold {
-    font-size: remy($font-size-x-small);
-    font-weight: $font-weight-semi-bold;
-    line-height: $line-height-x-small;
-}
-
-.xSmallMedium {
-    font-size: remy($font-size-x-small);
-    font-weight: $font-weight-medium;
-    line-height: $line-height-x-small;
-}
-
-.xSmallRegular {
-    font-size: remy($font-size-x-small);
-    font-weight: $font-weight-regular;
-    line-height: $line-height-x-small;
-}
-
-.textPrimary {
-    color: $information-primary;
-}
-
-.textSecondary {
-    color: $information-secondary;
-}
-
-.textTertiary {
-    color: $information-tertiary;
-}
-
-//EXCEPTIONS Please fix it in DLS 2.0
-.errorColor {
-    background-color: $error-background;
-    color: $error;
-}
-
-.cautionColor {
-    background-color: $caution-background;
-    color: $caution;
-}
-
-.successColor {
-    background-color: $success-background;
-    color: $success;
-}
-
-.noAnchorColor {
-    color: $information-primary;
-}
-
-.breakWord {
-    word-break: break-word;
-}

package/templates/common/src/static/css/resources/_mixins.scss

@@ -1,196 +0,0 @@
-/**
-    @param: Number like 1, 2 or 3
-    @returns: Space in multiples of 8px
-*/
-@function makespace($spaceMultiple) {
-    @if $spaceMultiple == 4 {
-        $spaceMultiple: 5;
-    }
-    @return ($spaceMultiple * $base-space);
-}
-
-/**
-    @param: Input size in px
-    @returns: Size in rem
-*/
-@function remy($pxsize) {
-    @return calc($pxsize/$font-size-body) + rem;
-}
-
-@mixin font-size($size) {
-    // font-size: $size + px; // For unsupported browsers
-    font-size: remy($size);
-}
-
-// @mixin vertical-center {
-//     position: relative;
-//     top: 50%;
-//     -ms-transform: translateY(-50%);
-//     -webkit-transform: translateY(-50%);
-//     transform: translateY(-50%);
-// }
-
-// @mixin keyframes($name) {
-//     @-webkit-keyframes #{$name} {
-//         @content;
-//     }
-//     @-moz-keyframes #{$name} {
-//         @content;
-//     }
-//     @keyframes #{$name} {
-//         @content;
-//     }
-// }
-
-// @mixin text-shorten {
-//     overflow: hidden;
-//     text-overflow: ellipsis;
-//     white-space: nowrap;
-// }
-
-// Clearfix mixin
-// %clearfix {
-//     *zoom: 1;
-
-//     &::before,
-//     &::after {
-//         content: " ";
-//         display: table;
-//     }
-
-//     &::after {
-//         clear: both;
-//     }
-// }
-
-// @mixin generateRatings {
-//     @each $index, $color, $text-color in $rating-bg-colors-map {
-//         .rating-#{$index} {
-//             background: $color;
-//             color: $text-color;
-//         }
-//     }
-// }
-
-@mixin optional-at-root($sel) {
-    @at-root #{if(not &, $sel, selector-append(&, $sel))} {
-        @content;
-    }
-}
-
-@mixin placeholder {
-    @include optional-at-root("::-webkit-input-placeholder") {
-        @content;
-    }
-
-    @include optional-at-root(":-moz-placeholder") {
-        @content;
-    }
-
-    @include optional-at-root("::-moz-placeholder") {
-        @content;
-    }
-
-    @include optional-at-root(":-ms-input-placeholder") {
-        @content;
-    }
-}
-
-// @mixin transition($transition-property, $transition-time, $method) {
-//     -webkit-transition: $transition-property $transition-time $method;
-//     -moz-transition: $transition-property $transition-time $method;
-//     -ms-transition: $transition-property $transition-time $method;
-//     -o-transition: $transition-property $transition-time $method;
-//     transition: $transition-property $transition-time $method;
-// }
-
-// @mixin enhanceAnimations() {
-//     -webkit-transform: translate3d(0, 0, 0);
-//     -moz-transform: translate3d(0, 0, 0);
-//     -ms-transform: translate3d(0, 0, 0);
-//     -o-transform: translate3d(0, 0, 0);
-//     transform: translate3d(0, 0, 0);
-
-//     // stoping flickering on chrome
-//     // -webkit-transform-style: preserve-3d;
-//     // -webkit-perspective: 1000;
-//     // -webkit-backface-visibility: hidden;
-// }
-
-// @mixin only-mobile {
-//     @media (max-width: #{$tablet-width}) {
-//         @content;
-//     }
-// }
-
-// @mixin tablet {
-//     @media (min-width: #{$tablet-width}) {
-//         @content;
-//     }
-// }
-
-// @mixin only-tablet {
-//     @media (min-width: #{$tablet-width}) and (max-width: #{$desktop-width}) {
-//         @content;
-//     }
-// }
-
-// @mixin desktop {
-//     @media (min-width: #{$desktop-width}) {
-//         @content;
-//     }
-// }
-
-// @mixin only-desktop {
-//     @media (min-width: #{$desktop-width}) and (max-width: #{$large-width}) {
-//         @content;
-//     }
-// }
-
-// @mixin large {
-//     @media (min-width: #{$large-width}) {
-//         @content;
-//     }
-// }
-
-// @mixin box-sizing($box-model) {
-//     -webkit-box-sizing: $box-model; // Safari <= 5
-//     -moz-box-sizing: $box-model; // Firefox <= 19
-//     box-sizing: $box-model;
-// }
-
-// @mixin border-radius($radius) {
-//     -webkit-border-radius: $radius;
-//     border-radius: $radius;
-//     background-clip: padding-box; /* stops bg color from leaking outside the border: */
-// }
-
-// @mixin opacity($opacity) {
-//     opacity: $opacity;
-//     $opacity-ie: $opacity * 100;
-
-//     filter: alpha(opacity=$opacity-ie); //IE8
-// }
-
-// hack to remove scrollbars from chrome and IE
-@mixin hideScroll() {
-    -ms-overflow-style: none;
-
-    &::-webkit-scrollbar {
-        width: 0 !important; /* stylelint-disable-line */
-    }
-}
-
-// Sidebar Widget / Full width container mixin
-// @mixin contentWidth($container-width) {
-//     width: $container-width;
-// }
-
-@mixin truncateAfterNumberOfLines($lines) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    line-clamp: $lines;
-    -webkit-line-clamp: $lines;
-    -webkit-box-orient: vertical;
-}

package/templates/common/src/static/css/resources/_vendors.scss

@@ -1 +0,0 @@
-/* Import or define any sass mixins, functions, and vendor mixins below */

package/templates/none-js/.babelrc

@@ -1,26 +0,0 @@
-{
-     "presets": [
-        [
-            "@babel/preset-env",
-            {
-                "targets": {
-                    "node": "current"
-                },
-            },
-        ],
-        "@babel/preset-react"
-    ],
-                "plugins": [
-                    "@babel/plugin-proposal-object-rest-spread",
-                    "transform-es2015-modules-commonjs",
-                    "transform-class-properties",
-                    "dynamic-import-node",
-                    "@loadable/babel-plugin"
-                ],
-    "env": {
-        "test": {
-            "presets": ["@babel/preset-react"]
-        }
-    },
-     "ignore": ["__TEST__"]
-}

package/templates/none-js/.eslintignore

@@ -1,6 +0,0 @@
-**/node_modules/*
-**/dist/*
-**/build/*
-**/coverage/*
-**/eventScripts/*
-**/docs/*

package/templates/none-js/.eslintrc

@@ -1,53 +0,0 @@
-{
-    "parser": "@babel/eslint-parser",
-    "rules": {
-        "prettier/prettier": "error",
-        "no-console": "warn",
-        "react/prop-types": 1,
-        "react/display-name": [0, { "ignoreTranspilerName": true }],
-        "react-hooks/exhaustive-deps": "warn", // Checks effect dependencies
-        "no-prototype-builtins": "off",
-        "jam3/no-sanitizer-with-danger": 2,
-        "react/jsx-no-target-blank": [0, {
-            "enforceDynamicLinks": "never"
-        }]
-    },
-    "env": {
-        "browser": true,
-        "es6": true,
-        "jest": true,
-        "node": true
-    },
-    "globals": {
-        "expect": true,
-        "__non_webpack_require__": true,
-        "logger": "readonly",
-        "AppCallbacks": "readonly"
-    },
-    "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:prettier/recommended"],
-    "parserOptions": {
-        "sourceType": "module",
-        "ecmaFeatures": {
-            "experimentalObjectRestSpread": true,
-            "jsx": true
-        },
-        "babelOptions": {
-            "configFile": "./babel.config.js"
-        },
-        "ecmaVersion": 6
-    },
-    "plugins": ["babel", "react", "react-hooks", "prettier", "jam3"],
-    "settings": {
-        "react": {
-            "createClass": "createReactClass",
-            "pragma": "React",
-            "version": "detect"
-        },
-        "propWrapperFunctions": [
-            "forbidExtraProps",
-            { "property": "freeze", "object": "Object" },
-            { "property": "myFavoriteWrapper" }
-        ],
-        "linkComponents": ["Hyperlink", { "name": "Link", "linkAttribute": "to" }]
-    }
-}

package/templates/none-js/.prettierrc.json

@@ -1,7 +0,0 @@
-{
-    "trailingComma": "es5",
-    "tabWidth": 4,
-    "semi": false,
-    "arrowParens": "always",
-    "printWidth": 110
-}

package/templates/none-js/.stylelintrc

@@ -1,35 +0,0 @@
-{
-    "extends": [
-        "stylelint-config-standard-scss",
-        "stylelint-config-prettier-scss",
-        "stylelint-config-css-modules"
-    ],
-    "plugins": ["stylelint-prettier"],
-    "rules": {
-        "property-no-vendor-prefix":null,
-        "scss/function-no-unknown": null,
-        "selector-class-pattern": null,
-        "prettier/prettier": true,
-        "color-no-invalid-hex": true,
-        "comment-empty-line-before": ["always", { "ignore": ["stylelint-commands", "after-comment"] }],
-        "indentation": 4,
-        "number-leading-zero": null,
-        "max-empty-lines": 2,
-        "declaration-no-important": true,
-        "block-no-empty": true,
-        "no-empty-source": null,
-        "selector-pseudo-class-no-unknown": null,
-        "selector-type-no-unknown": null,
-        "rule-empty-line-before": ["always", { "except": ["first-nested"], "ignore": ["after-comment"] }],
-        "declaration-property-unit-allowed-list": {
-            "/.*/": ["em", "rem", "%", "s", "vh", "vw", "px", "deg", "ms", "dpi", "dvh", "fr"]
-        },
-        "at-rule-no-unknown": null,
-        "scss/double-slash-comment-whitespace-inside": null,
-        "scss/at-mixin-pattern": null,
-        "scss/dollar-variable-pattern": null,
-        "selector-id-pattern": null,
-        "keyframes-name-pattern": null,
-        "selector-pseudo-element-no-unknown": null
-    }
-}

package/templates/none-js/README.md

@@ -1,22 +0,0 @@
-## Getting Started
-Commence development by initiating the application in development mode with the following commands:
-
-For running the application in development mode, run:
-```bash
-npm run start
-```
-
-For a production build, utilize:
-
-```bash
-npm run build
-```
-
-To serve the production build, execute:
-
-```bash
-npm run serve
-```
-
-## Documentation
-Explore the complete documentation at [https://catalyst.1mg.com](https://catalyst.1mg.com).

package/templates/none-js/api.js

@@ -1,29 +0,0 @@
-const apiInstance = () => {
-    const fetchFunction = async (url, options) => {
-        let baseURL = process.env.API_URL
-        let finalUrl = baseURL + url
-
-        // Request Interceptor - you can modify request here
-
-        
-        // Add query params if exist
-        if (Object.keys(options?.params).length > 0) {
-            finalUrl = url + "?" + new URLSearchParams(options.params)
-        }
-
-        return fetch(finalUrl, options)
-            .then(async (response) => {
-                const parsedResponse = await response.json()
-                // Response Interceptor - you can modify response here
-                return parsedResponse
-            });
-    }
-    return {
-        get: fetchFunction,
-        post: fetchFunction,
-        delete: fetchFunction,
-        patch: fetchFunction,
-        put: fetchFunction
-    }
-}
-export default { apiInstance }