How do I install the Scamper browser?

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
9 messages Options
Reply | Threaded
Open this post in threaded view
|

How do I install the Scamper browser?

Hannes Hirzel
Hello

Assuming I have installed Metacello, how do I install the Scamper web browser?

    https://github.com/HPI-SWA-Teaching/Scamper/tree/dev

Regards
--Hannes

Reply | Threaded
Open this post in threaded view
|

Re: How do I install the Scamper browser?

Hannes Hirzel
And it would be nice to have a short report on which kinds of subset
of HTML Scamper runs fine.

Thanks for this

https://github.com/HPI-SWA-Teaching/Scamper/blob/dev/wikiImages/rendering%20pipe.PNG

(attached)

For example a couple of static HTML/CSS pages in
https://github.com/HPI-SWA-Teaching/Scamper/tree/dev/tests



On 5/2/17, H. Hirzel <[hidden email]> wrote:

> Hello
>
> Assuming I have installed Metacello, how do I install the Scamper web
> browser?
>
>     https://github.com/HPI-SWA-Teaching/Scamper/tree/dev
>
> Regards
> --Hannes
>



Scamper rendering pipe.PNG (67K) Download Attachment
Reply | Threaded
Open this post in threaded view
|

Re: How do I install the Scamper browser?

fniephaus

--

On Tue, May 2, 2017 at 2:48 PM H. Hirzel <[hidden email]> wrote:
And it would be nice to have a short report on which kinds of subset
of HTML Scamper runs fine.

Thanks for this

https://github.com/HPI-SWA-Teaching/Scamper/blob/dev/wikiImages/rendering%20pipe.PNG

(attached)

For example a couple of static HTML/CSS pages in
https://github.com/HPI-SWA-Teaching/Scamper/tree/dev/tests



On 5/2/17, H. Hirzel <[hidden email]> wrote:
> Hello
>
> Assuming I have installed Metacello, how do I install the Scamper web
> browser?
>
>     https://github.com/HPI-SWA-Teaching/Scamper/tree/dev

This should work:

Metacello new
  baseline: 'Scamper';
  repository: 'github://HPI-SWA-Teaching/Scamper:dev/packages';
  onConflict: [:ex | ex allow];
  load


>
> Regards
> --Hannes
>



Reply | Threaded
Open this post in threaded view
|

Re: How do I install the Scamper browser?

Hannes Hirzel
Thank you for the load script


    Metacello new
      baseline: 'Scamper';
      repository: 'github://HPI-SWA-Teaching/Scamper:dev/packages';
      onConflict: [:ex | ex allow];
      load

It loads fine. Both in Squeak 5.1-release and Squeak6.0a-17230

Then I did

    Scamper initialize.

And

    Scamper open

or

    Scamper openOnUrl: 'http://wiki.squeak.org/squeak/6572'


But I get an error [1].

Do I need to load a particular font package as well?


--Hannes


///////////////////////////////////////////////////////////////////////////////////////////////////////////////

2 May 2017 4:01:34.430728 pm

VM: unix - Smalltalk
Image: Squeak5.1 [latest update: #16549]

SecurityManager state:
Restricted: false
FileAccess: true
SocketAccess: true
Working Dir /media/user/data-ext4/Smtk/2017-04-27_Sq5.1-release_Seaside_loaded_Scamper/Squeak5.1-16549-32bit-All-in-One.app/Contents/Resources
Trusted Dir /media/user/data-ext4/Smtk/2017-04-27_Sq5.1-release_Seaside_loaded_Scamper/Squeak5.1-16549-32bit-All-in-One.app/Contents/Resources/secure
Untrusted Dir /media/user/data-ext4/Smtk/2017-04-27_Sq5.1-release_Seaside_loaded_Scamper/Squeak5.1-16549-32bit-All-in-One.app/Contents/Resources/My
Squeak

StrikeFont(Object)>>doesNotUnderstand: #initialize:
        Receiver: <<error during printing>>
        Arguments and temporary variables:
                aMessage: initialize: a StrikeFont(Bitmap DejaVu Sans 7 10)
                exception: MessageNotUnderstood: StrikeFont>>initialize:
                resumeValue: nil
        Receiver's instance variables:
                characterToGlyphMap: nil
                xTable: nil
                glyphs: nil
                name: nil
                type: nil
                minAscii: nil
                maxAscii: nil
                maxWidth: nil
                strikeLength: nil
                ascent: nil
                descent: nil
                xOffset: nil
                raster: nil
                subscript: nil
                superscript: nil
                emphasis: nil
                derivativeFonts: nil
                pointSize: nil
                fallbackFont: nil
                charIndexCompatibilitySlot: nil

TextStyle>>addNewFontSize:
        Receiver: a TextStyle Bitmap DejaVu Sans 9
        Arguments and temporary variables:
                pointSize: 18
                f: nil
                newArray: nil
                t: nil
                isSet: false
                fonts: nil
                d: #(nil)
        Receiver's instance variables:
                fontArray: {a StrikeFont(Bitmap DejaVu Sans 7 10) . a
StrikeFont(Bitmap DejaVu ...etc...
                fontFamilySize: nil
                lineGrid: 12
                baseline: 10
                alignment: 0
                firstIndent: 0
                restIndent: 0
                rightIndent: 0
                tabsArray: #(24 48 72 96 120 144 168 192 216 240 264 288 312 336
360 384 408 43...etc...
                marginTabsArray: #(#(24 24) #(48 48) #(72 72) #(96 96) #(120 120)
#(144 144) #(...etc...
                leading: 2
                defaultFontIndex: 2

[] in DHtmlFormatter>>fontWith:and:
        Receiver: a DHtmlFormatter
        Arguments and temporary variables:
<<error during printing>
        Receiver's instance variables:
                browser: nil
                baseUrl: nil
                outputStream: an AttributedTextStream
                preformattedLevel: 0
                indentLevel: 0
                urlLink: nil
                listLengths: an OrderedCollection()
                listStyleTypes: an OrderedCollection()
                listTypes: an OrderedCollection()
                precedingSpaces: 0
                precedingNewlines: 1000
                morphsToEmbed: an OrderedCollection()
                incompleteMorphs: an OrderedCollection()
                fontSpecs: nil

Array(Collection)>>detect:ifNone:
        Receiver: {a StrikeFont(Bitmap DejaVu Sans 7 10) . a
StrikeFont(Bitmap DejaVu Sans 9 14) . a StrikeFont...etc...
        Arguments and temporary variables:
                aBlock: [closure] in DHtmlFormatter>>fontWith:and:
                exceptionBlock: [closure] in DHtmlFormatter>>fontWith:and:
        Receiver's instance variables:
{a StrikeFont(Bitmap DejaVu Sans 7 10) . a StrikeFont(Bitmap DejaVu
Sans 9 14) . a StrikeFont...etc...







On 5/2/17, Fabio Niephaus <[hidden email]> wrote:

> --
>
> On Tue, May 2, 2017 at 2:48 PM H. Hirzel <[hidden email]> wrote:
>
>> And it would be nice to have a short report on which kinds of subset
>> of HTML Scamper runs fine.
>>
>> Thanks for this
>>
>>
>> https://github.com/HPI-SWA-Teaching/Scamper/blob/dev/wikiImages/rendering%20pipe.PNG
>>
>> (attached)
>>
>> For example a couple of static HTML/CSS pages in
>> https://github.com/HPI-SWA-Teaching/Scamper/tree/dev/tests
>>
>>
>>
>> On 5/2/17, H. Hirzel <[hidden email]> wrote:
>> > Hello
>> >
>> > Assuming I have installed Metacello, how do I install the Scamper web
>> > browser?
>> >
>> >     https://github.com/HPI-SWA-Teaching/Scamper/tree/dev
>
>
> This should work:
>
> Metacello new
>   baseline: 'Scamper';
>   repository: 'github://HPI-SWA-Teaching/Scamper:dev/packages';
>   onConflict: [:ex | ex allow];
>   load
>
>
>> >
>> > Regards
>> > --Hannes
>> >
>>
>>
>

Reply | Threaded
Open this post in threaded view
|

Re: How do I install the Scamper browser?

fniephaus

--

On Tue, May 2, 2017 at 4:03 PM H. Hirzel <[hidden email]> wrote:
Thank you for the load script


    Metacello new
      baseline: 'Scamper';
      repository: 'github://HPI-SWA-Teaching/Scamper:dev/packages';
      onConflict: [:ex | ex allow];
      load

It loads fine. Both in Squeak 5.1-release and Squeak6.0a-17230

Then I did

    Scamper initialize.

And

    Scamper open

or

    Scamper openOnUrl: 'http://wiki.squeak.org/squeak/6572'


But I get an error [1].

Do I need to load a particular font package as well?

Looks like you need to copy the fonts and scamper-icons directories next to your image:
 
Fabio



--Hannes


///////////////////////////////////////////////////////////////////////////////////////////////////////////////

2 May 2017 4:01:34.430728 pm

VM: unix - Smalltalk
Image: Squeak5.1 [latest update: #16549]

SecurityManager state:
Restricted: false
FileAccess: true
SocketAccess: true
Working Dir /media/user/data-ext4/Smtk/2017-04-27_Sq5.1-release_Seaside_loaded_Scamper/Squeak5.1-16549-32bit-All-in-One.app/Contents/Resources
Trusted Dir /media/user/data-ext4/Smtk/2017-04-27_Sq5.1-release_Seaside_loaded_Scamper/Squeak5.1-16549-32bit-All-in-One.app/Contents/Resources/secure
Untrusted Dir /media/user/data-ext4/Smtk/2017-04-27_Sq5.1-release_Seaside_loaded_Scamper/Squeak5.1-16549-32bit-All-in-One.app/Contents/Resources/My
Squeak

StrikeFont(Object)>>doesNotUnderstand: #initialize:
        Receiver: <<error during printing>>
        Arguments and temporary variables:
                aMessage:       initialize: a StrikeFont(Bitmap DejaVu Sans 7 10)
                exception:      MessageNotUnderstood: StrikeFont>>initialize:
                resumeValue:    nil
        Receiver's instance variables:
                characterToGlyphMap:    nil
                xTable:         nil
                glyphs:         nil
                name:   nil
                type:   nil
                minAscii:       nil
                maxAscii:       nil
                maxWidth:       nil
                strikeLength:   nil
                ascent:         nil
                descent:        nil
                xOffset:        nil
                raster:         nil
                subscript:      nil
                superscript:    nil
                emphasis:       nil
                derivativeFonts:        nil
                pointSize:      nil
                fallbackFont:   nil
                charIndexCompatibilitySlot:     nil

TextStyle>>addNewFontSize:
        Receiver: a TextStyle Bitmap DejaVu Sans 9
        Arguments and temporary variables:
                pointSize:      18
                f:      nil
                newArray:       nil
                t:      nil
                isSet:  false
                fonts:  nil
                d:      #(nil)
        Receiver's instance variables:
                fontArray:      {a StrikeFont(Bitmap DejaVu Sans 7 10) . a
StrikeFont(Bitmap DejaVu ...etc...
                fontFamilySize:         nil
                lineGrid:       12
                baseline:       10
                alignment:      0
                firstIndent:    0
                restIndent:     0
                rightIndent:    0
                tabsArray:      #(24 48 72 96 120 144 168 192 216 240 264 288 312 336
360 384 408 43...etc...
                marginTabsArray:        #(#(24 24) #(48 48) #(72 72) #(96 96) #(120 120)
#(144 144) #(...etc...
                leading:        2
                defaultFontIndex:       2

[] in DHtmlFormatter>>fontWith:and:
        Receiver: a DHtmlFormatter
        Arguments and temporary variables:
<<error during printing>
        Receiver's instance variables:
                browser:        nil
                baseUrl:        nil
                outputStream:   an AttributedTextStream
                preformattedLevel:      0
                indentLevel:    0
                urlLink:        nil
                listLengths:    an OrderedCollection()
                listStyleTypes:         an OrderedCollection()
                listTypes:      an OrderedCollection()
                precedingSpaces:        0
                precedingNewlines:      1000
                morphsToEmbed:  an OrderedCollection()
                incompleteMorphs:       an OrderedCollection()
                fontSpecs:      nil

Array(Collection)>>detect:ifNone:
        Receiver: {a StrikeFont(Bitmap DejaVu Sans 7 10) . a
StrikeFont(Bitmap DejaVu Sans 9 14) . a StrikeFont...etc...
        Arguments and temporary variables:
                aBlock:         [closure] in DHtmlFormatter>>fontWith:and:
                exceptionBlock:         [closure] in DHtmlFormatter>>fontWith:and:
        Receiver's instance variables:
{a StrikeFont(Bitmap DejaVu Sans 7 10) . a StrikeFont(Bitmap DejaVu
Sans 9 14) . a StrikeFont...etc...







On 5/2/17, Fabio Niephaus <[hidden email]> wrote:
> --
>
> On Tue, May 2, 2017 at 2:48 PM H. Hirzel <[hidden email]> wrote:
>
>> And it would be nice to have a short report on which kinds of subset
>> of HTML Scamper runs fine.
>>
>> Thanks for this
>>
>>
>> https://github.com/HPI-SWA-Teaching/Scamper/blob/dev/wikiImages/rendering%20pipe.PNG
>>
>> (attached)
>>
>> For example a couple of static HTML/CSS pages in
>> https://github.com/HPI-SWA-Teaching/Scamper/tree/dev/tests
>>
>>
>>
>> On 5/2/17, H. Hirzel <[hidden email]> wrote:
>> > Hello
>> >
>> > Assuming I have installed Metacello, how do I install the Scamper web
>> > browser?
>> >
>> >     https://github.com/HPI-SWA-Teaching/Scamper/tree/dev
>
>
> This should work:
>
> Metacello new
>   baseline: 'Scamper';
>   repository: 'github://HPI-SWA-Teaching/Scamper:dev/packages';
>   onConflict: [:ex | ex allow];
>   load
>
>
>> >
>> > Regards
>> > --Hannes
>> >
>>
>>
>



Reply | Threaded
Open this post in threaded view
|

Re: How do I install the Scamper browser?

Hannes Hirzel
Thanks, Fabio, for the additional hint. This brought me a step further
but the goal is still not reached.

I downloaded the zip file

https://github.com/HPI-SWA-Teaching/Scamper/archive/dev.zip

and extracted both folders

- fonts
- scamper-icons

I loaded the TTF files in 'fonts' folder with the FontImporter tool
(menu 'Apps / Font importer').

It seems that I need to import the 'scamper-icons'  in a particular way.

Because I still get an error [1] if I just do

      Scamper openOnUrl: 'http://wiki.squeak.org/squeak/6572'


[1]
reload-w24-h24.png
does not exist

Choose another name or debug.

Just placing the folder 'scamper-icons'  in the folder where the image
is seems not to be sufficient.


On 5/2/17, Fabio Niephaus <[hidden email]> wrote:

> --
>
> On Tue, May 2, 2017 at 4:03 PM H. Hirzel <[hidden email]> wrote:
>
>> Thank you for the load script
>>
>>
>>     Metacello new
>>       baseline: 'Scamper';
>>       repository: 'github://HPI-SWA-Teaching/Scamper:dev/packages';
>>       onConflict: [:ex | ex allow];
>>       load
>>
>> It loads fine. Both in Squeak 5.1-release and Squeak6.0a-17230
>>
>> Then I did
>>
>>     Scamper initialize.
>>
>> And
>>
>>     Scamper open
>>
>> or
>>
>>     Scamper openOnUrl: 'http://wiki.squeak.org/squeak/6572'
>>
>>
>> But I get an error [1].
>>
>> Do I need to load a particular font package as well?
>>
>
> Looks like you need to copy the fonts and scamper-icons directories next to
> your image:
> https://github.com/HPI-SWA-Teaching/Scamper/tree/dev/build-support
>
> Fabio
>
>
>>
>> --Hannes
>>
>>
>>
>> ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
>>
>> 2 May 2017 4:01:34.430728 pm
>>
>> VM: unix - Smalltalk
>> Image: Squeak5.1 [latest update: #16549]
>>
>> SecurityManager state:
>> Restricted: false
>> FileAccess: true
>> SocketAccess: true
>> Working Dir
>> /media/user/data-ext4/Smtk/2017-04-27_Sq5.1-release_Seaside_loaded_Scamper/Squeak5.1-16549-32bit-All-in-One.app/Contents/Resources
>> Trusted Dir
>> /media/user/data-ext4/Smtk/2017-04-27_Sq5.1-release_Seaside_loaded_Scamper/Squeak5.1-16549-32bit-All-in-One.app/Contents/Resources/secure
>> Untrusted Dir
>> /media/user/data-ext4/Smtk/2017-04-27_Sq5.1-release_Seaside_loaded_Scamper/Squeak5.1-16549-32bit-All-in-One.app/Contents/Resources/My
>> Squeak
>>
>> StrikeFont(Object)>>doesNotUnderstand: #initialize:
>>         Receiver: <<error during printing>>
>>         Arguments and temporary variables:
>>                 aMessage:       initialize: a StrikeFont(Bitmap DejaVu
>> Sans 7 10)
>>                 exception:      MessageNotUnderstood:
>> StrikeFont>>initialize:
>>                 resumeValue:    nil
>>         Receiver's instance variables:
>>                 characterToGlyphMap:    nil
>>                 xTable:         nil
>>                 glyphs:         nil
>>                 name:   nil
>>                 type:   nil
>>                 minAscii:       nil
>>                 maxAscii:       nil
>>                 maxWidth:       nil
>>                 strikeLength:   nil
>>                 ascent:         nil
>>                 descent:        nil
>>                 xOffset:        nil
>>                 raster:         nil
>>                 subscript:      nil
>>                 superscript:    nil
>>                 emphasis:       nil
>>                 derivativeFonts:        nil
>>                 pointSize:      nil
>>                 fallbackFont:   nil
>>                 charIndexCompatibilitySlot:     nil
>>
>> TextStyle>>addNewFontSize:
>>         Receiver: a TextStyle Bitmap DejaVu Sans 9
>>         Arguments and temporary variables:
>>                 pointSize:      18
>>                 f:      nil
>>                 newArray:       nil
>>                 t:      nil
>>                 isSet:  false
>>                 fonts:  nil
>>                 d:      #(nil)
>>         Receiver's instance variables:
>>                 fontArray:      {a StrikeFont(Bitmap DejaVu Sans 7 10) .
>> a
>> StrikeFont(Bitmap DejaVu ...etc...
>>                 fontFamilySize:         nil
>>                 lineGrid:       12
>>                 baseline:       10
>>                 alignment:      0
>>                 firstIndent:    0
>>                 restIndent:     0
>>                 rightIndent:    0
>>                 tabsArray:      #(24 48 72 96 120 144 168 192 216 240 264
>> 288 312 336
>> 360 384 408 43...etc...
>>                 marginTabsArray:        #(#(24 24) #(48 48) #(72 72) #(96
>> 96) #(120 120)
>> #(144 144) #(...etc...
>>                 leading:        2
>>                 defaultFontIndex:       2
>>
>> [] in DHtmlFormatter>>fontWith:and:
>>         Receiver: a DHtmlFormatter
>>         Arguments and temporary variables:
>> <<error during printing>
>>         Receiver's instance variables:
>>                 browser:        nil
>>                 baseUrl:        nil
>>                 outputStream:   an AttributedTextStream
>>                 preformattedLevel:      0
>>                 indentLevel:    0
>>                 urlLink:        nil
>>                 listLengths:    an OrderedCollection()
>>                 listStyleTypes:         an OrderedCollection()
>>                 listTypes:      an OrderedCollection()
>>                 precedingSpaces:        0
>>                 precedingNewlines:      1000
>>                 morphsToEmbed:  an OrderedCollection()
>>                 incompleteMorphs:       an OrderedCollection()
>>                 fontSpecs:      nil
>>
>> Array(Collection)>>detect:ifNone:
>>         Receiver: {a StrikeFont(Bitmap DejaVu Sans 7 10) . a
>> StrikeFont(Bitmap DejaVu Sans 9 14) . a StrikeFont...etc...
>>         Arguments and temporary variables:
>>                 aBlock:         [closure] in
>> DHtmlFormatter>>fontWith:and:
>>                 exceptionBlock:         [closure] in
>> DHtmlFormatter>>fontWith:and:
>>         Receiver's instance variables:
>> {a StrikeFont(Bitmap DejaVu Sans 7 10) . a StrikeFont(Bitmap DejaVu
>> Sans 9 14) . a StrikeFont...etc...
>>
>>
>>
>>
>>
>>
>>
>> On 5/2/17, Fabio Niephaus <[hidden email]> wrote:
>> > --
>> >
>> > On Tue, May 2, 2017 at 2:48 PM H. Hirzel <[hidden email]>
>> wrote:
>> >
>> >> And it would be nice to have a short report on which kinds of subset
>> >> of HTML Scamper runs fine.
>> >>
>> >> Thanks for this
>> >>
>> >>
>> >>
>> https://github.com/HPI-SWA-Teaching/Scamper/blob/dev/wikiImages/rendering%20pipe.PNG
>> >>
>> >> (attached)
>> >>
>> >> For example a couple of static HTML/CSS pages in
>> >> https://github.com/HPI-SWA-Teaching/Scamper/tree/dev/tests
>> >>
>> >>
>> >>
>> >> On 5/2/17, H. Hirzel <[hidden email]> wrote:
>> >> > Hello
>> >> >
>> >> > Assuming I have installed Metacello, how do I install the Scamper
>> >> > web
>> >> > browser?
>> >> >
>> >> >     https://github.com/HPI-SWA-Teaching/Scamper/tree/dev
>> >
>> >
>> > This should work:
>> >
>> > Metacello new
>> >   baseline: 'Scamper';
>> >   repository: 'github://HPI-SWA-Teaching/Scamper:dev/packages';
>> >   onConflict: [:ex | ex allow];
>> >   load
>> >
>> >
>> >> >
>> >> > Regards
>> >> > --Hannes
>> >> >
>> >>
>> >>
>> >
>>
>>
>

Reply | Threaded
Open this post in threaded view
|

Re: How do I install the Scamper browser?

Hannes Hirzel
Success!

The folder 'scamper-icons' (in [1]) needs to be placed in a folder
'Scamper'. And the folder 'Scamper' needs to be in the folder where
the image is.

 >
> - fonts
> - scamper-icons
>
> I loaded the TTF files in 'fonts' folder with the FontImporter tool
> (menu 'Apps / Font importer').

Then I can do for example

     Scamper openOnUrl: 'http://wiki.squeak.org/squeak/6572'

with a good result for the Squeak wiki (attached screen shot)

--Hannes


[1] https://github.com/HPI-SWA-Teaching/Scamper/archive/dev.zip



Scamper_in_Squeak5.1_release_2017-05-02.png (193K) Download Attachment
Reply | Threaded
Open this post in threaded view
|

Re: How do I install the Scamper browser?

Edgar J. De Cleene-3
In reply to this post by Hannes Hirzel
Very nice graph.

> On May 2, 2017, at 09:47, H. Hirzel <[hidden email]> wrote:
>
> And it would be nice to have a short report on which kinds of subset
> of HTML Scamper runs fine.
>
> Thanks for this
>
> https://github.com/HPI-SWA-Teaching/Scamper/blob/dev/wikiImages/rendering%20pipe.PNG
>
> (attached)
>
> For example a couple of static HTML/CSS pages in
> https://github.com/HPI-SWA-Teaching/Scamper/tree/dev/tests
>
>
>
> On 5/2/17, H. Hirzel <[hidden email]> wrote:
>> Hello
>>
>> Assuming I have installed Metacello, how do I install the Scamper web
>> browser?
>>
>>    https://github.com/HPI-SWA-Teaching/Scamper/tree/dev
>>
>> Regards
>> --Hannes
>>
> <Scamper rendering pipe.PNG>


Reply | Threaded
Open this post in threaded view
|

Re: How do I install the Scamper browser?

fniephaus
In reply to this post by Hannes Hirzel
Cool! Could you add instructions to the README.md?
I can merge a pull request.

Fabio

--

On Tue, May 2, 2017 at 4:40 PM H. Hirzel <[hidden email]> wrote:
Success!

The folder 'scamper-icons' (in [1]) needs to be placed in a folder
'Scamper'. And the folder 'Scamper' needs to be in the folder where
the image is.

 >
> - fonts
> - scamper-icons
>
> I loaded the TTF files in 'fonts' folder with the FontImporter tool
> (menu 'Apps / Font importer').

Then I can do for example

     Scamper openOnUrl: 'http://wiki.squeak.org/squeak/6572'

with a good result for the Squeak wiki (attached screen shot)

--Hannes


[1] https://github.com/HPI-SWA-Teaching/Scamper/archive/dev.zip