hello world

Author: betocantu93

.eslintrc.js

@@ -48,21 +48,12 @@ module.exports = {
     },
     requireConfigFile: false,
   },
-  plugins: [
-    'ember',
-    'qunit',
-    'simple-import-sort',
-    'import',
-    'unused-imports',
-    'unicorn',
-    'no-useless-assign',
-  ],
+  plugins: ['ember', 'qunit', 'import', 'unused-imports', 'no-useless-assign'],
   extends: [
     'eslint:recommended',
     'plugin:ember/recommended',
     'plugin:prettier/recommended',
     'plugin:qunit/recommended',
-    'plugin:unicorn/recommended',
   ],
   globals: {},
   env: {
@@ -86,15 +77,8 @@ module.exports = {
     'max-params': ['error', { max: 4 }],
     'max-depth': ['error', { max: 4 }],
     'max-statements': ['error', { max: 40 }],
-    'max-lines-per-function': [
-      'error',
-      { max: 80, skipBlankLines: true, skipComments: true },
-    ],
+    
     complexity: ['error', { max: 20 }],
-    'no-magic-numbers': [
-      'error',
-      { ignore: [0, 1, -1], ignoreArrayIndexes: true },
-    ],
 
     'no-unused-vars': 'off', // or "@typescript-eslint/no-unused-vars": "off",
     'unused-imports/no-unused-imports': 'error',
@@ -216,15 +200,6 @@ module.exports = {
     // See https://github.com/eslint/eslint/issues/11899 and similar
     'require-atomic-updates': 'off',
 
-    'simple-import-sort/imports': ['error', { groups: ImportSortGroups }],
-    'sort-imports': 'off',
-    'import/order': 'off',
-    'import/first': 'error',
-    'import/newline-after-import': 'error',
-    // this rule doesn't work properly with --fix
-    // https://github.com/benmosher/eslint-plugin-import/issues/1504
-    'import/no-duplicates': 'warn',
-
     'ember/routes-segments-snake-case': 'off', // We should leave this off permanently
     'ember/use-brace-expansion': 'off', // has bugs and is annoying + only applies to computeds
 
@@ -243,68 +218,6 @@ module.exports = {
     'ember/require-tagless-components': 'error',
     'ember/no-classic-components': 'error',
     'ember/no-side-effects': 'error',
-
-    // unicorn
-    'unicorn/prefer-module': 'off',
-    'unicorn/no-array-for-each': 'off', // this might be nice someday? better if it would do regular for loops for arrays
-    'unicorn/number-literal-case': 'off', // conflicts with prettier
-    'unicorn/no-nested-ternary': 'off', // conflicts with prettier
-    'unicorn/no-null': 'off', // too WAT
-    'unicorn/consistent-destructuring': 'off', // nice in some ways but heavy handed
-    'unicorn/prefer-spread': 'off', // possibly nice if we had native arrays
-    'unicorn/no-for-loop': 'off', // if for...of was good maybe we'd use this
-    'unicorn/prefer-add-event-listener': 'error',
-    'unicorn/better-regex': 'off', // would be awesome but has bugs https://github.com/sindresorhus/eslint-plugin-unicorn/issues?q=is%3Aissue+is%3Aopen+better-regex
-
-    'unicorn/prefer-includes': 'error',
-    'unicorn/prefer-default-parameters': 'error',
-    'unicorn/prefer-number-properties': 'error', // note Number.isNaN and Number.isFinite usage differs from global
-    'unicorn/numeric-separators-style': 'error',
-    'unicorn/prefer-optional-catch-binding': 'error',
-    'unicorn/catch-error-name': 'error',
-    'unicorn/prefer-ternary': 'error',
-    'unicorn/no-lonely-if': 'error',
-    'unicorn/prefer-regexp-test': 'error',
-    'unicorn/prefer-array-find': 'error',
-    'unicorn/prefer-array-some': 'error',
-    'unicorn/prefer-string-replace-all': 'error',
-    'unicorn/explicit-length-check': 'error',
-    'unicorn/no-unsafe-regex': 'error',
-
-    // to consider activating
-    'unicorn/prefer-negative-index': 'off',
-    'unicorn/prefer-dom-node-append': 'off',
-    'unicorn/prefer-dom-node-remove': 'off',
-    'unicorn/prefer-query-selector': 'off',
-    'unicorn/prefer-switch': 'off',
-    'unicorn/prefer-string-slice': 'off',
-    'unicorn/no-array-push-push': 'off',
-    'unicorn/no-zero-fractions': 'off',
-    'unicorn/consistent-function-scoping': 'off',
-    'unicorn/no-array-reduce': 'off',
-    'unicorn/new-for-builtins': 'off',
-    'unicorn/escape-case': 'off',
-    'unicorn/no-this-assignment': 'off',
-    'unicorn/prefer-set-has': 'off',
-    'unicorn/prefer-export-from': 'off',
-    'unicorn/prefer-code-point': 'off',
-    'unicorn/require-array-join-separator': 'off',
-    'unicorn/error-message': 'off',
-    'unicorn/no-array-callback-reference': 'off', // we may never want this
-    'unicorn/prevent-abbreviations': [
-      'off',
-      {
-        checkFilenames: false,
-        checkDefaultAndNamespaceImports: false,
-        extendDefaultReplacements: false,
-        replacements: {
-          e: {
-            error: true,
-            event: true,
-          },
-        },
-      },
-    ],
   },
   overrides: [
     // TypeScript files in strict-mode

addons/ember-rrule-generator/addon-main.js

@@ -1,3 +1,3 @@
-const { addonV1Shim } = require("@embroider/addon-shim");
+const { addonV1Shim } = require('@embroider/addon-shim');
 
 module.exports = addonV1Shim(__dirname);

addons/ember-rrule-generator/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-rrule-generator",
-  "description": "Add your description here",
+  "description": "headless rrule generator",
   "version": "0.0.0",
   "private": false,
   "license": "MIT",
@@ -17,16 +17,19 @@
     "npm": "Use pnpm",
     "yarn": "Use pnpm"
   },
-  "keywords": ["ember-addon"],
+  "keywords": [
+    "ember-addon"
+  ],
   "volta": {
     "extends": "../../package.json"
   },
   "dependencies": {
+    "@babel/runtime": "^7.18.9",
     "@embroider/addon-shim": "^1.5.0"
   },
   "exports": {
-    ".": "./dist/src/index.js",
-    "./*": "./dist/src/*",
+    ".": "./dist/index.js",
+    "./*": "./dist/*",
     "./addon-main.js": "./addon-main.js"
   },
   "files": [
@@ -35,33 +38,47 @@
   ],
   "scripts": {
     "build": "rollup --config",
-    "start": "rollup --config --watch",
+    "start": "npm-run-all --parallel start:*",
+    "start:test-app": "cd ../../apps/test-app && ember serve",
+    "start:build": "rollup --config --watch",
     "prepublishOnly": "rollup --config"
   },
   "ember-addon": {
     "main": "addon-main.js",
     "type": "addon",
     "version": 2,
-    "app-js": {},
+    "app-js": {
+      "./components/containers/start/index.js": "./dist/_app_/components/containers/start/index.js",
+      "./components/r-rule-generator/index.js": "./dist/_app_/components/r-rule-generator/index.js"
+    },
     "public-assets": {}
   },
-  "peerDependencies": {},
+  "peerDependencies": {
+    "dayjs": "^1.11.5",
+    "lodash-es": "^4",
+    "rrule": "^2.7.1"
+  },
   "devDependencies": {
-    "@embroider/addon-dev": "^1.8.1",
-    "rollup": "^2.75.7",
-    "@babel/core": "^7.18.6",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.16.6",
-    "@babel/plugin-transform-typescript": "^7.18.6",
-    "@babel/plugin-transform-runtime": "^7.18.6",
+    "@babel/core": "^7.18.0",
+    "@babel/plugin-proposal-class-properties": "^7.17.12",
+    "@babel/plugin-proposal-decorators": "^7.18.9",
+    "@babel/plugin-transform-runtime": "^7.18.9",
+    "@babel/plugin-transform-typescript": "^7.18.8",
+    "@babel/preset-env": "^7.18.9",
     "@babel/preset-typescript": "^7.18.6",
-    "@babel/preset-env": "^7.18.6",
-    "@babel/runtime": "^7.18.6",
+    "@embroider/addon-dev": "^1.6.0",
     "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-typescript": "^8.3.3",
+    "@rollup/plugin-typescript": "^8.3.2",
+    "@types/chess.js": "^0.13.2",
+    "@types/lodash-es": "^4.17.6",
+    "dayjs": "^1.11.5",
+    "lodash-es": "^4.17.21",
+    "npm-run-all": "^4.1.5",
+    "rollup": "^2.74.1",
+    "rrule": "^2.7.1",
     "tslib": "^2.4.0",
-    "walk-sync": "^3.0.0",
-    "typescript": "^4.7.5"
+    "typescript": "^4.7.4",
+    "walk-sync": "^3.0.0"
   },
   "ember": {
     "edition": "octane"

addons/ember-rrule-generator/rollup.config.js

@@ -90,7 +90,10 @@ function templateOnlyPlugin(args) {
 export default {
   // This provides defaults that work well alongside `publicEntrypoints` below.
   // You can augment this if you need to.
-  output: addon.output(),
+  output: {
+    ...addon.output(),
+    hoistTransitiveImports: false,
+  },
 
   external: [],
 

addons/ember-rrule-generator/src/components/containers/start/index.hbs

@@ -0,0 +1,10 @@
+{{#if @onDate.options.calendarComponent}}
+  {{#let (component @onDate.options.calendarComponent) as |CalendarComponent|}}
+    <CalendarComponent
+      @onChange={{this.handleChange}}
+      @value={{@onDate.date}}
+    />
+  {{/let}}
+{{else}}
+  <input type="date" {{on "input" this.handleChange}} value={{@onDate.date}} />
+{{/if}}

addons/ember-rrule-generator/src/components/containers/start/index.ts

@@ -0,0 +1,22 @@
+import Component from '@glimmer/component';
+
+import RRuleGenerator from '../../r-rule-generator/index';
+
+interface Signature {
+  Args: {
+    handleChange: RRuleGenerator['handleChange'];
+  };
+}
+
+export default class ContainersStartComponent extends Component<Signature> {
+  handleChange = (e: { target: { value: unknown } }) => {
+    const editedEvent = {
+      target: {
+        value: e.target.value,
+        name: 'start.onDate.date',
+      },
+    };
+
+    this.args.handleChange(editedEvent);
+  };
+}

addons/ember-rrule-generator/src/components/r-rule-generator/index.hbs

@@ -0,0 +1,3 @@
+{{yield (hash Start=(component this.Start handleChange=this.handleChange))}}
+
+{{this.data}}

addons/ember-rrule-generator/src/components/r-rule-generator/index.ts

@@ -0,0 +1,78 @@
+import { cloneDeep, set } from 'lodash-es';
+
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+
+import computeRRuleToString from '../../utils/computeRRule/toString/computeRRule';
+import computeRRuleFromString from '../../utils/computeRRule/fromString/computeRRule';
+import configureInitialState from '../../utils/configureInitialState';
+
+import Start from '../containers/start/index';
+
+export interface ChangeEvent {
+  target: {
+    value: unknown;
+    name: string;
+  };
+}
+
+export interface Config {
+  frequency?: 'Yearly' | 'Monthy' | 'Weekly' | 'Daily' | 'Hourly'[];
+  yearly?: 'on' | 'on the';
+  monthly?: 'on' | 'on the';
+  end?: 'Never' | 'After' | 'On date'[];
+  hideStart?: boolean;
+  hideEnd?: boolean;
+  hideError?: boolean;
+  weekStartOnSunday?: boolean;
+}
+
+type Signature = {
+  Element: HTMLUListElement;
+  Args: {
+    onChange: (rrule: string) => void;
+    value?: string;
+    config?: Config;
+    id?: string;
+    calendarComponent?: Component;
+  };
+};
+
+interface State {
+  id: string;
+  data: {
+    start: unknown;
+    repeat: unknown;
+    end: unknown;
+    options: unknown;
+  };
+  rrule: string;
+}
+
+export default class RRuleGenerator extends Component<Signature> {
+  Start = Start;
+
+  @tracked state: State = configureInitialState(
+    this.args.config,
+    this.args.calendarComponent,
+    this.args.id
+  );
+
+  handleChange = ({ target }: ChangeEvent) => {
+    //eslint-disable-next-line
+    const newData = cloneDeep(this.state.data);
+    //eslint-disable-next-line
+    set(newData, target.name, target.value);
+
+    this.state = {
+      ...this.state,
+      data: newData,
+    };
+
+    //eslint-disable-next-line
+    const rrule = computeRRuleToString(newData);
+    console.log(rrule);
+
+    this.args.onChange?.(rrule);
+  };
+}

addons/ember-rrule-generator/src/utils/computeRRule/fromString/computeDailyInterval.js

@@ -0,0 +1,9 @@
+const computeDailyInterval = (data, rruleObj) => {
+  if (rruleObj.freq !== 3) {
+    return data.repeat.daily.interval;
+  }
+
+  return rruleObj.interval;
+};
+
+export default computeDailyInterval;

addons/ember-rrule-generator/src/utils/computeRRule/fromString/computeEndAfter.js

@@ -0,0 +1,9 @@
+const computeEndAfter = (data, rruleObj) => {
+  if (!rruleObj.count && rruleObj.count !== 0) {
+    return data.end.after;
+  }
+
+  return rruleObj.count;
+};
+
+export default computeEndAfter;

addons/ember-rrule-generator/src/utils/computeRRule/fromString/computeEndMode.js

@@ -0,0 +1,13 @@
+const computeEndMode = (data, rruleObj) => {
+  if (rruleObj.count || rruleObj.count === 0) {
+    return 'After';
+  }
+
+  if (rruleObj.until) {
+    return 'On date';
+  }
+
+  return 'Never';
+};
+
+export default computeEndMode;

addons/ember-rrule-generator/src/utils/computeRRule/fromString/computeEndOnDate.js

@@ -0,0 +1,9 @@
+const computeEndOnDate = (data, rruleObj) => {
+  if (!rruleObj.until) {
+    return data.end.onDate.date;
+  }
+
+  return rruleObj.until;
+};
+
+export default computeEndOnDate;