amotify 0.0.23 → 0.0.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "description": "UI Component for React",
   "main": "dist/launch.js",
   "types": "dist/@types.d.ts",

package/src/@jsminAmotifyExtension/spreadSheet.tsx

@@ -115,7 +115,6 @@ declare global {
       sheets.forEach( ( sheet,index ) => {
         let {
           sheetName,
-          headers = [],
           rows,
           merges = [],
           styles = []
@@ -124,21 +123,10 @@ declare global {
 
         workbook.addWorksheet( sheetName );
         const worksheet = workbook.getWorksheet( sheetName );
-
-        let Headers = headers.map( ( header,index ) => {
-          let { key,value } = header;
-          return {
-            key: key,
-            header: value
-          }
-        } );
-
-        worksheet.columns = Headers;
         worksheet.addRows( rows );
 
-        for ( let [ from,to ] of merges ) {
+        for ( let [ from,to ] of merges )
           if ( from && to ) worksheet.mergeCells( from + ':' + to );
-        }
         for ( let style of styles ) {
           let {
             type,

package/src/@styles/init.scss

@@ -27,9 +27,6 @@ html {
   transition: opacity $animation-time-middle;
   background-color: $color-dark;
 }
-amotify-app {
-  all: initial !important;
-}
 .AMOTIFY_be_origin {
   max-width: 200rem;
   min-height: $viewHeight;

package/src/global/LaunchReactApplication.tsx

@@ -14,6 +14,7 @@ export const LaunchSubApplication = ( props: amotify.global.LaunchReactApplicati
     appearances
   } = props;
   let base = $( baseElement );
+
   if ( !base[ 0 ] || !reactElement ) return;
   if ( appearances ) {
     let {

package/src/launch.tsx

@@ -82,7 +82,7 @@ const amotify: amotify = {
 
 export { amotify,launchID }
 
-if ( global.amotify ) {
+if ( window.amotify ) {
   global[ ( 'amotify_' + launchID ) as 'amotify' ] = amotify;
 } else {
   global.amotify = amotify;

package/src/preload.tsx

@@ -41,7 +41,8 @@ let tags: Jsmin.CreateElement.Args[] = [
     parent: document.head,
     id: 'ThemeColorMetaTag',
     attr: { name: 'theme-color',content: '#45515c' },
-  },{
+  },
+  {
     parent: document.body,
     tag: 'amotify-app',
     id: launchID,
@@ -56,4 +57,44 @@ let tags: Jsmin.CreateElement.Args[] = [
 for ( let tag of tags ) {
   if ( tag.id && $( '#' + tag.id )[ 0 ] ) continue;
   $.createElement( tag );
-}
+}
+
+// ( () => {
+//   let amotifyRoot = document.createElement( 'amotify-app' );
+//   amotifyRoot.id = launchID;
+//   let shadow = amotifyRoot.attachShadow( { mode: 'open' } );
+
+//   let link = document.createElement( 'link' );
+//   link.href = 'https://public.comun.jp/@env/amotify/v3.1.7/amotify.min.css';
+//   link.rel = 'stylesheet';
+
+//   let sheetDIV = document.createElement( 'div' );
+//   sheetDIV.className = 'AMOTIFY_be AMOTIFY_be_sheet';
+
+//   let snackbar = document.createElement( 'div' );
+//   snackbar.className = 'AMOTIFY_be AMOTIFY_be_snackbar';
+//   snackbar.innerHTML = 'HELLO';
+
+//   let loader = document.createElement( 'div' );
+//   loader.className = 'AMOTIFY_be AMOTIFY_be_loader';
+
+//   let root = document.createElement( 'div' );
+//   root.className = 'AMOTIFY_be AMOTIFY_be_root';
+
+//   shadow.appendChild( link );
+//   shadow.appendChild( sheetDIV );
+//   shadow.appendChild( snackbar );
+//   shadow.appendChild( loader );
+//   shadow.appendChild( root );
+
+//   document.body.appendChild( amotifyRoot );
+
+//   // amotifyRoot.shadowRoot.get
+
+//   setTimeout( () => {
+//     let a = amotifyRoot.shadowRoot!.querySelectorAll( '.AMOTIFY_be_snackbar' );
+
+//     a[ 0 ].innerHTML = 'AAAA';
+//     console.log( '======' );
+//   },1000 );
+// } )();