@internetarchive/ia-topnav 1.1.30-alpha.1 → 1.1.30-userlist1

package/README.md

@@ -12,7 +12,10 @@ yarn add @internetarchive/ia-topnav
 
 @see [www/index.html](www/index.html) for the simplest example with all the defaults
 
-`yarn start` => open demo: `http://localhost:8000/www/index.html`
+* Demo app is in another directory: `/www/index.html`
+  * `npm|yarn start` - runs local server in Demo directory which is in `/www` folder
+  * you can also just use your preferred server
+  * open demo: `http://localhost:8000/www/index.html`
 
 It shows a dynamic change of the logged in user name -- and how it will re-paint the menus.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-topnav",
-  "version": "1.1.30-alpha.1",
+  "version": "1.1.30-userlist1",
   "description": "Top nav for Internet Archive",
   "license": "AGPL-3.0-only",
   "main": "index.js",
@@ -11,7 +11,7 @@
     "access": "public"
   },
   "scripts": {
-    "start": "es-dev-server --app-index ./index.html --node-resolve --watch --open",
+    "start": "cd ../../www/ && web-dev-server --app-index ./index.html --node-resolve --watch --open",
     "lint:eslint": "eslint --ext .js . --ignore-path .gitignore",
     "format:eslint": "eslint --ext .js . --fix --ignore-path .gitignore",
     "lint:prettier": "prettier \"**/*.js\" --check --ignore-path .gitignore",
@@ -30,9 +30,9 @@
     "@open-wc/prettier-config": "^1.1.0",
     "@open-wc/testing": "^3.1.6",
     "@storybook/react": "^6.5.12",
+    "@web/dev-server": "^0.3.6",
     "@web/test-runner": "^0.14.0",
     "@web/test-runner-puppeteer": "^0.10.5",
-    "es-dev-server": "^2.1.0",
     "eslint": "^8.24.0",
     "eslint-plugin-lit": "^1.6.1",
     "gulp": "^4.0.2",

package/src/data/menus.js

@@ -540,6 +540,11 @@ export function buildTopNavMenus(userid = '___USERID___', localLinks = true, way
         title: 'My favorites',
         analyticsEvent: 'UserFavorites',
       },
+      {
+        url: `${prefix}/details/@me?tab=lists`,
+        title: 'My lists',
+        analyticsEvent: 'UserLists',
+      },
       {
         url: `${prefix}/details/@${userid}/web-archive`,
         title: 'My web archives',

package/src/ia-topnav.js

@@ -89,7 +89,7 @@ export default class IATopNav extends LitElement {
   menuSetup() {
     this.localLinks = this.getAttribute('localLinks') !== 'false' && this.getAttribute('localLinks') !== false;
     this.username = this.getAttribute('username')
-    this.screenName = this.getAttribute('screenName') // this.username; // set screenName when username changes to display
+    this.screenName = this.username; // set screenName when username changes to display
     this.waybackPagesArchived = this.getAttribute('waybackPagesArchived') ?? ''
 
     // ensure we update other components that use `baseHost`

package/src/primary-nav.js

@@ -79,23 +79,9 @@ class PrimaryNav extends TrackedElement {
     );
   }
 
-  get isRTL() {
-    const ltrChars = 'A-Za-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02B8\u0300-\u0590\u0800-\u1FFF'+'\u2C00-\uFB1C\uFDFE-\uFE6F\uFEFD-\uFFFF';
-    const rtlChars = '\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC';
-    const rtlCheck = new RegExp('^[^'+ltrChars+']*['+rtlChars+']');
-
-    return rtlCheck.test(this.screenName);
-  }
-
   get truncatedScreenName() {
-    if (this.screenName && [...this.screenName].length > 10) {
-      // Works with RTL and Unicode
-      const truncated  = [...this.screenName].slice(0, 9).join('');
-      if (this.isRTL) {
-        return `…${truncated}`;
-      } else {
-        return `${truncated}…`;
-      }
+    if (this.screenName && this.screenName.length > 10) {
+      return `${this.screenName.substr(0, 9)}…`;
     }
     return this.screenName;
   }

package/.storybook/.babelrc

@@ -1,15 +0,0 @@
-{
-  "plugins": [
-    "@babel/plugin-syntax-dynamic-import",
-    "@babel/plugin-proposal-object-rest-spread"
-  ],
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "useBuiltIns": "entry",
-        "corejs": "2",
-      }
-    ]
-  ]
-}

package/.storybook/addons.js

@@ -1,7 +0,0 @@
-import '@storybook/addon-a11y/register';
-import '@storybook/addon-actions/register';
-import '@storybook/addon-knobs/register';
-import '@storybook/addon-notes/register';
-import '@storybook/addon-links/register';
-import '@storybook/addon-storysource/register';
-import '@storybook/addon-viewport/register';

package/.storybook/config.js

@@ -1,11 +0,0 @@
-import { configure, addDecorator } from '@storybook/polymer';
-import { withA11y } from '@storybook/addon-a11y';
-import '@storybook/addon-console';
-
-const req = require.context('../stories', true, /\.stories\.js$/);
-function loadStories() {
-  req.keys().forEach(filename => req(filename));
-}
-
-addDecorator(withA11y);
-configure(loadStories, module);

package/.storybook/webpack.config.js

@@ -1,5 +0,0 @@
-const defaultConfig = require('@open-wc/demoing-storybook/default-storybook-webpack-config.js');
-
-module.exports = ({ config }) => {
-  return defaultConfig({ config, transpilePackages: ['lit', '@open-wc'] });
-};

package/stories/topnav-element.stories.js

@@ -1,7 +0,0 @@
-import { storiesOf, withKnobs, withClassPropertiesKnobs } from '@open-wc/demoing-storybook';
-
-import IAMobileTopNav from '../index';
-
-storiesOf('IAMobileTopNav', module)
-  .addDecorator(withKnobs)
-  .add('Mobile top nav options', () => withClassPropertiesKnobs(IAMobileTopNav));